10@charset "utf-8";
/* CSS Document */
/**************************************
Coded by Scratch - Feel Free to Borrow
Paula Shackles 6-25-09 paulashackles@gmail.com
writen for: www.Crowder.edu
Live Long and Prosper !
**************************************/

/*==========================================
Swatch Colors:
d5d5d5 - background light gray
003399 - dark blue (navy)
5c5c5f - dark gray
a7a6e6 - light purplish blue, background of search and Majors boxes.
838282 - Medium Gray
============================================*/
.borderTopBottom
{
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	color:#4376DC;
	font-weight:bold;
	text-align:left;
	padding:4px 0px 4px 0px;
	margin:15px 10px 5px 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
			}
			


/*picture in the middle*/
#homepageBanner
{
	height:158px;
	width:748px;
	background-image:url(../assets/banner-09.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;	
	clear:both;
	float:left;
	}
	
/*white links that say login | blackboard*/	
#blackBoard

{	text-align:right;
	width:200px;
	font-size:10px;
	color:#FFF;
	margin:0px 40px 0px 530px;
	padding:5px 0px 5px 0px;
	}
#blackBoard a:link, #blackBoard a:visited {
color:#fff;
text-decoration: none;
}

#blackBoard a:hover, #blackBoard a:active {
color:#003399;
text-decoration: none;
}

/**This Wraps the Homepage Content
http://www.alistapart.com/articles/holygrail/     **/
/**************REMEMBER - widths within widths cause float drops*****/

#homepageContent {
	padding-left:265px; /*LeftColumn Width*/
	padding-right:250px; /*RightColumn Width*/
font-family: Trebuchet, Arial, sans-serif;
	
}

#homepageContent .column{
	position:relative;
	float:left;
}

/***BOX LEFT***/



#homepageLeft {
	width:265px;
	right:265px;
	font-size:12px;
	float:left;
	background-image:url(../assets/prospective-students-bg.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	margin:-20px -265px 0px 0px;
	
}

	/*** IE6 Fix ***/
* html #homepageLeft {
 /* left: 220px;   */        /* RC width */
}

#homepageLeft ul {
	padding-top:9px;
	display:block;
	width:226px;
}

#homepageLeft li {
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	padding:0px 0px 3px 25px;
	text-decoration: none;
	display:block;
}

#homepageLeft li a:link, #homepageLeft li a:visited {
	color: #333;
	text-decoration: none;
	display:block;
	}

#homepageLeft li a:hover, #homepageLeft li a:active {
color:#fff;
background-color:#05f;


}

#LeftLinkList li a:hover
{background-color:#c9c9f8;
width:200px;
display:block;
text-decoration:none;
}

#homepageLeft h2
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2b4a89;
	font-weight:bold;
	text-align:left;
	padding:8px 0px 2px 0px;
	margin-top:6px;
			}
.underlineHeading 
{	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;}
			
		/**This is now the Calendar**/	
			
#announcements {
	padding:3px 0px 15px 0px;
	text-align:left;
	color:#000;
	font-size:10px;
	width:200px;
		}
#announcements h1
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2b4a89;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
	text-align:left;
	padding:8px 0px 2px 0px;
	margin-top:6px;
			}		
#announcements h2 a:link, #announcements h2 a:visited {
	color: #2b4a89;
	text-decoration: none;
	padding:0px;
	margin:0px;
	font-size:12px;
		}

#announcements h2 a:hover, #announcements h2 a:active {
color:#050296;
text-decoration: underline;

width:100%;
padding:0px;
	margin:0px;
}
	
	#announcements p {font-family:Trebuchet,Arial, sans-serif;
	font-size:10px;
	padding:3px 0px 8px 8px;
	color:#333;}
	

	
#announcements a:link, #announcements a:visited {
	color: #333;
	text-decoration: none;
	}

#announcements a:hover, #announcements a:active {
	color:#2b4a89;
	text-decoration: none;
	width:200px;
	background-color:#e7e7e7;
}				
			
#perchWx div p {
	color: #b22a2a;
	font-size: 0.8em;
	position: relative;
	top: -10px;
	}

.homepage {
	width:200px;
	margin:0px 0px 0px 25px;
	}

#rightWrap {
	
	background-color:#f9f9f9;
	width:485px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline;!Important /*IE 6 double margin bug is fixed by this*/
	padding:0px 0px 30px 0px;
	box-shadow: 0.3em 0.3em #cccccc;  }

/***BOX CENTER***/


#homepageCenter  {
	text-align:left;
	margin:0px 0px 0px 15px;
	font-size:12px;
	color: #000;
	font-weight:bold;
	width:200px;
float:left;
padding:20px 20px 0px 0px;

}
			


#homepageCenter h2 a:link, #homepageCenter h2 a:visited {
	color:#2b4a89;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:5px 0px 3px 0px;
	border:0px;	
}

