html, body { height:100%; }
*{ padding:0; margin:0; }
.he{ height:171px; border-top: 134px solid; }
.fo{ height:134px; min-width: 902px; width: expression(document.body.clientWidth < 900? "902px" : "auto" ); }
.wra{ margin-top: -134px; border-right: 3px solid #000; border-left: 3px solid #000; background-color: #FFF; min-width: 903px; width: expression(document.body.clientWidth < 900? "903px" : "auto" ); }
* html .wra{ height:100%; margin-top:-134px; }
head+body .wra{ min-height:100%; }
	
body { background-color: #014676; font-family: Arial, Helvetica, sans-serif; font-size: 100.01%; }
h1, h2, h3, h4, h5, ul, p { margin-bottom: 1em; }
ul { margin-left: 16px; }
table { width: 100%; }
.nopx { display: block; }
td.smallest, table.smallest { width: 0px; }

#header { border-top: 3px solid #000; border-bottom: 3px solid #000; background-image: url(header_04.jpg); background-repeat: repeat-x; }

#content_top { background-image: url(content_top.jpg); background-repeat:repeat-x; height: 18px; }
#content_bottom { background-image: url(content_bottom.jpg); background-repeat: repeat-x; height: 17px;}
#content_bottom { border-left: 3px solid #000; border-right: 3px solid #000; min-width: 903px; width: expression(document.body.clientWidth < 900? "903px" : "auto" ); }

#content_area { padding: 3px 16px 4px 0px; }

#footer { padding: 15px 10px 15px 10px; border: 3px solid #000; height: 80px; min-width: 883px; width: expression(document.body.clientWidth < 900? "883px" : "auto" ); }
#footL { width: 120px; }
#footC, #footC a, #footR, #footR a { white-space: nowrap; text-align: center; color: #FFFFFF; }
#footC, #footC a { font-size: 12px;  }
#footR, #footR a { width: 120px; font-size: 10px; }
#footer table p { margin: 0px; }

.left_col_pos { position: absolute; top: 167px; left: 14px; width: 200px; }
.left_col_pos1 { margin-left: 14px; }

.snowman_bttn1 { margin-top: 18px; }
.snowman_bttn { position: relative; top: 18px; }

ul.nav_col {
	width: 180px;
	padding: 0px;
	margin: 0px;
	list-style-type: none; 
}
.nav_col li {
	font-size: 16px;
	display: block;
	margin: 0px 0px 3px 0px;
	background: #f1f1f1 url(nav_bkrnd.gif) top left repeat-x;
	min-height: 1%;
}
.nav_col li a {
	display: block;
	text-decoration: none;
	color: #20e;
	border: 1px solid;
	border-color: #ccc #bbb #b6b6b6 #ccc;
	padding: .7em 3px .7em 37px;
	min-height: 1%;
}
.nav_col li a {	
	background-position: -8px 50%;
	background-repeat: no-repeat;
}
.nav_col li a:hover, .nav_col li a.select {	
	background-position: -338px 50%;
	background-repeat: no-repeat;
}
.nav_col li a:hover, .nav_col li a.select {
	border-color: #854515 #773300 #854515 #773300;
	background-color: #FFF;
	color: #773300;
}

/* mac hide \*/
* html .nav_col li, * html .nav_col li a { height: 1%; }
/* end hide*/

.linav_elm a { background: url(iconstrip/iconstrip_02.gif); }
.linav_hs a { background: url(iconstrip/iconstrip_04.gif); }
.linav_news a { background: url(iconstrip/iconstrip_06.gif); }
.linav_stud a { background: url(iconstrip/iconstrip_08.gif); }
.linav_library a { background: url(iconstrip/iconstrip_10.gif); }
.linav_districtinfo a { background: url(iconstrip/iconstrip_12.gif); }
.linav_contact a { background: url(iconstrip/iconstrip_14.gif); }
.linav_staff a { background: url(iconstrip/iconstrip_16.gif); }
.linav_webmail a { background: url(iconstrip/iconstrip_18.gif); }

#left_content { width: 208px; }
#left_content1 { width: 214px; vertical-align: top; z-index: -1; }
#right_content {  }

#content_pic { width: 336px; }
#content_pic img { margin: 0px 16px 14px 5px; }
#content_announce, #content_active { padding: 5px; }
#content_announce { width: 100%; }
#content_announce table { width: 80%; margin-left: auto; margin-right: auto; }


.content_title { 
	background-color: #014676; background-image: url(title-gradient.gif); background-repeat: repeat-x; 
	border-width: 1px 0px 1px 0px; border-style: solid; border-color: #000; 
	width: 100%; padding: .2em 0px .2em 0px; color: #FFF; font-weight: bold; 
}
.title_left, .title_right { width: 9px; background-repeat: repeat-y; vertical-align: top; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #000;}
.title_left { background-image:url(content/title_left_repeat.gif); background-position: left; text-align: left; }
.title_right { background-image:url(content/title_right_repeat.gif); background-position: right; text-align: right; }

.content_body { background-color: #fffaf0; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #000; }
.content_body p { margin: .8em 16px .8em 16px; }
.content_body p.firstp { margin: .6em 16px .8em 16px; }
.content_body p.lastp { margin: .8em 16px .4em 16px; }
.content_body p.singlep { margin: .6em 16px .4em 16px; }

.content_bot { width: 100%; background-color: #fffaf0; background-image: url(content/black.gif); background-repeat:repeat-x; background-position: bottom;}
.content_bot_left, .content_bot_right { width: 9px; }