/* page layout */

#toppage {width: 902px; background-image: url("/images/top_page_bkg.gif"); position: relative;}

#toparea {width: 864px; height: 134px; background-image: url("/images/topnavbkg.gif");}

#bottompage {width: 902px; background-image: url("/images/bot_page_bkg.gif"); position: relative;}

#flash {width: 864px; height: 338px; z-index: 1; text-align: left;}


#mission {width: 864px; height: 179px; background-image: url("/images/mission.gif"); font-family: Verdana; font-size: 10px; color: #486175;}

#announcement {height: 200px;}


#contentbottom {width: 864px; height: 21px; background-image: url("/images/content_bottom.gif");}

#banner {width: 864px; height: 128px;}

#topcontent {width: 864px; height: 58px; background-image: url("/images/2ndlevel_top.gif");}
#abouttour {width: 864px; height: 58px; background-image: url("/images/about_tour.gif");}

#content {width: 864px; background-color: #F1E9D6; margin: 0; padding: 0; top: 0; text-align: left;}

#text {width: 610px;}
ul.page  {width: 600px; margin: 0; padding: 0;}
ul.page li {margin: 10px 0 0 30; list-style: url("/images/bullet.gif"); background-repeat: no-repeat; color: #4A4A4A; font-family: Verdana, Arial, sans-serif; font-size: 11px;}
ul.page ul {width: 590px; margin: 0; padding: 0;}
ul.page ul li {margin: 10px 0 0 30; list-style: url("/images/bullet_3.gif"); background-repeat: no-repeat; color: #4A4A4A; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

ol.page {width: 600px; margin: 0; padding: 0;}
ol.page li {margin: 10px 0 0 40; list-style: decimal; color: #4A4A4A; font-family: Verdana, Arial, sans-serif; font-size: 11px;}

#bottom {width: 902px; height: 35px; background-image: url("/images/bottom.gif");} 

#footer {position: relative; width: 864px; height: 22px;}
#footer ul { margin: 0; padding: 0; top: 1px; left: 0px;}
#footer li {float: left; list-style: none; padding: 0; margin: 0 17px 0 0;}

#copyright {width: 864px; height: 25px;} 


#time {text-align: right:}

#nav {position: relative; margin: 0; padding: 0; width: 864; height: 43px; text-align: left; z-index: 2;}
#nav ul {display: none; width: 160px; margin: 0; padding: 0; top: 1px; left: 0px; text-indent: 8px; position: relative;}
#nav li {float: left; list-style: none; height: 43px; display: block; position: relative; color: #FFAC06; border-bottom: 1px solid #FFF; padding: 0; margin: 0;}
#nav li a:hover, #nav li:hover ul li a:hover, #nav li.over ul li a:hover {color: #FFFFFF;}
#nav li a, #nav li:hover ul li a, #nav li.over ul li a {font-weight: bold; color: #FFAC06; text-decoration: none; display: block;}
#nav ul li a, #nav li:hover ul li a, #nav li.over ul li a {display: block; width: 160px; margin: 0; padding: 0; height: 21px; font-weight: normal; background: #F6DF9A; color: #0F3454;  padding: 0; line-height: 20px}
#nav li:hover ul, #nav li.over ul {display: block; color: #FFFFFF;} 
#nav ul li {height: 21px; background-color: #F6DF9A; border-right: 1px solid #FFF; border-left: 1px solid #FFF;}
#nav ul li a:hover, #nav li:hover ul li a:hover, #nav li.over ul li a:hover {background: #FFAC06; color: #FFFFFF; font-weight: bold;}


#leftnav {position: relative; margin: 0; left: 13px; padding: 0; top: 0; width: 148px; text-align: left; float: left}
#leftnav ul {display: none; margin: 0; padding: 0; top: 0px; left: 0px; position: absolulte;}
#leftnav li {float: left; list-style: none; width: 148px; height: 22px; display: block; position: relative; border-bottom: 1px dotted #0F3454; padding: 0; margin: 0; text-indent: 4px; line-height: 22px;}
#leftnav li a:hover, #leftnav li:hover ul li a:hover, #leftnav li.over ul li a:hover {font-weight: bold; color: #FFFFFF; background-color: #FFAC06;} 
#leftnav li a, #leftnav li:hover ul li a, #leftnav li.over ul li a {font-weight: normal; color: #0F3454; text-decoration: none; display: block;}


/*-------------------- Pictures --------------------*/

/*--- Welcome ---*/
#pic1 {width: 125px; height: 125px; background-image: url(/images/photos/img21.jpg); clear: right; float: right; margin-left: 10px;}
#pic2 {width: 125px; height: 125px; background-image: url(/images/photos/img25.jpg); clear: right; float: right; margin-top: 10px; margin-left: 10px;}
#pic3 {width: 125px; height: 125px; background-image: url(/images/photos/img12.jpg); clear: left; float: left; margin-top: 26px; margin-right: 10px;}
#pic4 {width: 125px; height: 125px; background-image: url(/images/photos/img29.jpg); clear: left; float: left; margin-top: 10px; margin-right: 10px;}

/*--- Learning Environment ---*/
#pic5 {width: 125px; height: 125px; background-image: url(/images/photos/img3.jpg); clear: top; float: left; margin-top: 20px; margin-left: 40px; margin-right: 10px;}
#pic6 {width: 125px; height: 125px; background-image: url(/images/photos/img5.jpg); clear: top; float: left; margin-top: 20px; margin-left: 80px; margin-right: 10px;}
#pic7 {width: 125px; height: 125px; background-image: url(/images/photos/img7.jpg); clear: top; float: left; margin-top: 20px; margin-right: 10px;}

/*--- Faculty ---*/
#pic8 {width: 175px; height: 125px; background-image: url(/images/photos/img1.jpg); clear: top; float: left; margin-top: 20px; margin-right: 10px;}
#pic14 {width: 175px; height: 125px; background-image: url(/images/photos/img34.jpg); clear: top; float: left; margin-top: 20px; margin-right: 10px;}
#pic15 {width: 175px; height: 125px; background-image: url(/images/photos/img35.jpg); clear: top; float: left; margin-top: 20px; margin-right: 10px;}

/*--- Campus and Facilities ---*/
#pic9 {width: 125px; height: 125px; background-image: url(/images/photos/img30.jpg); clear: right; float: right; margin-top: 22; margin-left: 10px; border: 1px solid #3D5B73;}
#pic11 {width: 125px; height: 125px; background-image: url(/images/photos/img13.jpg); clear: right; float: right; margin-top: 10; margin-left: 10px; border: 1px solid #3D5B73;}
#pic12 {width: 125px; height: 125px; background-image: url(/images/photos/img6.jpg); clear: right; float: right; margin-top: 10; margin-left: 10px;}
#pic13 {width: 125px; height: 125px; background-image: url(/images/photos/img31.jpg); clear: right; float: right; margin-top: 10; margin-left: 10px; margin-bottom: 10px;} 

/*--- Student Government ---*/
#pic10 {width: 125px; height: 125px; background-image: url(/images/photos/img15.jpg); clear: right; float: right; margin-top: 22; margin-left: 10px; margin-bottom: -5px;}

/*--- PTO ---*/
#pic16 {width: 125px; height: 125px; background-image: url(/images/photos/img70.jpg); clear: left; float: left; margin-top: 22; margin-right: 10px; margin-bottom: -5px;}

/*--- Tour ---*/
#pic17 {width: 175px; height: 125px; background-image: url(/images/photos/img42.jpg); clear: right; float: right; margin-top: 22; margin-left: 10px; margin-bottom: 10px;}

/*--- Contact ---*/
#pic19 {width: 125px; height: 125px; background-image: url(/images/photos/img41.jpg); clear: top; float: right; margin-top: 20px; margin-right: 10px;}
#pic20 {width: 125px; height: 125px; background-image: url(/images/photos/img38.jpg); clear: top; float: right; margin-top: 20px; margin-right: 10px;}

/*--- Convenience ---*/
#pic21 {width: 615px; height: 175px; background-image: url(/images/map.jpg); clear: top; float: left; margin-top: 20px;}

/*--- Enrichment ---*/
#pic32 {width: 125px; height: 125px; background-image: url(/images/photos/img32.jpg); clear: right; float: right; margin-left: 10px; border: 1px solid #3D5B73;}
#pic33 {width: 125px; height: 125px; background-image: url(/images/photos/img54.jpg); clear: right; float: right; margin-top: 10px; margin-left: 10px; border: 1px solid #3D5B73;}