


/* ================================ */
/* ====== CVTC GLOBAL CSS ====== */
/* ================================ */

/* ----- Basic Styles ------- */
body {
	background:#003366; /* color is actually only seen down in footer when page short */
	padding:0;
	margin:0;
	font-size: 62.5%;
	font-size:10pt;
	color:#373737;
	font-family: Arial, Verdana, Sans-serif;
}
a:link, 
a:visited {
	text-decoration:underline;
	color:#990032;
}
a:hover {
	color:#093a81;      
}
h1, h2, h3 {
	color:#093a81;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;       
	margin:0 0 5px 0;
	padding:0;
}
h1 {font-size:22pt;}
h2 {font-size:19pt;}
h3 {font-weight:bold;font-size:14pt;}
p {
	color:#373737;
	padding:0;
}
#MissingFields {
	font-weight:bold;
	color:red;
}
/* ------ setting icon styles for default file types ------*/
/*-----------------------------------------------------------*/
a[href$=".pdf"] {
	background: no-repeat right center url(/images/system/pdficon_small.gif); 
	padding: 2px 15px 2px 0px; 
	margin-right:10px;
}
a[href$=".doc"] {
	background: no-repeat right center url(/images/system/wordiconsmall.gif);  
	padding: 2px 15px 2px 0px; 
	margin-right:10px;
}
a[href$=".docx"] {
	background: no-repeat right center url(/images/system/wordiconsmall.gif);  
	padding: 2px 15px 2px 0px; 
	margin-right:10px;
}
a[href*="@cvtc.edu"] {
	background: no-repeat right center url(/images/system/emailiconsmall.gif);  
	padding: 2px 19px 2px 0px; 
	margin-right:10px;
}
a[href*="vs_webcasting"] {
	background: no-repeat right center url(/images/system/wmviconsmall.gif);  
	padding: 2px 17px 2px 0; 
	margin-right:10px;
}
a[href$="#top"] {
	background: no-repeat right center url(/images/system/arrowiconsmall.gif);  
	padding: 2px 15px 2px 0; 
	margin-right:10px;
}
.wmvlink {
	background: no-repeat left center url(/images/system/wmviconsmall.gif);  
	padding: 2px 0 2px 17px; 
	margin-right:10px;
}
.videotut {
        background: no-repeat right center url(/images/system/icon_film.gif);  
	padding: 2px 17px 2px 0; 
	margin-right:5px;
}
.pdflink {
	background: no-repeat right center url(/images/system/pdficon_small.gif);  
	padding: 2px 17px 2px 0;
	margin-right:5px;
}
a.nobg { /* style to turn off link icons for specific areas */
        background-image:none;
        padding:0;
        margin:0;
}
a.nomarg, .nomarg {
        margin-right:0;
}
/* -------- */
/*----- specific styles for main content uls ----- */
#paddedMainContent ul {
	list-style:none;
        margin-left:0;
	padding-left:10px;
}
#paddedMainContent ul li {
	background: no-repeat left 8px url(/images/system/mainbullet1.gif); 
	padding: 3px 0 3px 15px; 
}
#paddedMainContent ul.CalendarToolbarList li {
background:none;
padding:0;
}
#paddedMainContent ul.CalendarToolbarList {
padding:0;
}
#paddedMainContent ul ul li {
	background: no-repeat left 7px url(/images/system/mainbullet2.gif); 
	padding: 3px 0 3px 15px; 
}
/*------------*/
div.squarebuttoncontainer {
	margin-top:15px;
	height:23px;
	font-size:8pt;
}
.squarebuttoncontainer a:link,
.squarebuttoncontainer a:visited {
	padding:5px 15px 5px 0;	
	text-decoration:none;
	display:block;
	background: url('/images/system/squarebuttonright.gif') no-repeat right top;
}
.squarebuttoncontainer span {
	padding:0 0 0 30px;
	float:left;
	margin:0;
	background: url('/images/system/squarebuttonleft.gif') no-repeat left top;
}
.squarebuttoncontainer a:hover {
	color:#000;
	text-decoration:none;
}
/* ==== SBT Table styles ==== */
table.PageBoundingBox { /* surrounds header and down to end of footer */
	margin:0;
	padding:0;
	width:100%;
	background: #0089c9 url('/images/system/maincontentbg.gif') repeat-x 0px 103px; /* background image for main content area */
}
table.ContentBoundingBox { /* surrounds td.MainContent, this is where all your content goes */
	width:760px;
	margin:0 auto;
}
td.MainContent {}

/* ======= HEADER STYLES ======== */
#headerwrapper {
	border-bottom:1px solid #fff;
	background: #f0eadb url('/images/system/headerbg.gif') repeat-x bottom left;
	height:102px;
}
#headercontent {
	position:relative;
	height:102px;
	width:760px;
	margin:0 auto;
}
#cvtclogo {
	border:none;
	height:75px;
	margin:0;
	padding:0;
}
ul#headertoplinks {
	margin:2px 0 0 0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	list-style:none;  