#homepageCenter h2 a:hover, #homepageCenter h2 a:active {
color:#050296;
text-decoration: underline;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:5px 0px 3px 0px;
	border:0px;	
	background-color:none;
}

#homepageCenter a:link, #homepageCenter a:visited {
	color: #333;
	text-decoration: none;
	padding:0px;
	margin:0px;
	font-size:10px;
}

#homepageCenter a:hover, #homepageCenter a:active {
	color:#F00;
	text-decoration: none;
	width:100%;
	padding:0px;
	margin:0px;
	font-size: 12px;
}	

#homepageCenter p {
	color:#000;
	font-size:10px;
	
	}




#homepageCenter h1
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#2b4a89;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 8px 0px;
	border:0px;
			}		
	
#homepageCenter h2, #homepageRight h2
{
	color:#2b4a89;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:5px 0px 3px 0px;
	border:0px;	
			}	
	
	
	/***BOX RIGHT contains Twitter Div***/
	
#homepageRight  {
	width:200px;
	margin-right:-200px;
	float:left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 0px 0px 25px;
	} /* RC width*/
	
#homepageRight ul li{
	margin:5px 0px 5px 0px;
	padding:2px 0px 2px 4px;
	list-style-image: url(../assets/bullet-square.gif);
	list-style-type: square;
	list-style-position: outside;
	text-align:left;
}

	
#homepageRight h2, #homepageRight h1
{
	font-size:14px;
	color:#2b4a89;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 2px 0px;
			}	
			
#homepageRight li a:link, #homepageRight li a:visited {
	color: #333;
	text-decoration: none;
	display:block;
	}

#homepageRight li a:hover, #homepageRight li a:active {
color:#050296;
background-color:none;
text-decoration:underline;}			
	
	
#belowContent
{
	height:60px;
	/*background-color:#FFF;*/
text-align:left;
	clear:left;
	padding:10px;
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #999;
}



#belowContent select
{background-color:#c9c9f8;
color:#000;
font-size:80%;
text-decoration: none;
clear:both;
}

#belowContent h2
{font-size:100%;
color:#999;
}

#belowContent p
{font-size:80%;
color:#333;
padding:5px 100px 20px 50px;} 



.underline {
	color:#000;
	text-decoration:underline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000e0;
}

#htmltags{ 
font-size:18px;
font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif; 
line-height:1em; 
word-spacing:normal; 
letter-spacing:normal; 
text-decoration:none; 
text-transform:none; 
text-align:justify; 
text-indent:0ex; 
background-color:#fff; 
margin:0em 1em 3em 1em; 
border:2px dotted #ddd; padding:8px;}

#htmltags a:link
{text-decoration:none}

#htmltags a:visited{text-decoration:none}

#htmltags a:hover{text-decoration:none;color:white;background-color:#05f}
#htmltags a:active{text-decoration:none;color:white;background-color:#03d
}span.tags0{font-size:60%;padding:0em;color:#ACC1F3;z-index:10;position:relative}
span.tags0 a{text-decoration:none; color:#ACC1F3}
span.tags1{font-size:80%;padding:0em;color:#ACC1F3;z-index:9;position:relative}
span.tags1 a{text-decoration:none;color:#ACC1F3}
span.tags2{font-size:92%;padding:0em;color:#86A0DC;z-index:8;position:relative}
span.tags2 a{text-decoration:non
e;color:#86A0DC}
span.tags3{font-size:120%;padding:0em;color:#86A0DC;z-index:7;position:relative}
span.tags3 a{text-decoration:none;color:#86A0DC}
span.tags4{font-size:85%;padding:0em;color:#607EC5;z-index:6;position:relative}
span.tags4 a{text-decoration:none;color:#607EC5}
span.tags5{font-size:140%;padding:0em;color:#607EC5;z-index:5;position:relative}
span.tags5 a{text-decoration:none;color:#607EC5}
span.tags6{font-size:130%;padding:0em;color:#4C6DB9;z-index:4;position:relative}

span.tags6 a{text-decoration:none;color:#4C6DB9}
span.tags7{font-size:90%;padding:0em;color:#395CAE;z-index:3;position:relative}
span.tags7 a{text-decoration:none;color:#395CAE}
span.tags8{font-size:75%;padding:0em;color:#264CA2;z-index:2;position:relative}
span.tags8 a{text-decoration:none;color:#264CA2}
span.tags9{font-size:85%;padding:0em;color:#133B97;z-index:1;position:relative}
span.tags9 a{text-decoration:none;color:#133B97}
span.tags10{font-size:65%m;padding:0em;color:#002A8B;z-index:0;position:relative}
span.tags10 a{text-decoration:none;color:#002A8B}
span.freq{font-size:10pt !important;color:#bbb}

