/********** GENERAL FORMATTING **********/
body {
/*background: url(/SiteDirectory/its/ws/images/interface/bkgrd_footer.jpg) repeat-x bottom;*/
background-color:#FFFFFF;
text-decoration:none;
word-spacing:normal;
text-align:center;
color:#505050;
margin:0;
padding:0;
}

/********** For Accessibility **********/
#skipnav {
display:none;
}

/********** Creates the tiling background and bar across the top **********/
#bkgrndtop {
background:url(/SiteDirectory/its/ws/images/interface/skybground.jpg) repeat-x top;
z-index:auto;
height: auto;
background-color:#e5d4ba;
}

/********** Main Page **********/
#bkgrndshadow {
width:845px;
height:auto;
overflow:visible;
background:url(/SiteDirectory/its/ws/images/interface/skyshadow.png) repeat-y top;
margin:0 auto;
}

/********** Main Page **********/
#wrapper {
width:825px;
height:auto;
overflow:hidden;
clear:both;
margin:0 auto;
}

/********** Horizontal menu that links to the District Office and three colleges **********/
#horiz-menu {
font-size:0.65em;
height:19px;
float:left;
width:825px;
display:inline;
clear:both;
margin:0;
background-color:#FFFFFF;
border: 1px solid #b5c4d4;
padding:1px;
}

#horiz-menu li {
list-style:none;
float:left;
text-transform:uppercase;
font-weight:bold;
}

#horiz-menu li a {
FONT: .82em/1.5 "Arial";
font-weight:bold;
letter-spacing:.1ex;

color:#A2A2A2;
width:181px;
float:left;
text-align:center;
text-decoration:none;
padding:2px 0 4px 0;
}

#horiz-menu li.district a {
background-image:url(/SiteDirectory/its/ws/images/interface/tab_district.gif);
border-right:1px solid #FFF;
color:#FFF;
}

#horiz-menu li.canada a {
background-image:url(/SiteDirectory/its/ws/images/interface/tab_canada.gif);
border-right:1px solid #FFF;
color:#FFF;
}

#horiz-menu li.csm a {
background-image:url(/SiteDirectory/its/ws/images/interface/tab_csm.gif);
border-right:1px solid #FFF;
color:#FFF;
}

#horiz-menu li.skyline a {
background-image:url(/SiteDirectory/its/ws/images/interface/tab_skyline.gif);
color:#FFF;
width:183px;
}

/********** Banner **********/
#banner {
	clear:both;
	width:825px;
	height:130px;
	background-image:url(/SiteDirectory/its/ws/images/interface/sort_header.jpg);
}


/********** Left Column **********/
#left-column {
	float:left;
	width:300px;
	height:59px;
	overflow:visible;
}
/********** College Logo located on the left side of the banner **********/
#collegelogo {
	clear:both;
	width:300px;
	height:115px;
	background:url(/SiteDirectory/its/ws/images/interface/logo.jpg) no-repeat;
	overflow:hidden;
	/* padding  top  right  bottom   left  */
}
/********** Right Column **********/
#right-column {
	float:right;
	width:430px;
	height:59px;
	
}
/********** Search Box **********/
#searchbox {
	height: 20px;
	float:right;
	padding-right:15px;
	margin-top:2px;
}

#searchbox .bluefield 
{
background-color: #FFFFFF; 
border:1px solid #204357;
font-size:14px;
}

/********** Gray bar used behind the top navigation **********/
#graynavbar{
	clear:both;
	width:825px;
	height:30px;
	background:#000000;
	
}
/********** Navigation links over the gray bar **********/
#mainnav {
	width: 825px;
	height: 30px;
	/* overlapping portion of the sectiontitle cutout */
	background-repeat: no-repeat;
	}
#mainnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#mainnav li {
	float: right;
	}
#mainnav a {
	FONT: small/1.5 "Arial";
	text-transform: uppercase;
	display: block;
	font-size: 0.62em;
	font-weight: bold;
	color: #663300;
	text-decoration: none;
	text-align: center;	
	padding-top: 7px;
	height: 28px;
	border: none;	
	/* ie5/win box model hack */
	voice-family: "\"}\""; 
  	voice-family:inherit;
	}	
/* unhack ie5/win */
#mainnav>ul a {
	height: 25px;
	}	

