@charset "utf-8";
/* CSS Document */
*, html { margin: 0; padding: 0; }

body {
	font-size:76%; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#008AD2;
	background-image:url(../img/gradient_back.jpg);
	background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;  /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1{color:#1697C5; font-size:1.5em; padding-bottom:5px;}
h2{color:#1697C5; font-size:1.3em; padding-bottom:5px;}
h2.black{color:#000;}
h2.orange{color:#FFC20E;}
h3{color:#1697C5; font-size:1em; padding-bottom:5px;}
h3.black{color:#000;}
p{font-size:1em; line-height:16px;}
p.profParagraph{margin-bottom:20px;}

a{color:#1697C5;}
a:hover{color:#FFC20E;}
a.contactUs{text-decoration:none; color:#1697C5; font-weight:bold;}
a.contactUs:hover{color:#FFC20E;}
img{
	border: 0;
	padding-left: 6px;
}


.firstLtrParagraph{margin-left:20px;}
.reallyBigText{font-size:1.3em; line-height:28px;}
.underline{text-decoration:underline}


#container {
width:925px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
border:1px solid #000000;
}

.ulScootchOver{margin-left:30px;}
.ulScootchDown{margin-top:-15px;}
.square{list-style-type:square;}

#header{width:100%; height:130px;}

#navContainer{
height:32px; 
border-top:1px solid #FFFFFF; 
border-right:1px solid #FFFFFF;
background-image:url(../img/navBack.png);
background-repeat:repeat-x;}

/* second level pages navigation container */
#subNavContainer{float:left; width:200px; padding-left:10px; margin-top:40px;}
#navlist{padding-left: 0;margin-left: 0;border-bottom: 1px solid gray;width: 200px; font-size:1.1em; font-weight:bold;}
#navlist li{list-style: none;margin: 0;padding:0.25em; border-top: 1px solid gray;}
#navlist li a {text-decoration: none;}
#navlist li.current {/* background-color:#B0D4F0; */}
#navlist li a.current {color:#FFC20E;}
a.topNavList{text-decoration:none; font-size:1.1em; font-weight:bold; padding-left:2px;}

/* only for our home page */
#leftContainerHome{float:left; width:700px; margin-top:20px;}

/* only for out home page */
#rightContainerHome{float:left; width:205px; margin-top:30px; border-left:1px dashed #333333; padding-left:10px;}
#announcementlist ul{ padding:0;}
#announcementlist li {margin:0px 0px 0px 20px; padding:3px; list-style-type: square; }
#announcementlist a{font-size:1.1em; font-weight:bold;}

/* second level pages content area */
#rightContainerPages{float:left; width:710px; margin-top:20px;}


/* content! */
#textContents{padding:0px 20px 20px 20px; font-size:1.2em; text-align:justify;}

#leftBoxHome{float:left; color:#1697C5; width:500px; height:150px; /* background-image:url(../img/gradient_box_back.jpg); background-repeat:repeat-x; margin:0px 20px 0px 0px; border:1px solid #000; */}
#leftBoxHome2 {
	float: none;
	color: #CC3300;
	width: 500px; /* background-image:url(../img/gradient_box_back.jpg); background-repeat:repeat-x; margin:0px 20px 0px 0px; border:1px solid #000; */
	clear: both;
	text-align: left;
	line-height: 1.3em;
}

#rightBoxHome{float:left; color:#1697C5; width:320px; height:150px; /* background-image:url(../img/book.jpg); background-repeat:repeat-x; margin:0px 20px 0px 50px; border:1px solid #000; */}

#footer{color:#000000; text-align:center; font-size:1.2em; border-top:1px solid #000; background-image:url(../img/background_footer.jpg); background-repeat:repeat-x; height:65px; padding-top:10px;}
#footer a{color:#000000;}
#footer a:hover{color:#FFFFFF;}
