﻿Body
{
	font-family: Arial,Verdana, Tahoma;
	font-size: 11pt;
	color: #282A55;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	/*background-color:#c5c5d1;*/
	BACKGROUND-IMAGE: url(images/background_sky.gif);
	margin:15px 10px 0px 10px;
}

P, span, li, ul, ol, td
{
	font-family: Arial,Verdana, Tahoma;
	font-size: 11pt;
	color: #282A55;
}

/* Opera fix ------------------------------------ */
Form.MainForm
{
	margin: 0;
	padding: 0;
}

H1
{
	font-weight: bold;
	font-size: 14pt;
	color: #282a55;
	font-family:  Verdana, Arial;
	text-transform:uppercase;
}

H2
{
	font-weight: bold;
	font-size: 12pt;
	color: #800000;
	font-family: Verdana, Arial, Helvetica;
}

H3
{
	font-weight: bold;
	font-size: 12pt;
	color: #282a55;
	font-family: Verdana, Arial, Helvetica;
	text-decoration:underline;
}

H4
{
	font-size: 10pt;
	color: #800000;
	font-family: Verdana, Arial, Helvetica;
}


UL {
	LIST-STYLE-IMAGE: url(images/bull1_sky.gif)
}
UL UL {
	LIST-STYLE-IMAGE: url(images/bull2_sky.gif)
}
UL UL UL {
	LIST-STYLE-IMAGE: url(images/bull3_sky.gif)
}
UL LI
{
	margin-bottom:5px;
	}

div.QuickLinks UL
{
	LIST-STYLE-IMAGE: url(images/redDiamond.gif);
}
div.QuickLinks UL LI
{
	padding-left:10px;
}
div.QuickLinks A
{
	font-weight:bold;
}

.Copyright
{
	font-size:xx-small;
	font-family: Verdana, Arial, Tahoma;
}

.Updated
{
	font-size:xx-small;
	font-family: Verdana, Arial, Tahoma;
	font-style:italic;
}
A:link
{
	COLOR: #3b00ca;
	text-decoration: underline;
}
	
A:visited
	{
	COLOR: #093384;
	text-decoration: underline;
	}
	
A:hover
	{
	COLOR: #8551ff;
	text-decoration: underline;
	}		
	

#divBoundary
{
	width:780px;
	float:left;
}

#divHeader
{
	float:left;
}

#divTitle
{
	color:White;
	font-weight:bold;
	font-family:Verdana;
	font-size:36pt;
	width:100%;
	height:100%;
	text-align:center;
}

/*To allow the header content to be defined in the CM this tag is necessary. 
Content in this tag will be repositioned (by javascript) for final display in the template. 
The surrounding tag hides the content beacuse header content has potential to unnecessarily 
stretch the regular cotnent area beyond what is needed when rendering. 
When this header content is relocated it will have plenty of its own room.*/
#divHeader_InContent
{
	display:none;
}

#divContent
{
	/*780 - 144 (menu) = 635px*/
	/* 635 = 620 + 10 padLeft + 5 fudge*/
	float:right;
	width:620px;
	padding-left:10px;
	padding-right:0px;
	padding-top:15px;
	border-left:solid 1px black;
	text-align: left;
	vertical-align: top;
}

/*Note: margin space can be occupied by other elements*/
#divMenu
{
	/*Total: 145 = 140 + 5*/
	width:140px;
	padding-right:5px;
	padding-left:0px;
	float:left;
	margin-top:1px;
}

#divMenu img.Logo
{
	position:relative;
	top:10px;
	left:30px;
}


#divFooter
{
	float:left;
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	color:#282A55;
	width:100%;
}

#divFooter A:link 
{
	font: 8pt Verdana, Arial, Tahoma;
	COLOR: #3b00ca;
	font-size:smaller;
	text-decoration:none;
}
#divFooter A:visited 
{
	font: 8pt Verdana, Arial, Tahoma;
	COLOR: #093384;
	font-size:smaller;
	text-decoration:none;
}
#divFooter A:hover {
	font: 8pt Verdana, Arial, Tahoma;
	COLOR: #8551ff;
	font-size:smaller;
	text-decoration:none;
}	