/* these widths make the nav bar text line up with the edges of the page */
.homelink {
	width: 110px;
	}
.aboutlink {
	width: 110px;
	}
.boardlink {
	width: 140px;
	}
.deptlink {
	width: 130px;
	}
.contactuslink {
	width: 120px;
	}	
.employlink {
	width: 120px;
	}		
	

/********** Navigation Tabs **********/
#navtabs {
	width: 825px;
	height: 37px;
	clear:both;
	font-size: 0.82em;
	border-bottom: none;
	background-image:url(/SiteDirectory/its/ws/images/interface/bkgrd_navtab.jpg);
	font-family: sans-serif;
	letter-spacing: 0.07ex;
}
#navtabs ul {
	padding:0;
	margin:0;
}
#navtabs li {
	list-style:none;
	float:left;
	font-weight:bolder;
	text-transform:uppercase;
	background-image:url(/SiteDirectory/its/ws/images/interface/bkgrd_navtab.jpg);
}
#navtabs li a {
	color:#FFFFFF;
	width:110px;
	float:left;
	padding:12px 0 12px 0;
	text-align:center;
	text-decoration:none;
	background-image:url(/SiteDirectory/its/ws/images/interface/bkgrd_navtab.jpg);
	border-bottom: none;
}
#navtabs li a:hover {
	color:#ffae00;
	background-position:0% -35px;
	text-decoration:none;
}
#navtabs li a.active {
	color:#ffae00;
	background-position:0% -35px;
}


/********** Header Test **********/
#hdrbanner {
clear:both;
width:825px;
height:100px;
background:url(/SiteDirectory/its/ws/images/interface/header.jpg);
}

/********** Header Title **********/
#hdrtitle {
margin-top:110px;
margin-left:22px;
width:300px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
font-size:1.5em;
}


/********** Black Bar under Site Index Navigation **********/
#BlackBar {
	color:#ffffff;
	width:528px;
	height:32px;
	background:#000000;
	float:left;
	border-bottom:1px #FFFFFF;
	border-top:1px #FFFFFF;
}
/********** Black Bar under Site Index Navigation **********/
#DrkGrayBar {
	/*background-color:#5c5c5c;*/
	
	clear:both;
	color:#ffffff;
	width:825px;
	height:26px;
	border-bottom:1px #FFFFFF;
	background-color:#f5bf1f;
	
}



/********** Title Box located on the left side of the banner **********/
#titlebox{
	width:202px;
	padding-top:6px;
	height:26px;
	background:url(/SiteDirectory/its/ws/images/interface/interface/bkgrd_titlebox.jpg) no-repeat;
	Text-align:center;
	COLOR: #FFFFFF; 
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	float:left;
	border-bottom:1px #FFFFFF;
	border-top:1px #FFFFFF;
}

/********** A-Z Site Index **********/
#index {
font-size:0.7em;
display:inline;
color:#FFF;
padding:0;
width:825px;
height:25px;
border-bottom:1px solid #f1efe2;
}

#index li.title {
font-family:sans-serif;
letter-spacing:0.07ex;
font-size:1.2em;
padding:4px 15px 1px 0px;
width:90px;
float:left;
display:inline;
}

#index li {
float:left;
text-decoration:none;
display:inline;
color:#414141;
font-weight:bold;
}

/* padding  top  right  bottom   left  */
#index li a {
float:left;
height:25px;
width:7px;
text-decoration:none;
border-bottom:none;
color:#414141;
padding:5px 8px 0px 8px;
}

#index li a:hover {
background:#E37C20;
color:#fff;
}

/********** Content Page  **********/
#content {
width:825px;
height:auto;
margin:0;
padding:0;
clear:both;
background-color:#fff;
}

/********** Left Column **********/
#leftnavbar {
width:202px;
float:left;
text-align:left;
background:url(/SiteDirectory/its/ws/images/interface/left_nav-bg.gif) repeat-y top;
font-size:.86em;
font-family:sans-serif;
letter-spacing:0.07ex;
margin:0;
padding:0;
}

#leftnavbar li {
list-style:none;
float:left;
background:url(/SiteDirectory/its/ws/images/interface/left_nav-bg.gif) repeat-y top;
border-top:1px solid #fff;
border-bottom:0px solid #eee;
list-style-image:none;
list-style-type:none;
height:auto;
display:block;
width:202px;
}

