/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 12/10/08 - Eddie Kasper / The Kasper Group
Version: 3.07
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
	margin: 0;
	padding: 0;
}
fieldset, table {
	border: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	overflow: hidden;
	word-wrap: break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height: 101%; /* forces scroll on short length pages */
}
body { 
text-align: center;
height: 100%;
margin: 10px 0;
background-image: url(images/background.gif);
} 

/*********** ---------- ::Typography:: ------------------- ***********/
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}

/*********** ---------- ::Template:: --------------------- ***********/
#mainContainer {
	width: 850px;
	margin: 0 auto; /* We are going to center this design */
	border: 1px solid #FFF;
	background-color:#FFFFFF;
	text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
} 
#header { 
background: #482AAC; 
color: #fff;
height: 20px; 
} 
#header2 { 
background: #fff; 
color: #fff;
height: 120px; 
}
#header3 { 
background: #482AAC; 
color: #482AAC;
height: 2px; 
}
#nav { 
background: #fff; 
color: #fff;
height: 35px; 
}
#content {
	float: right; /* Our content is going to be left aligned */
	width: 525px; /* And it's going to have a 500px width */
	background: #fff;
	vertical-align: top;
	margin-top: 20px;
} 
#column { 
float: left; /* Our column is going to be right aligned */ 
width: 325px; /* Our total width - content width is 260px */ 
background: #fff; 
} 
#footer { 
clear: both; /* We have to clear our floats */ 
width: 850px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */ 
margin: 0 auto; /* We need to center the footer also */ 
background: #482AAC; 
} 




/* Global Styles */

td {
	font:12px Arial, Helvetica, sans-serif;
	color:#000000;
	}
	
a {
	color: #D9008D;
	font-weight:bold;
	text-decoration:none;
	}
	
a:hover {
	color: #482AAC;
	}
	
/* ID Styles */

#navigation a {
	font:11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding: 0px 10px;
	border-right:1px solid #FFFFFF;
	font-weight: bold;
	}
	
#navigation a:hover {
	color:#ffffff;
	background: #482AAC;
	}

#padding {
	padding:14px;
	}
	
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: 11px Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
line-height:16px;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #D9008D;
border-width: 1px 0;
background: #D9008D url(images/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 34px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(images/blockactive.gif) center center repeat-x;
}
.solidblockmenu li a.noborder{ 
border: 0; }


</style>
	
/* Calendar Styles */

#calendar td {
	border: 1px solid #482AAC; 
	}
	
#noborder td {
	border: 0px;
	}

#calheader td {
	font-weight:bold;
	color: #ffffff;
	}
	
/* Class Styles */

.logo {
	font:24px Times New Roman, Times, serif;
	color: #482AAC;
	letter-spacing:0.3em;
	line-height:26px;
	}
	
.tagline {
	font: 11px Arial, Helvetica, sans-serif;
	color: #D3DCE6;
	line-height:16px;
	text-align:center;
	}
	
.bodyText {
	font:12px Arial, Helvetica, sans-serif;
	line-height:22px;
	color:#000000;
	letter-spacing:0.1em;
	}

.detailText {
	font:11px Arial, Helvetica, sans-serif;
	line-height:16px;
	color:#26354A;
	letter-spacing:.1em;
	}
	
.pageName {
	font:24px Arial, Helvetica, sans-serif;
	color: #482AAC;
	letter-spacing:0.2em;
	line-height:32px;
	}
	
.subHeader {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #2D374D;
	font-weight:bold;
	line-height:20px;
	letter-spacing:.1em;
	}
	
.navText {
	font:10px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.2em;
	line-height:16px;
	}

.calendarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #26354A;
	letter-spacing:.1em;
	}
	
	
.sidebarText {
	font:11px Arial, Helvetica, sans-serif;
	color: #482AAC;
	letter-spacing:0.1em;
	line-height:18px;
	}
	
#imageContainer         {width: 255px; height: 180px; overflow: hidden;}
#imageContainer img     {margin-bottom: 5px; display: block;}
#thumbContainer         {margin-top: 5px;}
#thumbContainer img     {display: block; float: left;}