/* Distance Learning Website Stylesheet - last updated 02.10.06 */
	
	html,body {margin:0; padding:0;}
	body{
	text-align:center;
	font-size:90%;
	color:#444;
	font-family:Myriad, Arial, sans-serif;
}
div {margin:0; padding:0;}
    #twitter_div {position:relative; font-size:90%;}
	#twitter_div h3 {color:#0099CC; margin:2px 0 10px 4px; font-variant:small-caps; padding:0;}
	img#tweet {width:40px; height:48px; position:absolute; top:445px; right:221px; z-index:2000;}
    #twitter_update_list {margin:0; padding:0; list-style-type:none;}
	#twitter_update_list li {margin-bottom:10px; padding:0; color:#003366; background-color:#F4FBFD;}
	#twitter_update_list li a{font-size:75%;color:#0099CC;}
	#container{position:relative; text-align:left; width:760px; margin:0 auto;}
	#wrapper{margin:0; padding:0;}
	#header h1{height:80px; margin:0; padding:0; background:#EEE; color:#79B30B;}
	
	#content{width:100%; padding:0; border:1px solid #F1EFE2; font-size:90%; text-align:left;}
	#content p{line-height:1.2; padding-left:4px;}
	#content560 {
		float:left; 
		width:557px; 
		padding:0; 
		margin:0;
		border-right:1px solid #F1EFE2;
		border-bottom:1px solid #F1EFE2;
		border-left:1px solid #F1EFE2;
		margin-bottom:10px;
		font-size:90%;
		}
	#content560 p{line-height:1.4; padding-left:4px; font-size:90%;}
	
	#bulletinboard{float:right; width:200px; border-right:1px solid #F1EFE2; border-bottom: 1px solid #F1EFE2;}
	#leftcolumn{background:; float:left; width:274px; margin-right:4px;}
	#rightcolumn{background:; float:right; width:274px; margin-left:4px;}
	#footer{clear:both; width:100%; text-align:center;}
	#footer p{margin:0;padding:0;}
	
	#pageID {
		width:100%;
		font-size:100%;
		color:#444;
		border-bottom: 1px solid #F1EFE2;
		}
		
	ol#course-instructions {
	padding:0 0 0 14px;
	margin:0;
	background-color:#FFFFCC;
	list-style-position: inside;
}
		
	div#pageID div.gs1 {background-color:#FF9933; text-align:center; padding:4px;}
	div#pageID div.gs2 {background-color:#bbd9ee; text-align:center; padding:4px;}
	div#pageID div.gs3 {background-color:#9fca1d; text-align:center; padding:4px;}
	div#pageID div.gs4 {background-color:#58a1d8; text-align:center; padding:4px;}
	
	div#pageID div.enrolling {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.courselistings{background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.myplanner {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.faqs {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.sitemap {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.search {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.contact {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	div#pageID div.planner {background-color:#e4f1bc; padding:3px 0 3px 4px; text-align:left; font-size:110%;}
	
	
	#pageID a{font-size:100%; color:#444; text-decoration:underline;}
    #pageID a:hover{font-size:100%; color:#444; text-decoration:none;}
	
	div#tips {width:325px; border:4px dotted orange; padding:4px; text-align:center; float:right; margin-left:5px;}
	div#tips p {margin:0; padding:0 0 4px 0;}
	
	.subnav {margin: 0px; text-align:center;}
		 
	a {color:#003366;}
	a:link {color:#003366;}
	a:visited {color:#003366;}
	a:hover {color:#990000; text-decoration:none;}
	
	#header {
		position:relative;
		background: #fff url(images/banner-02032006.jpg) top left no-repeat;
		font-weight: normal;
		font-variant: small-caps;
		color: #ebf4fa;
		width:760px;
		}
	
	#sitemapsearch {position:absolute; top:15px; padding:2px 4px 6px 4px; right:10px; border:1px dotted #ebf4fa;}
	#sitemapsearch a {font-size:14px; color:#206ba4; text-decoration:underline;}
	#sitemapsearch a:link {color:#206ba4;}
	#sitemapsearch a:visited {color:#206ba4;}
	#sitemapsearch a:hover {color:#ff9933; text-decoration:none;}
	
	.content {margin: 0px; padding: 8px 0 0 10px;}
	
	.border {border-left: 1px solid #b6b6ab; border-right: 1px solid #b6b6ab; border-bottom: 1px solid #b6b6ab;}
	
	.border-img-noright {
		border-left:1px solid #F1EFE2;
		border-bottom:1px solid #F1EFE2;
		margin:0 0 5px 5px;
	}
	
	.border-img-bottom-only {border-top:1px solid #F1EFE2; border-bottom:1px solid #F1EFE2;}
	
	.subheader {
		padding:0;
		margin:0;
		font-weight:normal;
		border-top: 1px solid #f1efe2;
		border-bottom: 1px solid #f1efe2;
		background:url(images/subheader-blue-arrowline.gif) bottom left no-repeat;
	}
	div.subheader h2{
		font-size:125%;
		color:#206ba4;
		/* color:#228bd4; */
		padding:0 0 0 24px;
		margin:0;
		font-weight:normal;
	}

	
	.sub-opening {
		font-size:13px; 
		color:#638209; 
		font-weight:bold; 
		margin:0; 
		padding:0 0 0 6px;
		}
	.sub-text{
		font-size: 12px;
		color:#638209; 
		margin:0; 
		padding:0 0 0 6px;
		border-bottom: 1px solid #F1EFE2;
		}
	
	.date {color: #006699; margin-left: 5px;}
	
	.subheadbar2 {
		font-size: 18px;
		line-height: 20px;
		font-variant: small-caps;
		color: #FFFFFF;
		background-color: #006699;
		padding:0 0 0 10px;
		font-weight: normal;
		margin:0;
	}
		
	p#gssubnav1 {text-align:center; margin:4px 0 14px 0;}
	p#gssubnav2 {text-align:center; margin:4px 0 14px 0;}
	p#gssubnav3 {text-align:center; margin:4px 0 14px 0;}
	p#gssubnav4 {text-align:center; margin:4px 0 14px 0;}

	
	p#gssubnav1 a {color:orange; text-decoration:underline;}
	p#gssubnav1 a:hover{color:#7ca648; text-decoration:none;}

	p#gssubnav2 a {color:#54a4de; text-decoration:underline;}
	p#gssubnav2 a:hover{color:#7ca648; text-decoration:none;}
	
	p#gssubnav3 a {color:green; text-decoration:underline;}
	p#gssubnav3 a:hover{color:#7ca648; text-decoration:none;}
	
	p#gssubnav4 a {color:#3F7DA9; text-decoration:underline;}
	p#gssubnav4 a:hover{color:#7ca648; text-decoration:none;}



	
	#gscontainer {margin: 0px;}
	#gscontainer ul {margin-left:0; padding-left:0; list-style-type: none;}
	
	#gscontainer a {display:block; padding:5px; font-size:14px; width:547px; text-decoration: none;}
	#gscontainer a:link, #gscontainer a:visited {color:#fff;}
	
	#gscontainer li#one a {background-color:#ffc047; color:#fff; padding-top:0;}
	#gscontainer li#two a {background-color:#bbd9ee; color:#fff; padding-top:0;}
	#gscontainer li#three a {background-color:#bedf5d; color:#fff; padding-top:0;}
	#gscontainer li#four a {background-color:#78aed7; color:#fff; padding-top:0;}
	
	#gscontainer li#one a:hover {background-color:#ff9933; color:#fff;} 
	#gscontainer li#two a:hover {background-color:#4892c6; color:#fff;} 
	#gscontainer li#three a:hover {background-color:#afdf20; color:#fff;} 
	#gscontainer li#four a:hover {background-color:#206ba4; color:#fff;} 
	
	.dropcap {
	 float:inline;
	 color:#fff;
	 font-size:45px;
	 line-height:40px;
	 font-family: Georgia, Times, serif;
	 } 
	 
	.dropline {
	 float:left;
	 color:#000000;
	 font-size:40px;
	 line-height:20px;
	 padding-top:2px;
	 } 
	
	.padding {padding: 2px 6px;}
	
	.bottomline {border-bottom: 1px solid #f1efe2; 	background-color: #fff;}
	
	#bg-logo0 {width:500px; background: #fff url('http://ssccpeople.info/distance2/images/banner0.jpg') no-repeat fixed top center;}
	
	table.bordercolor td {padding: 4px;}
	
	#bg-midborderimg {background:url(images/mid-border-b6b6ab.gif) repeat-y;}




/* ********* Start - Announcement bar and Calendar Weeks ********** */

	#announcements{
		width:200px; 
		background: #fff url('http://ssccpeople.info/distance/images/');
	}
	
	.weeks {font-size:11px; margin: 0px; padding: 4px 0 0 10px;} /* class used in week.asp */
	.calendar {color:#003366; margin: 0; padding: 4px 0 4px 10px; font-size:11px; /* class used in announcements.asp */
		/* background: #ffffe8 url('http://ssccpeople.info/distance2/images/calendar-fallqtr-small.gif') top right no-repeat; */
		}
		
	.pad-annoucements {font-size:11px; padding:0 0 0 4px; margin:0 0 6px 0;}
	
	.announcementsubheader {
		font-size:15px;
		font-variant: small-caps;
		color:#1d6dac;
		padding:0;
		border-top:1px solid #f1efe2;
		border-bottom:1px solid #f1efe2;
		background-color: #e7e4d3;
		margin:0;}
	/* ********* END - Announcement bar and Calendar Weeks ********** */
	
	
	/* *********  START MAIN Navigation *********  */
	
	#navcontainer {margin:0; padding:0; height:20px;}
	#navcontainer ul {
	  border:none;
	  margin:0;
	  padding:0;
	  list-style-type:none;
	  text-align:center;
	 }
	 
	#navcontainer ul li {
	  display:block;
	  float:left;
	  text-align:center;
	  padding:0;
	  margin:0;
	 }
	 
	#navcontainer ul li#active a {background-image: url(images/tabactive.gif); color:#444;} 
	
	#navcontainer ul li a, #navcontainer ul li a:visited {
	   background-image: url(images/taboff.gif);
	   font: normal 12px/19px Myriad, Arial, sans-serif;
	   color:#444;
	   width:105px;
	   height:18px;
	   white-space:nowrap;
	   padding:0;
	   margin:0;
	   text-decoration:none;
	   display:block;
	   text-align:center;
	 }
	
	#navcontainer ul li a:hover {color:#444; background-image: url(images/tabon.gif);}
	  
	.attention {
		font-variant: small-caps;
		color: #990000;
		font-size:120%;
		background-color:#f1f1f1;
	}
	
	
	
	/* course listings styles */
	
	.oddrow {background:#fff; text-align: center;}
	.evenrow {background:#ebf4fa; text-align: center;}
	.listheaderrow {
		color: #ffffff;
		background: #bbd9ee;
		text-align: center;
		font-size: 1.2em;
		font-weight: normal;
	}
	strong.category {font-weight:bold; color:#036;}
	
	
	#plannernotice {color:#ff8103; margin-top:0;}
	#plannernotice ol li {padding:0; padding:2px;}
	#plannernotice p {margin:0;}
	
	#headernav-includes {margin:0; padding:0;}
	
	.btt {text-align:right; font-size:90%; padding-right:8px;}
	.btt-center {text-align:center; font-size:90%; padding-right:8px;}

	table {width:760px;}
	table {border-collapse:collapse;}
	table#nocourses {border:1px dashed #f60; width:80%; background-color:#ffc;}
	table#nocourses p {padding:0; margin:4px;}
		
	#gscontainer p {margin: 0px; padding: 0 0 0 24px;}
	
	ul#faqlist  {margin:0 0 0 22px; padding:0 0 8px 0;}
	#faqlist li {font-size:85%; padding:0 4px 4px 0; list-style:circle;}
	
	li {font-size:inherit;}
	
	.clear {clear:both;}
	
	ol.smallerfont {margin-left:35px; font-size:11px;}
	ul.smallerfont {margin-left:15px; font-size:11px;}
	.smallerfont li {margin-top:7px; }
	.smallerfont li a {font-size:12px; color:#3F7DA9;}
	.smallerfont li a:visited {color:#3F7DA9;}
	.smallerfont li a:hover {font-size:12px; color:#339900;}
	.smallerfont li a:active {font-size:12px; color:#339900; font-weight:bold;}
	
	table#sitemap {background:bottom center url(images/ssccdl_satellitedish_sitema.jpg) no-repeat;}
	
	table#sitemap td a:hover {color:#fff;}
	table#sitemap td a:active {color:#fff; font-weight:bold;}
	table#sitemap ul li {list-style-type:circle;}
	
	#plannerinstructions li {margin-top:10px; font-size:11px;}
	
	.printonly, .printonly-centered {display:none;}
	.hidefromprint {}
	
	.alert {background-color:#F7FBFE; padding-left:2px; font-size:85%; font-family:Myriad, Arial, sans-serif;border-bottom:1px solid #ccc;}
	
	.smaller {font-size:90%;}

p.mainpageitems {border-bottom:1px solid #f1f1f1; margin:0 0 8px 0; padding-bottom:2px;}