/*
*********************************************
	Global Rules
	
	Table of Contents:
	1. General Styles
	2. Positioning and More Specific Styling
	3. Change Font Size Toolbar
*********************************************
*/

/*
*********************************************
	1. General Styles
*********************************************
*/
	* {
		margin: 0px;
		padding: 0px;
		font-family: Arial, Helvetica, sans-serif;
	}
	body {
		margin: 0px;
		padding: 0px;
		background-image: url(../images/back_diagnollines.jpg);
		background-repeat: repeat-x;
		background-color: #fafafa;
		text-align: center;
		font-size: 62.5%;
	}
	ul, li {
		list-style-type: none;
	}
	h1 {
		margin: 11px 0px 0px 0px;
		padding: 0px 10px 8px 0px;
		font-size: 23px;
		line-height: 26px;
		color: #0A1C6F;
		font-weight: bolder;
	}
	h2 {
		margin: 0px;
		padding: 0px 0px 8px 0px;
		font-size: 2em;
		color: #0A1C6F;
		font-weight: bold;
	}
	h3 {
		margin: 0px;
		padding: 0px;
		font-size: 1.4em;
		color: #0A1C6F;
		font-weight: bold;
	}
	h4 {
		margin: 0px;
		padding: 0px 0px 2px 0px;
		font-size: 1.1em;
		color: #0A1C6F;
		font-weight: bold;
	}
	
		h5 {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font-size: 1.0em;
		color: #000000;
		font-weight: bold;
	}
		h6 {
		margin: 0px;
		padding: 0px 0px 0px 0px;
		font-size: .8em;
		color: #000000;
		font-weight: bold;
	}	
	p {
		line-height: 1.3em;
		padding: 0 0 14px 0;
		margin: 0;
	}
	a,a:hover{
		color:#0a1c6f;
	}	
	input, select, th, td {
		font-size:1em
	}

/*
*********************************************
	2. Positioning and More Specific Styling
*********************************************
*/
	div#headerback {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 235px;
		background-image: url(../images/back_clouds.jpg);
		background-repeat: repeat-x;
		z-index: 0;
	}
	div#mainwrapper {
		margin: 0px auto;
		width: 764px;
		position: relative;
		text-align: left;
	}
	div#leftshadow {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 7px;
		height: 587px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='image', src='images/shadow_left.png');
		background-repeat: no-repeat;
		z-index: 0;
	}
	div#leftshadow[ID] {
		background-image: url(../images/shadow_left.png);
	}
	div#rightshadow {
		position: absolute;
		top: 0px;
		left: 757px;
		width: 7px;
		height: 587px;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod='image', src='images/shadow_right.png');
		background-repeat: no-repeat;
	}
	div#rightshadow[ID] {
		background-image: url(../images/shadow_right.png);
	}
	div#content {
		position: relative;
		top: 0px;
		left: 7px;
		width: 750px;
		z-index: 0;
	}
	div#logo {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 409px;
		height: 108px;
		z-index: 90;
		visibility: visible;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='image', src='images/logo_back.png');
		background-repeat: no-repeat;
		cursor:pointer;
	}
	div#logo[ID] {
		background-image: url(../images/logo_back.png);
	}
	div#flashheader {
		width: 750px;
		height: 235px;
		background-color: #FFFFFF;
		position: absolute;
		z-index: 0;
		left: 0px;
		top: 0px;
		visibility: visible;
	}
	
		div#noflashheader {
		width: 750px;
		height: 172px;
		background-color: #FFFFFF;
		position: absolute;
		z-index: 0;
		left: 0px;
		top: 0px;
		visibility: visible;
	}
	
	
	div#fluidBack {
		width: 750px;
		background-color:#FFFFFF;
		background-image: url(../images/divider.gif);
		background-position: 578px;
		background-repeat: repeat-y;
		display:block;
	}
	
	div#regionFluidBack {
		width: 750px;
		background-color:#FFFFFF;

	}
	
		div#regionFluidBack img{
		padding:0px 0px 20px 70px;
		
	}
	
		
	div#fluidBot {
		width: 750px;
		background-image: url(../images/divider_bottom.gif);
		background-position: 578px bottom;
		background-repeat: no-repeat;
	}
	div#leftcol {
		float:left;
		width:180px;
	}
div#centercol {
		font-size: 11pt;
		float: left;
		line-height:14pt;		
		width: 388px;
		margin: 235px 0px 0px 0px;
		padding-right:10px;
	}
	
		div#noflashcentercol {
		font-size: 11pt;
		float: left;
		width: 388px;
		margin: 169px 0px 0px 0px;
		padding-right:10px;
	}
	
		div#regioncentercol {
		font-size: 11pt;
		float: left;
		width: 562px;
		margin: 169px 0px 0px 0px;
	}
	
	
	div#rightcol {
		font-size: 1.1em;
		float: left;
		width: 162px;
		vertical-align: bottom;
		padding: 250px 5px 0px 5px;
	}
	
		div#noflashrightcol {
		font-size: 1.1em;
		float: left;
		width: 162px;
		vertical-align: bottom;
		padding: 190px 5px 0px 5px;
	}
	
	
	div#rightcol h4 {
		font-size: 1em;
	}
	div#rightcol div {
		padding: 0px 0px 0px 5px;
	}
	div#footer {
		height: 50px;
		background-color: #FFFFFF;
	}
	div#logo span.logo {
		display: block;
		height: 108px;
		width: 409px;
		background-image: url(../images/logo.gif);
		background-repeat: no-repeat;
		background-position: 13px 13px;
	}
	
	div#centercontent h1.home {
		padding-right: 120px;
	}
	div#centercontent p {
		padding: 0px 10px 14px 0px;
	}
	div.event{
		margin-bottom:10px;
	}
	div#footer {
		font-size:.9em;
		font-weight:bold;
		color:#0a1c6f;
		padding:5px 0px 0px 180px;
	}
	div#footer a,
	div#footer a:hover {
		color:#0a1c6f;
	}
	
	
/*
*********************************************
	3. Change Font Size Toolbar
*********************************************
*/
	span#changeFont{
		float:right;
		padding:12px;
		font-size:11px;
	}
	span#changeFont a{
		height:24px;
		text-decoration:none;
	}
	span#changeFont a#mediumFont{
		font-size:12px;
	}
	span#changeFont a#largeFont{
		font-size:16px;
	}
	span#changeFont a#largerFont{
		font-size:20px;
	}
	span#changeFont .atFont{
		font-weight:bold;
		text-decoration: underline;
	}
	span#changeFontCaption{	 
		color:#339933;
		font-style:italic;	
	}
	
	/* Hidden Elements */
	div#logo span.logo {
		font-size: 1px;
		text-indent: -9999px;
	}


.region{
width:80%;
padding:5px 5px 5px 5px;
margin:0px 50px 0px 50px;}

.regiontd{
width:45%;}

.red{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-weight:bold;}

div#noflashcentercol ul,
div#noflashcentercol li {
		margin: 0px 5px 0px 10px;
		padding: 0px 0px 0px 0px;
		list-style-type:square;

	}
	
	
div#noflashrightcol ul,
div#noflashrightcol li {
		margin: 0px 5px 0px 10px;
		padding: 0px 0px 0px 0px;
		list-style-type:square;

	}	
	
.clearFloats { clear:both;}