@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
============================================*/
body {	background-image: url(../assets/repeat-bg-topx.jpg);
	background-repeat: repeat-x;
	background-position: left top;}


/*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;
	float:right;
	padding-top:5px;
	padding-right:50px;
	
	}
#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: Arial, Helvetica, 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:2px -265px 0px 0px;
	
}

	/*** IE6 Fix ***/
* html #homepageLeft {
 /* left: 220px;   */        /* RC width */
}

#homepageLeft ul {
	padding-top:9px;
	display:block;
	width:200px;
}

#homepageLeft li {
	text-align: left;
	list-style-image: none;
	list-style-type: none;
	padding:0px 0px 3px 25px;
	text-decoration: none;
}

#homepageLeft a:link, #homepageLeft a:visited {
	color: #333;
	text-decoration: none;
	}

#homepageLeft a:hover, #homepageLeft a:active {
color:#050296;
text-decoration: none;
background-color:#c9c9f8;
width:200px;
}

#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:#0100d1;
	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;
			}
.homepage {width:200px;
margin:0px 0px 0px 25px;}

/***BOX CENTER***/


#homepageCenter, #twitter_div {
	text-align:left;
	font-size:12px;
	color: #000;
	font-weight:bold;
	}

#homepageCenter {
float:left;
margin:15px 20px 0px 0px;

}
			
#twitter_div a:link, #twitter_div a:visited {
	color: #00F;
	text-decoration: underline;
	font-weight:normal;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#twitter_div a:hover, #twitter_div a:active {
	color:#F60;
	text-decoration: underline;
	background-color:#fff;
	padding:0px;
	margin:0px;
}

#homepageCenter h2 a:link, #homepageCenter h2 a:visited {
	color: #333;
	text-decoration: underline;
	padding:0px;
	margin:0px;
	font-size:12px;
}

#homepageCenter h2 a:hover, #homepageCenter h2 a:active {
color:#050296;
text-decoration: underline;
background-color:#fff;
width:100%;
padding:0px;
	margin:0px;
}

#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:#050296;
text-decoration: none;
background-color:#fff;
width:100%;
padding:0px;
	margin:0px;
}	

.underline {
	color:#000;
	text-decoration:underline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000e0;
}

#homepageCenter h1
{
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:15px 0px 8px 0px;
	border:0px;

			}		
	
#homepageCenter h2, #homepageRight h2
{
		
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	padding:5px 0px 3px 0px;
	border:0px;
	
			}	
	
	
	/***BOX RIGHT contains Twitter Div***/
	
#homepageRight, #twitter_div  {
	width:250px;
	float:left;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;}
	#homepageRight
	{padding:0px 0px 0px 0px;
	margin-right:-250px;
	margin-top:16px;} /* RC width*/
	
#homepageRight ul li,#twitter_div ul li {
	margin:5px 0px 5px 0px;
	padding:5px 20px 5px 0px;
	list-style-image: none;
	list-style-type: none;
}

	
#homepageRight h2, #homepageRight h1
{
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-align:left;
	padding:15px 0px 2px 0px;
			}	
	
	
#belowContent
{height:60px;
/*background-color:#FFF;*/
text-align:left;
clear:left;
padding:10px;
}

#announcements, #announcements p {
	padding:3px 0px 15px 0px;
	text-align:left;
	color:#000;
	font-size:10px;
	width:200px;
		}
#announcements h2
{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:normal;
	border:none;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #c2c2c2;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin-top:5px;
			}		
		
		
#announcements h1 {color:#000;
font-size:14px;
padding:15px 0px 0px 0px;}

	
#announcements a:link, #announcements a:visited {
	color: #000;
	text-decoration: underline;
	}

#announcements a:hover, #homepageLeft a:active {
	color:#1700DA;
	text-decoration: none;
	width:200px;
	background-color:none;
}	

#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;} 