text-align:right;
     width:500px;     
}
ul#headertoplinks a {
	text-decoration:none;
}
ul#headertoplinks li {
	display:inline;
	margin-right:5px;
	margin:0 5px 0 15px;
	font-size:8pt;
}
ul#headertoplinks li img {
border:none;
padding:0 5px 0 0;
}
#loginlink {	
	padding:0;
}
#sitemaplink {	
	padding:0;
}
#contactlink {	
	padding:0;
}
#librarylink {	
	padding:0;
}
#searcharea {
	font-size:7pt;
	position:absolute;
	top:25px;
	right:0;
}
#searcharea select {
	width:175px;
	font-size:8pt;
	margin-right:10px;
}
#searcharea input {
	width:175px;
	font-size:8pt;
	padding-left:5px;
}
#searcharea .searchButton {
	width:22px;
	padding:0;
}
/* ======== AUDIENCE TAB NAVIGATION ON INNER PAGES ============*/
#audiencenavcontainer {              
	font-size:9px;
	height:100px;
	position:absolute; /* putting in absolute to fix 3 pixel bug that occured in IE7 only */
	top:54px;
	right:5px;
}
ul#audiencenav {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
#audiencenav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#audiencenav a {	
	display:block;
	text-decoration:none;
	background: url('/images/system/subnavleft.gif') no-repeat left top;
	margin:0 1px 0 0; /* spaces out tabs to fill area */
	padding:0 0 0 7px; /* width of left graphic */
	color:#fff;
}
#audiencenav a span {
	display:block;
	background: url('/images/system/subnavright.gif') no-repeat right top;
	padding:5px 19px 30px 11px;
}
#audiencenav a:hover, /* this sets rollover style, and also keeps button on rollover when in drop down lists */
#audiencenav li:hover a,
#audiencenav li.sfhover a {
	background-position:0% -50px;
	text-decoration:none;
}
#audiencenav a:hover span, /* this sets rollover style, and also keeps button on rollover when in drop down lists */
#audiencenav li:hover a span,
#audiencenav li.sfhover a span {
	background-position:100% -50px;
}
/* ======== MAIN NAVIGATION ======== */

#globalnavcontainer {	
	float:right;
	font-size:11px;
	height:27px;
	position:absolute; /* putting in absolute to fix 3 pixel bug that occured in IE7 only */
	top:75px;
	right:0;
}
#globalnavcontainer ul#nav  {
	margin:0;
	padding:0 0 0 10px;
	list-style:none;
}
#nav li {
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#nav a {	
	display:block;
	text-decoration:none;
	background: url('/images/system/mainnavleft2.gif') no-repeat left top;
	margin:0 1px 0 0; /* spaces out tabs to fill area */
	padding:0 0 0 7px; /* width of left graphic */
	color:#fff;
}
#nav a span {
	display:block;
	background: url('/images/system/mainnavright2.gif') no-repeat right top;
	padding:8px 19px 5px 11px;
}
#nav a:hover, /* this sets rollover style, and also keeps button on rollover when in drop down lists */
#nav li:hover a,
#nav li.sfhover a {
	background-position:0% -27px;
	text-decoration:none;
}
#nav a:hover span, /* this sets rollover style, and also keeps button on rollover when in drop down lists */
#nav li:hover a span,
#nav li.sfhover a span {
	background-position:100% -27px;
}
/* --- DROP DOWN STYLES ------ */
#nav li ul { /* main list for sub navs */
	left:-999em;
	position:absolute;
	margin:27px 0 0 1px;
	padding:0;
	background:#002e74;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:7px solid #000;
	width:188px;
z-index:100;
}
#nav li:hover ul, 
#nav li.sfhover ul { /* displays sub list on hover */
	left: auto;
	margin:0;
	text-align: left;	
	width:190px;	
}
#nav li:hover ul.last, 
#nav li.sfhover ul.last { /* displays sub list on hover */
	left: auto;
	margin:0 0 0 -113px;
	text-align: right;	
	width:190px;	
}
#nav li ul li { /* styles of lis on sub nav */
	display:block;
	clear:both;
	padding:0;
	margin:0;
	width:190px;
}
#nav li ul li a { /* setting fixed width */
	background:none;
	display:block;
	width:163px;
	padding:5px 10px 5px 17px;
	border-bottom:1px solid #1760a9;
}
#nav li ul.last li a { /* setting fixed width */
	background:none;
	display:block;
	width:163px;
	padding:5px 17px 5px 10px;
	border-bottom:1px solid #1760a9;
}
#nav li ul li a:hover { /* swapping bkg color */
	background:#00255d;
}

/* ======== FOOTER AREA ======= */
#footercontainer {
	width:100%;
	background:#003366 url('/images/system/footerbg.gif') repeat-x top;
        _height:1%;
        overflow:hidden;
}
#footercontent {
	text-align:right;
	font-size:8pt;
	width:760px;
	margin:0 auto;	
	color:#fff;
padding:10px 0 0 0;
}
#hlc {
float:left;
margin-top:-10px;
}
#footercontent a:link.copyright,
#footercontent a:visited.copyright {
	color:#fff;
	text-decoration:none;
}
#footercontent a:link,
#footercontent a:visited {
	color:#28a1fa;
}
#footercontent a:hover {
	text-decoration:underline;
}

/*--- table styles for alt rows -- */
.alttable tr.alt {
        background-color:#F5FAFA;
}
.alttable td {
border-top:1px solid #c1dad7;
border-right:1px solid #c1dad7;
}
.alttable {
border-left:1px solid #c1dad7;
border-bottom:1px solid #c1dad7;
}



