/* hide from IE mac \*/ 
html {
	min-height: 100%;
	margin-bottom: 1px;
}
/* end hiding from IE5 mac */
 
body {
	color: #fdf5e6;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 115%;
	background-repeat: no-repeat;
	background-color: #262F5C;
}

/******* Text Elements **********/

 p, h1, h2, h3, h4, h5, h6 {
	margin: 12px;
	padding: 0;
}

 h1 {
	font-size: 155%;
	color: #181B2C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
h2 {
	font-size: 120%;
	color: #262f5C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 94%;
}

/*********** ENd text elements ***********/

/********** Start Navigation ***************/

#leftnav ul {
	list-style-type: none;
	padding: 0;
	color: #FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 178px;
}

#leftnav li {
	background-image: url(../images/nav_buttons/on_state_button_bckgrnd.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
	margin-bottom: 2px;
}

#leftnav li a {
	display: block;
	text-decoration: none;
	color: #FFCC00;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
}

#leftnav li a:hover {
	color: #34054C;
	background-image: url(../images/nav_buttons/over_button_bckgrnd.jpg);
	background-repeat: no-repeat;
}
/***** Reset the layout to a 2 column layout **********/

/* Empty class to make it selectable in DW design view */
.TwoCol {}

/* Hides the rightcol div */
.TwoCol #rightcol {
	display: none;
}

/* Adjusts the right margin on the content div */
.TwoCol #content {
	margin-right: 0;
}

/************* Reset to two columns completed ***********/

#wrapper {
	width: 879px;
	background-color: white;
	margin: 0 auto;
	padding: 0px;
}

#header {
	height: 183px;
	background-image: url(../images/csfgraphicsHeader2009.jpg);
	background-repeat: no-repeat;
	width: 879px;
	background-position: center;
	background-color: #FFFFFF;
	border-width: 0px;
	border-style: none;
	margin: 0px 0px 21px;
}
#header_break {
	height: 13px;
	width: 879px;
	border-top-width: 0px;
	border-right-width: 4px;
	border-bottom-width: 0px;
	border-left-width: 4px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #34054C;
	border-left-color: #34054C;
	color: #FFFFFF;
	background-color: #00CC33;
}

#InnerWrapper1 {
	width: 879px;
}

#InnerWrapper2 {
	font-size: 80%;
	width: 879px;
	height: 600px;
	background-color: #CCCC33;
	margin: 0px;
}

#leftnav {
	float: left;
	width: 178px;
	margin-left: 5px;
}

#leftcol {
	float: left;
	width: 141px;
	background-image: url(../redesign_images/nav_backgrounds.jpg);
	background-repeat: no-repeat;
}

#rightcol {
	float: right;
	width: 173px;
	background-color: #FFFFFF;
	margin-top: 12px;
	border: 2px solid #666666;
	margin-right: 8px;
}

.newsbox {
	margin-bottom: 5px;
	padding-left: 4px;
	margin-top: 0px;
	vertical-align: top;
	display: block;
	margin-right: 4px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
.images {
	margin-bottom: 5px;
	background-color: #FFFFFF;
	margin-top: 5px;
	width: 109px;
	margin-right: 10px;
}
#cartoonstrip {
	background-color: #FFFFFF;
	margin: 5px 5px 20px 195px;
	width: 675px;
}

#content {
	background-color: #FFFFFF;
	margin: 5px 195px 20px 190px;
}
#content .maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#content .faqbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#content .faqtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#content .faqquestions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
}
#content .faqanswers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
}
#webdesigncontent {
	background-color: #FFFFFF;
	margin: 5px 17px 20px 190px;
}
#webdesigncontent .maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	padding: 7px 10px 10px;
}
#webdesigncontent .faqbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

#webdesigncontent .faqtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
#webdesigncontent .faqquestions {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000099;
}
#webdesigncontent .faqanswers {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #990000;
}
#diamondcontent {
	background-color: #FFFFFF;
	margin: 5px 10px 20px 200px;
}
#jerseycontent {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 7px;
	margin-bottom: 20px;
	margin-left: 200px;
}
#specialscontent {
	background-color: #FFFFFF;
	margin: 5px 15px 20px 200px;
}
#specialscontent .maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
}
#footer {
	height: 51px;
	background-image: url(../images/csfgraphicsFooter2009.jpg);
	background-repeat: no-repeat;
	width: 879px;
	background-position: center;
	background-color: #FFFFFF;
	border-width: 0px;
	border-style: none;
	margin: 0px;
}
.footertext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #262F5C;
	margin-top: 4px;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
.webtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
}
/*-- Job Highlight Box --*/

.purpleboxWrap {
	width: 675px;
	float: left;
	margin-bottom: 20px;
	border: 2px solid #000000;
	}
.purplebox {
	width: 665px; /*370*/
	padding: 0px;
	border: 2px solid #5C3996;
	}
.purplebox img {
	padding-right: 10px;
	}
.purplebox h2 {
	font-size: 120%;
	color: #5c3996;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	}
.purplebox h2 a {
	color: #5c3996;
	}
.purplebox h2 a:hover {
	color: #e67a15;
	}
.purplebox p {
	margin: 0;
	line-height: 1.3em;
	}

/************* Generic classes ***********/
.clearit {
	clear: both;
}

.right {
	float: right;
	margin-bottom: 2px;
	margin-left: 10px;
}

#rightcol .left {
	float: left;
	margin: 0px 0px 0 4px;
}

#content .left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}

/************* End generic classes ***********/
table {
	margin-left: 15px;
	margin-bottom: 10px;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
td .tshirtcolors{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.imageslogos {
	margin-bottom: 5px;
	background-color: #FFFFFF;
	margin-top: 0px;
	width: 109px;
	margin-right: 10px;
	margin-left: 0px;
}
#content .choicetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 5px;
	display: block;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 70px;
}

#content .recommend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	display: block;
	padding: 5px;
	height: 20px;
	width: 460px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}
#content .linkheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	height: 20px;
	width: 200px;
	padding-left: 10px;
	background-color: #990000;
	
}
.introduction {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0F164C;
	font-size: 14px;
	line-height: 16px;
	
}	.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0F164C;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}
.tabletitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
}
.description {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10px;
	font-weight: bold;
	padding-left: 2px;
	line-height: 12px;
	padding-bottom: 5px;
}
.description2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	padding-left: 2px;
	line-height: 14px;
	padding-bottom: 3px;
}
h3 {
	font-size: 95%;
	color: #131A48;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 94%;
}
.highlightheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #000033;
	font-weight: bold;
	text-align: left;
	padding-top: 5px;
	width: 425px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding-bottom: 5px;
	margin-left: 10px;
	padding-left: 10px;
	border-top: 1px solid #000033;
	border-bottom: 1px solid #000033;
}
.graphictext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000033;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	margin-bottom: 10px;
	padding-bottom: 5px;
}