/* CSS SPC homepage rework */

html{margin:0; padding:0;}

body{font-family:Arial, Helvetica, sans-serif; font-size:.9em; color:#000000; margin:0; background-repeat:repeat-x; background-position:top; background-image:url(../images/bluegrey.jpg);}

a:link{color:#003265; text-decoration:none;}
a:visited{color:#003265; text-decoration:underline; font-weight:normal;}
a:hover{color:#336699; text-decoration:underline;}
a:active{color:#336699; text-decoration:underline;}

h1{
	color:#996600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
}

h1.dept {
	color:#006600;
	font-family:georgia;
	font-size:18px;
	font-weight:500;
	padding:5px 0 0 5px;}
	
h2{color:#333366; font-family:arial; font-size:1.5em;}
h2.commons{color:#336699; font-family:arial; font-size:1.5em; line-height:.5em; margin-top:.5em;}


h3{
	color:#000066;
	font-family:arial;
	font-size:14px;
	font-weight:600;
}


h3.quick{
	color:#333366;
	font-family:arial;
	font-size:14px;
	font-weight:600;
	border-bottom:1px solid #cccccc;
	padding:3px 0 3px 3px;
	margin:0;
}

h4{
	color:#996600;
}

h4.border{border-bottom:1px dotted #cccccc; margin-top:8px; padding:5px; background-color:#F7F7F7;}
h5{color:#f0f0f0; background-color:#336699;}
dt{color:#000000;font-family:arial, helvetica, sans-serif; font-weight:600; font-size:12px;}
dd{margin: 0 0 1em 0; line-height:1em; font-size:12px;}
ul{list-style:none; margin-left:0;}
li{font-size:0.9em; line-height:1.5em; color:#000000;}
ul.general{
	list-style:disc;
	margin-left:0px;
	padding-left:2px;
	color:#000000;
	list-style-position:inside;
}
li.general{line-height:1.5em; color:#000000;}
li.spaced{line-height:1.5em; color:#000000; margin-bottom: 8px;}

p {padding-left:5px; padding-right:9px; font-size:.9em; }
.title{font-weight:900; color:#FFFFFF;}

.caption{font-size:.875em;}
p.breadcrumb{color:#006633; font-size:0.875em; padding-left:5px; margin:0;}
p.add{margin-top:16px; display:block; padding:5px 0 5px 0;}
.special{color:#336699; font-weight:700; border:1px dotted #cccccc; margin:25px 0 10px 110px; padding:2px; width:520px; }
#pagewrap{width:970px; margin:0 auto; } 


/*-------------------Alerts----------------------*/
/*Text for Alert*/
.alertTitle{
	color: #800000;
	padding: 20px 10px 5px 0px;
	font:normal 22px Georgia, "Times New Roman", Times, serif;
}
/*subtitle text*/
.alertSubtitle{
	padding: 5px 10px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:15px;
	font-weight:bold;
}
/*alert body text*/
.alertBodyText{
	padding: 5px 10px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
}
/*alert image*/
.alertImage{
	padding: 0px 10px 10px 0px;
}

/*spotlight image*/
.spotlightImage {
	padding: 0px 10px 0px 0px;
}
/*end styles for alerts*/

#header{width:970px; float:left; margin:0; padding:0;}


#logo{margin-top:5px; width:520px; float:left; height:36px;}
/* IE hack */
* html #logo {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/spc.png');
}

#directorynav{height:17px; width:520px; margin:10px 10px 5px 10px; float:right;}
ul#directorynav{list-style:none; margin:0; width:auto; float:right;}
ul#directorynav li{display:inline; padding-right:10px; }
ul#directorynav li a, ul#directorynav li a:visited{margin-top:3px; font-weight:normal; color:#333333; text-decoration:none; width:auto;}
ul#directorynav li a:hover, ul#directorynav li a:active{color:#003399;}


#search{float:right; width:190px; padding:0; margin:15px 0 0 5px;}
.spcsearch{margin:0; float:right; padding-right:5px;}
.searchbutton{font-size:10px; background-color: #333333; color: #ffffff;  margin-right: 6px; border:none; height:20px;}
input.search{padding-left:4px;background-color:#ffffff; border:1px solid #999999; font-size:0.875em; font-family:Arial, Helvetica, sans-serif;} 

#top_address{
	float:left;
	width:230px;
	padding:0;
	margin:20px 0 0 13px;
	font-size:12px;
	color:#336699;
	font-family:arial;
	}

#top_address a, a:visited {color:#336699;}

#mainnav{width:100%; clear:both; margin:5px 0 0 0; height:35px; float:left;}
ul#navigation {	padding: 0; margin: 0;	color: #ffffff; float: left; width: 100%;}
ul#navigation li { display: inline; font-size:14px; }
ul#navigation li a, ul#navigation a:visited {  padding: .25em 1em; color: #fff; text-decoration: none;  float: left;}
ul#navigation li a:hover, ul#navigation li a:active {color: #000; background-color: #fff;}

#contact1{float:left; width:250px; padding-left:15px;}
#contact2{float:right; padding-right:15px;width:250px;}


#department{width:100%; margin:3px 0 0 0; padding:0;}
#subnav{width:200px; margin-bottom:1em; background-color:#339933;}
ul#subnav{margin:0px; padding:0px; list-style-type:none;}
ul#subnav li{margin:0;}
ul#subnav li a, ul#subnav li a:visited{display:block; padding:8px 5px 8px 5px; color:#ffffff; text-decoration:none; width:100%;}
/*html>body */
#subnav li a {width: auto;}
ul#subnav li a:hover, ul#subnav li a:active{color:#003399; text-decoration:underline; background-color:#e3edf7; }

#quicklinks{float:left; width:199px; background-image:url(../images/grey.jpg); background-position:top; background-repeat:repeat-x; border:1px solid #cccccc; margin:0; }
ul#quick{margin:0px; padding:0px; list-style-type:none; width:99%;}
ul#quick li{margin:0; border-bottom:1px solid #cccccc;}
ul#quick li a, ul#quick li a:visited{display:block; padding:3px 5px 0 5px; color:#003265; font-weight:normal; text-decoration:none;}
ul#quick li a:hover, ul#quick li a:active{color:#003265; text-decoration:underline; background-color:#e3edf7;}

#getStarted{float:left; width:200px; margin:2px 0 10px 0; background-image:url(../images/grey.jpg); background-position:top; background-repeat:repeat-x; border:1px solid #cccccc;}
ul#start{margin:0px; padding:0px; list-style-type:none;}
ul#start li{margin:0;}
ul#start li a, ul#quick li a:visited{display:block; padding:3px 5px 0 5px; color:#003265; font-weight:normal; text-decoration:none;}
/*html>body */
#start li a {width: auto;}
ul#start li a:hover, ul#start li a:active{color:#003265; text-decoration:underline; background-color:#e3edf7; }


#relatedLinks{float:right; width:200px;  margin: 0 0 10px 8px; padding-left:3px; border:1px solid #cccccc; background-image:url(../images/grey.jpg); background-repeat:repeat-x; background-position:top;}

ul#related{margin:0px; padding:0px; list-style-type:none; width:100%;}
ul#related li{margin:0;}
ul#related li a:link, ul#related li a:visited{display:block; padding:2px 5px 0 5px; color:#336699; font-weight:normal; text-decoration:none; }
ul#related li a:hover, ul#related li a:active{color:#003399; text-decoration:underline; background-color:#e3edf7; }

.news{margin-bottom:5px; border-bottom:1px dotted #cccccc;}
.contactspacing {margin-bottom:5px; border-bottom:1px dotted #cccccc; padding-bottom:2px;}

#maincontent{width:970px; float:left; background-color:#FFFFFF; padding-top:5px; border:1px dotted #cccccc; margin-bottom:30px;}

#leftcontent{float:left; width:200px; background-color:#ffffff; padding-left:5px;}
#rightcontentblock{width: 740px; float:right; border-left:1px solid #cccccc; padding:0px 5px 5px 5px;}
#generalcontent{float:left; width:730px; margin:3px 0 8px 0; border-top:1px dotted #cccccc; padding:5px; border-top:1px dotted #cccccc;}
#centerwrapper{float:left; width:730px; margin:3px 0 5px 0; border-top:1px solid #cccccc; padding-top:5px; }
#promospace{float:left; width:730px; border-bottom:1px dotted #cccccc; border-top:1px solid #cccccc;}

#apply{width:730px; padding:5px; margin-bottom: 5px; height:200px;}

#main_page{float:left; width:475px; padding: 3px 0 0 15px; }

#featuredProgram{float:left; width:495px; padding: 3px 0 0 15px; }

#campusContact{float:left; width:495px; padding: 5px 0 0 15px; }

#tube{float:right; width:220px; margin: 0 0 10px 8px; padding-left:2px; border:1px solid #cccccc; background-image:url(../images/grey.jpg); background-repeat:repeat-x; background-position:top;}

#address{float:right; width:220px;  margin: 0 15px 10px 5px; padding-left:8px; border:1px solid #cccccc; background-image:url(http://www.spcollege.edu/includes/images/grey.jpg); background-repeat:repeat-x; background-position:top;}

#maps{float:right; width:150px; margin:0; border:1px solid #cccccc; padding:3px; background-color :#FFFFCC; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; font-size:.9em;}
h3.maps{color:#006600; font-size:.95em; margin:0; font-weight:600; padding:0; }
h4.maps{color:#990000; font-size:.85em; margin:0; padding-left:5px; border-bottom:1px dotted #cccccc;}
.floatmap{float:left; padding: 0 5px 0 5px; }
a.floatmap:link{color:#2d7c17; text-decoration:none; font-weight:normal;}
a.floatmap:visited{color:#2d7c17; text-decoration:none; font-weight:normal;}
a.floatmap:hover{color:#336699; text-decoration:underline;}
a.floatmap:active{color:#336699; text-decoration:underline;}

#videomain{float:left; width:305px; padding:5px 0 0 7px;}

ul#faqlinks { margin:0; padding:0 0 3px 0; list-style-type:none; }
ul#faqlinks li{line-height:1.4em; text-align:left; padding-bottom:4px; }
ul#li faqlinks li a, ul#li faqlinks li a:visited{color:#336699; }
ul#li faqlinks li a:hover{color:#990000;} 

#catalogs{clear:both; float:left; width:590px;  margin:15px 0 5px 0; padding:5px 0 10px 10px; background-image:url(../images/grey.jpg); background-position:top; background-repeat:repeat-x;}
ul#catalog{width:580px;}
ul#catalog li{list-style:none; text-align:left; margin:0; display:inline; }
ul#catalog li a, ul#catalogs li a:visited{font-size:0.850em; color:#333333;text-decoration:none;}
ul#catalog li a:hover, ul#catalogs li a:active{color:#336699;}
img.catalog{float:left; padding-right:10px;}



.floatleftborder{float:left; border:1px dotted #cccccc; padding:3px; margin: 0 5px 8px 0;}
.floatleft{float:left; padding: 0 5px 0 5px;}
.spotlightimg{padding:5px; border:1px dotted #cccccc;}

.top {float:right; width:100px}

a.top, a.top:visited{
	color:#336699;
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
}
a.top:hover, a.top:active{color:#336699; font-size:0.850em; font-family:Arial, Helvetica, sans-serif; color:#336699;}



/*footer styles*/
#footer{
	background-image:url(../images/CI-Footer.gif);
	background-repeat:repeat-x;
	background-position:top;
	margin-top:3px;
	width:100%;
	clear:both;
	padding-top:8px;
	float:left;
	border-top:1px solid #d9d9d9;
	color:#333333;
	background-color:#ffffff;
}

#footerwrap{width:970px; margin:0 auto;}

ul.footerlinks{margin: 0px; padding: 0px; list-style-type: none;}
ul.footerlinks li{text-align:left; margin:0; }
ul.footerlinks li a, ul.footerlinks li a:visited{color:#333333; text-decoration:none;}
ul.footerlinks li a:hover, ul.footerlinks li a:active{color:#336699; text-decoration:underline;}


dt.footer a, dt.footer a:visited{color:#cccccc; font-size:0.850em; font-family:Arial, Helvetica, sans-serif; font-weight:800;}
dt.footer a:hover, dt.footer a:active{color:#336699; font-size:0.850em; font-family:Arial, Helvetica, sans-serif; font-weight:800; color:#336699;}
dd.footer{font-size:0.850em;}



#footercol1{float:left; width:200px; padding:5px 5px 0 20px; margin-right:20px;}
#footercol2{float:left; width:225px; padding:5px 15px 0 15px; margin: 0 5px 10px 0; border-right:1px dotted #cccccc; border-left:1px dotted #cccccc;}
#footercol3{float:left; width:420px; padding:5px 10px 0 15px; margin-right:5px; margin-left:5px;}
#footercol4{float:left; clear:both; width:920px; padding:5px 5px 10px 20px; border-top:1px solid #ccdee8; margin-top:18px;}

a.campuslink, a.campuslink:visited{color:#333333;}
a.campuslink:hover, a.campuslink:active{color:#336699; text-decoration:underline;}
p.footer{color:#333333; font-size:12px; }
p.news{padding-bottom:15px; margin-bottom:5px; height:75px;}

#campusleft{float:left; width:200px;}
#campusright{float:right; width:200px;}

ul.degree{list-style:circle;
	margin-left:5px;
	color:#000000;
	list-style-position:inside;}
li.degree{line-height:1.5em; color:#000000;}
li.degree a:link {color:#2d7c17; font-weight:normal; text-decoration:none;}
li.degree a:hover, a:active, a:visited{color:#336699; text-decoration:underline;}


#campus{padding-left:5px; width:200px; float:left;}
#dept_pic{float:right; padding-right:275px;}
#dept_label{
	float:left;
	width:600px;
	padding-left:50px;}
	
#dept_label2{
	float:right;
	width:600px;
	padding-left:50px;}


#featured{float:left; width:200px; margin: 0 0 5px 5px; background-image:url(../images/grey.jpg); background-position:top; background-repeat:repeat-x; border:1px solid #cccccc; }
ul#featured{margin:0px;
	padding:0px;
	list-style-type:none;}
ul#featured li{margin:0; padding:0px;}
ul#featured li a, ul#featured li a:visited {
	display:block;
	color:#336699;
	font-weight:normal;
	text-decoration:none;
	}
ul#featured li a:hover, ul#featured li a:active{color:#003399; text-decoration:underline; background-color:#e3edf7;}


#deptspace{width:730px; margin:0 auto;}

#apply{width:730px; padding:5px; margin-bottom: 5px; height:200px;}

#deptInfo{float:right; width:225px; margin: 0 0 10px 20px; padding-left:3px; border:1px solid #cccccc; background-image:url(../images/grey.jpg); background-repeat:repeat-x; background-position:top;}


#rightPic{float:right; margin: 0 0 10px 8px; border:1px solid #cccccc; text-align:center;}

#admin{float:right; width:325px; margin: 0 0 10px 8px; padding-left:3px; border:1px solid #cccccc; background-image:url(../images/grey.jpg); background-repeat:repeat-x; background-position:top;}

ul#admins{margin:0px; padding:0px; list-style-type:none;}
ul#admins li{margin:0;}
ul#admins li a, ul#admins li a:visited{
	display:block;
	padding:3px 5px 2px 5px;
	color:#006600;
	font-weight:normal;
	text-decoration:none;
	width:100%;
	margin-bottom:2px;
	}
html>body #admins li a {width: auto;}
ul#admins li a:hover, ul#admin li a:active{color:#003399; text-decoration:underline; background-color:#e3edf7; }


#depts{float:left; width:325px; margin: 3px; padding-left:3px;}
#depts img{float:left; margin: 3px; padding-left:3px; clear:both;}
ul#depts{margin:0px; padding:0px; list-style-type:none;}
ul#depts li{margin:0;}
ul#depts li a, ul#depts li a:visited{
	display:block;
	padding:3px 5px 0 5px;
	color:#006600;
	font-weight:normal;
	text-decoration:none;
	width:100%;
	margin-bottom:2px;
	}
ul#depts li a:hover, ul#depts li a:active{color:#003399; text-decoration:underline; }


ul.dept{
	margin:0px;
	padding:0px;
	list-style-type:disc;
	list-style-position:inside;
}
ul.dept li{margin:0;}
ul.dept li a, ul.dept li a:visited{
	display:block;
	padding:3px 5px 0 5px;
	color:#006600;
	font-weight:normal;
	text-decoration:none;
	margin-bottom:2px;
	}
ul.dept li a:hover, ul.dept li a:active{color:#003399; text-decoration:underline; }
ul.dept ul li:hover li a,
ul.dept ul li.iehover li a {
  color:#006600;
  text-decoration: none;
 margin-left:45px;
}


#services{float:right; width:350px; margin: 0 5px 10px 2px; padding-left:3px; border:1px solid #cccccc; background-image:url(..images/grey.jpg); background-repeat:repeat-x; background-position:top;}


td {font-size:.9em;
	margin: 1px;
	padding: 5px;
}

td.border
{border-top: thin solid #999999;
	border-right: 0;
	border-bottom: 0;
	border-left: 0;
} 


td.border2
{border-top: 0;
	border-right: 0;
	border-bottom: thin solid #999999;
	border-left: 0;
} 

.little {font-size:.9em;
	}



#content div.hr { 
width: 100%; 
height: 2px; 
border: 0; 
background-color: red; 
margin-top: 5px; 
} 


/*-------------------Announcements or other text----------------------*/
/*format for header text*/
p.textHeaderLeftHP{
	padding: 0px 10px 0px 5px;
	font-size: 1.5em;
	color: #800000;
	font-family:Georgia, "Times New Roman", Times, serif;
}
/*format for title*/
p.accentTitleHP{
	padding: 0px 0px 0px 5px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
	font-weight:bold;
	color: #003366;
	margin-bottom:0;
	margin-top:5;
}
/*format for body text*/
p.paragraphHomePage {
	padding: 0px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:normal;
	margin-bottom:10;
	margin-top:0;
}

ul.regLook {
	list-style-type: disc;
}

span.black {
	color: #000000;
}