#leftnavbar li a {
width:202px;
float:left;
text-decoration:none;
background:url(/SiteDirectory/its/ws/images/interface/left_nav-bg.gif) repeat-y top;
border-bottom:none;
color:#424242;
padding:8px 0;
}

#leftnavbar li a:hover {
color:#ffae00;
text-decoration:none;
}

#leftnavbar li a.active {
color:#ffae00;
}

#leftnavbar li.leftnavbar_bottom {
background:url(/SiteDirectory/its/ws/images/interface/left_bottom_bg.gif) no-repeat;
width:202px;
height:202px;
float:left;
border-bottom:none;
padding:0;
}

#leftnavbar li.leftnavbar_title {
background:url(/SiteDirectory/its/ws/images/interface/bkgrd_navheader.jpg) repeat-x;
width:182px;
padding-top:8px;
padding-left:20px;
float:left;
border-bottom:none;
overflow:hidden;
height:30px;
color:#666666;
font-family:sans-serif;
letter-spacing:0.07ex;
text-transform:uppercase;
font-weight:bold;
}

#leftnavbar li.leftnavbar_photo {
background:url(/SiteDirectory/its/ws/images/interface/photo1_small.jpg) no-repeat;
width:202px;
height:118px;
float:left;
border-bottom:none;
overflow:hidden;
padding:0;
}

.leftnavtxt {
padding-left:10px;
}

.leftnavsplashtxt {
padding-left:10px;
font-size:.82em;
}

/********** Right Column **********/
#right_main {
background:url(/SiteDirectory/its/ws/images/interface/bkgrd_rtcorner.gif) no-repeat;
width:493px;
height:100%;
float:left;
padding-left: 15px;
padding-right: 20px;
padding-bottom:30px;
}

#right_main fieldset {
position:relative;
border:1px solid #9a9a9a;
background:url(/SiteDirectory/its/ws/images/interface/bkgrd_whiteshadow.gif) repeat-x top;
margin-bottom:20px;
padding:10px;
}

#right_main legend {
position:absolute;
top:-0.8em;
left:.2em;
border:1px solid #9a9a9a;
font-size:90%;
text-align:right;
background-color:#FFF;
padding:2px;
}

#right_main label {
margin-right:10px;
padding-top:10px;
display:block;
}

/********** Bottom Page Patter**********/
#patternbottom {
clear:both;
width:549px;
height:89px;
margin-right:2px;
background:url(/SiteDirectory/its/ws/images/interface/pattern_bottom.jpg);
float:right;
overflow:hidden;
}

/********** Links **********/
a,a:link {
color:#444;
voice-family:inherit;
text-decoration:none;
border-bottom:1px solid #bbb;
}

a:visited {
border-bottom-color:#bbb;
}

a:hover {
color:#a2803c;
border-bottom-color:#a2803c;
}

a:active {
color:#444;
border-bottom-color:#bbb;
}

a.block {
border:0;
}

/********** Form **********/
form {
margin:0;
padding:0;
}

/********** Color Box located on the left side of the banner **********/
#photobanner {
	float:left;
	width:528px;
	height:268px;
	border:1px solid #b1afae;
	overflow:hidden;
}

/********** Website Main Content **********/
#textshadow {
width:690px;
padding-left:15px;
padding-right:15px;
padding-top:10px;
background:url(/SiteDirectory/its/ws/images/interface/bkgrd_textshadow.gif) repeat-x top;
}

/********** Breadcrumbs **********/
#breadcrumbs {
width:500px;
font-size:1em;
padding:20px 15px 20px 5px;
}

/********** Header for Data List **********/
.datalisthdr {
background-color:#466c93;
float:left;
display:inline;
height:30px;
color:#FFF;
text-align:center;
text-decoration:none;
border-bottom:none;
padding:6px 0 2px;
}

.datalisthdr a {
color:#FFF;
text-decoration:none;
border-bottom:1px #FFF;
}

/********** Row1 for Data List **********/
.datalistrow1 {
background-color:#dad5b4;
float:left;
display:inline;
text-align:left;
height:30px;
border-bottom:1px #c5c0a0;
padding:10px 5px;
}

/********** Row1 for Data List **********/
.datalistrow2 {
background-color:#e7e4d2;
float:left;
display:inline;
text-align:left;
height:30px;
border-bottom:1px #c5c0a0;
padding:10px 5px;
}

