@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
============================================*/

* {
margin:0;
padding:0;
}

/*****
For Images
Note:In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected, so for the most part my .floatLeft tags do NOT have a width attribute.
*****/

.clear {clear:both; display:block;}
.floatLeft {float:left; }
.floatRight {float:right; }
.floatLeftPad {float:left;padding:10px;}
.floatRightPad{float:right;padding:10px;}
.centerMe{text-align:center;
	margin-left: auto;
	margin-right: auto;
	padding:10px;}


.PDF {
	background-attachment: scroll;
	background-image: url(../assets/pdf-icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:37px;
	}

ul, li {
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

.giveMeBullets ul, .giveMeBullets li 
{
	list-style-position: inside;
	list-style-image: url(../assets/bullet.jpg);
	padding:5px;
}
/***
Main Tag Declarations
***/

body {
	background-color: #d5d5d5;
	background-image: url(../assets/repeat-bg-topx.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
		}
		
	/*/*/a{}
body p {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body p {
  font-size: small;
}
/* */	
		

/*********************************
Start of Main Divided Layers
*********************************/

#wrapper {
	width:800px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	background-attachment: scroll;
	} /**Be sure to set other layer text-align back to left**/

/**Top of Page**/
#crowderBanner {
width:800px;
height:115px}
#crowderBannerLinks {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#a7a6e6;
	width:300px;
	height:74px;
	margin:0px 31px 0px 0px;
padding:21px 0px 20px 0px;
	text-align:right;
	float:right;
}
#crowderBannerLinks a:link, #crowderBannerLinks a:visited {
font-family:"Times New Roman", Times, serif;
	color:#a7a6e6;
text-decoration: none;
}
#crowderBannerLinks a:hover, #crowderBannerLinksa:active {
color:#fff;
text-decoration: none;
}
#fontResize{
	float:left;
	width:100px;
	font-size:100%;}


					/****** This controls the Google Search Box *****/
.bluebox {
background-color:#a7a6e6;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
border:1px #000 solid;
padding:2px;}

		.blueboxSearch {
			background-attachment: scroll;
			background-image: url(../assets/magnifying-glass.jpg);
			background-repeat: no-repeat;
			background-position: left top;	
			width:26px;
			height:28px;
			border:0px;
		}
		
		/***** End Google Search Box ********/

/**End Top of Page**/

/**********************************
Nav Bar
Note: to get this navigation bar compatible with all versions of IE and Firefox took jumping through some hoops.  Really important elements are noted below.  The div's above the navcontainer HAD to have the div height declared.  Without those heights declared caused some really strange bugs in all browsers.
***********************************/


#navcontainer {
	background-color: transparent;
	height:24px; /*important*/
	font-family: "Times New Roman", Times, serif;
	clear:both;/*important*/
	font-weight:bold;
	font-size:14px;
	display:inline; /*important*/
	float:left;
	width:100%;
	text-shadow: #000 1px 1px 1px;
			}
		
#navcontainer ul{

	list-style-image:none;
	list-style-position:none;
	list-style:none;
	margin:0px;
	padding:0px;
	color: #FFF;
	
			}
		
#navcontainer ul li {
	background-color:transparent;
display:inline;	
float:left;
width:107px;
}

#navconainer li {display:inline;
margin-bottom:0px;}

#navcontainer ul li a{
color:#fff;
text-decoration:none;
text-indent:0px;
text-align:center;
float:left;
width:105px;
padding:4px 0px 0px 0px;/*important*/

}

#navcontainer ul li a:hover
{
	color:#000;
		display:inline;
background-color:#ccc;
height:19px;/*important*/
padding:4px 0px 0px 0px;/*important*/
text-shadow: none;
	}

/*+++++++++++++++++++++
MISC
++++++++++++++++++++++*/

/**Needed for print.css**/

.printBanner {float:left;}

/* mozilla */ 
input:focus, textarea:focus  {
background-color: #FFC;
color:#000;
}

/* ie */
input.focusie, textarea.focusie {
	background-color: #FFC;
	color:#000;
}

#footerContainer {
clear:both;
background-color:#dedede;
width:100%;
padding-bottom:30px;
	}
#footer {
	width:800px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	height:36px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0000dd;
	background-attachment: scroll;
	background-image: url(../assets/double-line.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:10px 0px 5px 0px;
	color:#000;
		}
#footer a:link, #footer a:visited {
color:#0000dd;
font-size:10px;
text-decoration: none;
text-align:left;

}

#footer a:hover, #footer a:active {
	color:#5b3b03;
	font-size:10px;
	text-decoration: none;
}
#subFooter {clear:both;
float:left;
font-size:10px;
width:300px;
margin:30px 0px 30px 10px;}
#subFooter a:link, #subFooter a:visited {
	color:#333;
	text-decoration: none;
	text-align:left;
}

#subFooter a:hover, #subFooter a:active {
	color:#00F;
	text-decoration: none;
}

.links
{width:450px;;
float:left;}

.whoweare 
{
color:#999;
font-size:10px;
width:200px;
text-align:right;
float:right;
padding:0px 5px 5px 0px;
}

#wrapper #contentWrap #mainContent .unify table {
	text-align: center;
}
#wrapper #contentWrap #mainContent .unify ol li strong {
	font-size: small;
}
#wrapper #contentWrap #mainContent .unify p strong {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
#wrapper #contentWrap #mainContent .unify table tr td .style1 strong {
	font-size: 14px;
}