/********** Text Styles **********/
h1 {
font:1.6em 'lucida grande', 'lucida sans unicode', sans-serif;
color:#111;
clear:left;
border-bottom:1px dotted #666;
width:100%;
margin-top:0;
margin-bottom:10px;
}

h2 {
font:1.4em 'lucida grande', 'lucida sans unicode', sans-serif;
color:#111;
border-bottom:1px dotted #666;
width:100%;
margin-top:0;
margin-bottom:10px;
}

.LrgBoldGray {
font:1.2em 'lucida grande', 'lucida sans unicode', sans-serif;
color:#5c5c5c;
font-weight:bold;
}

.MedBoldGray {
font:1em 'lucida grande', 'lucida sans unicode', sans-serif;
color:#5c5c5c;
font-weight:bold;
}

.SmBoldGray {
font:.86em 'lucida grande', 'lucida sans unicode', sans-serif;
color:#5c5c5c;;
font-weight:bold;
}

.TextSmall {
font-size:.86em;
}

.TextRed {
color:#990000;
}

.TextUnderline {
text-decoration:underline;
}

/********** Table Styles **********/
.tabletext {
font-size:0.89em;
color:#111;
height:auto;
}

.tabletextheader {
font-size:0.89em;
color:#111;
height:auto;
font-weight:bold;
}

.thinbrdtbl {
border:1px solid #A4A48D;
}

.listheader {
font-size:0.95em;
background:#4a6c93;
color:#FFF;
font-weight:bold;
}

/********** Misc **********/
.textbox {
background-image:url(/SiteDirectory/its/ws/images/interface/bkgrd_field.gif);
font:16px Arial;
width:285px;
color:#042944;
background-repeat:no-repeat;
padding:2px 5px;
}

.radio {
border:none;
width:1em;
height:1em;
text-align:left;
}

/********** Footer**********/
#footerwrapper{
clear:both;
background: url(/SiteDirectory/its/ws/images/interface/skyfooter.jpg) repeat-x bottom;
height:170px;
margin:0 auto;
width:100%;
background-color:#e5d4ba;
}


#footer{
width:825px;
height:30px;
margin: 0 auto;
}

#footeraddress{
float:right;
padding-top:15px;
font-size:.82em;
color:#949494;

}

/********** Omni**********/
#omni {
width:50px;
float:left;
padding-top:6px;
padding-left:20px;
height:10px;
}
#omni a{
text-decoration:none;
border-bottom:none;
}

/********** MISC **********/


#horiz-menu ul,#navtabs ul,#index ul,#leftnavbar ul {
margin:0;
padding:0;
}

#horiz-menu li.district a:hover,#horiz-menu li.canada a:hover,#horiz-menu li.csm a:hover,#horiz-menu li.skyline a:hover {
color:#ffae00;
background-position:0 -20px;
}

#searchbox fieldset,a.img,img {
border:none;
}

.textbox:focus,.textbox:hover {
border:2px solid #ffd200;
}

/********** Left Column **********/
#left-navcolumn {
	margin-top:1px;
	float:left;
	width:198px;
	height:268px;
	background:#FFFFFF;
	border:1px solid #FFFFFF;
	overflow:hidden;

}
/********** Right Column **********/
#right-navcolumn {
	margin-top:1px;
	float:left;
	width:530px;
	height:268px;
	background:#FFFFFF;

}


.collegelogos {
   display:inline;
   float:left;
   padding-bottom:5px;
   border-bottom:none;
   text-decoration:none;
   width:140px;
}
/********** Content Page Shadow **********/
#contentshadow {
	margin:0 auto;
	width:825px;
	height:100%;
	overflow:visible;
	background:#FFFFFF url(/SiteDirectory/its/ws/images/interface/bkgrd_whiteshadow.gif) repeat-x top;
	clear:both;
}
/********** Top of Page **********/
#topwrapper {
	margin:0 auto;
	width:825px;
	margin-right:30px;
	height:100%;
	overflow:visible;
}
/********** ImageBullets for List Items **********/
.imgbulletul
{
list-style-image: url(/SiteDirectory/its/ws/images/bullets/point_6.jpg);
list-style-type: circle
}
.imgpdful
{
list-style-image: url(/SiteDirectory/its/ws/images/icons/icon_pdf.gif);
list-style-type: circle;
}