﻿/*
============================================================================
Three HD Main Theme Stylesheet
----------------------------------------------------------------------------
Date        Ver.    User    Changes
 1/18/06    1.0     EWS     Original Version
============================================================================
*/

/* HTML */
/* Standard HTML */
*
{
    margin: 0;
    padding: 0;
}

body, body div, body p, body li
{
    color: #000000;    
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal
}
body 
{
	background-color: #003871;
}

html>body
{
    font-size: small; 
}

/*
not used here
html>body, html>body div, html>body p, html>body li
{
    font-size: small; 
}
*/

/* General */
h1, h2, h3, h4, h5, h6 
{
    font-weight: bold;
    letter-spacing: normal;
    word-spacing: normal;    
}
h1
{
    font-size: 130%;
    font-variant:small-caps;
}
h2
{
    font-size: 110%;
    /* color: Orange; */
}
h3
{
    font-size:100%;
}
h4
{
    font-size:90%;
}

INPUT, SELECT, TEXTAREA
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: small;
}

TD, TH
{
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #003871;
	padding: 6px 6px 6px 12px;
	color: #F0F8FF;
}

UL
{
    margin-top: 0px;
    margin-left: 0px;
    padding-left: 1.5em;
    list-style-type: square;
    list-style-position: outside;
}

HR
{
    height: 1px;
}

IMG
{
	border: 0;
}

a
{
    text-decoration: none;
}

a:link
{
    text-decoration: none;
}

a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:active
{
    text-decoration: none;
}

/* End of Standard HTML */


/* Site HTML */
body
{
    font-family: Tahoma, Arial, Helvetica, Verdana, sans-serif;
    padding-top: 0px;
}
a
{
	
    COLOR: #B13E0F;
}

a:link
{
    COLOR: #B13E0F;
}

a:visited
{
    COLOR: #952500;
}
a:hover
{
    COLOR: #B40A0A;
}
a:active
{
    COLOR: #B40A0A;
}
/* End of Site HTML */


/* Site IDs/Classes */
#pgOutline
{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	 /* done to reduce page height; */
	width: 792px;
}

#hdr
{
	background:#004D9B url(images/hdr.background.gif) no-repeat scroll top left;
	height: 119px;
	width: 792px;
	min-width: 792px;
	max-width: 792px;	
	padding-bottom: 0px;
}

#branding
{
	float: left;
	margin: 15px 0px 0px 26px;
	background: Transparent;
	width: 340px;
	height: 106px;
}

#branding h1
{	
	margin-left: -3000px;
}

#hdr #buttons
{
    float:right;
    padding-top: 80px;
    padding-right: 17px;
}

#hdrPrint
{
    display: none;
}
#mainContent
{
	float:left;
	background:#004D9B url(images/mainC.background.gif) repeat-x scroll top left;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#mainImage
{
	background-color: Transparent;
	height: 169px;
	min-width: 792px;
	margin-top: 0px;
	overflow: hidden;
}
#homeImage
{
	background-color: Transparent;
	background: Transparent url(images/home.image.background.png) repeat-x scroll bottom left;
	height: 275px;
	min-width: 792px;
	margin-top: -15px;
	margin-bottom: 15px;
}
#homeSWF
{
	padding-top: 10px;
	padding-left:12px;
}

#homeMain
{
    background: #004D9B url(/images/design/home.tartan.gif) repeat-x scroll bottom left;
}

.homecolumn
{	
   	float: left;
	width: 259px;
	min-width: 259px;
	margin:0;
 	
}
.homecolumn h1
{
	background: Transparent url(images/home.column.btn.gif) no-repeat scroll top left;
	height: 32px;
	margin: 0px 0px 0px 15px;
	padding: 6px 0px 0px 18px;
	color: #003871;
	font-size: 14px;
	font-family: times, serif;
}

#.homecolumn h1 a, .homecolumn h1 a:hover
{
    color: #003871;
    text-decoration: none;
}


.homecolumn ul
{		
	margin: -6px 3px 0px 18px;
	padding: 6px 0px 20px 18px;
	background: #012853 url(images/home.column.background.gif) repeat-x scroll top left;
   	list-style: none;
}
.homecolumn ul li
{
	color: white;
	font-size: 13px;
	line-height: 23px;
	border-bottom: solid 1px #336598;
	width: 205px;
	min-width: 205px;
}
.homecolumn a, .homecolumn a:hover
{
	color: white;
}

#pageText
{
	margin: 0px 0px 0px 6px;   	
	background: white url(images/pageText.background.gif) repeat-x scroll top left;
	float:left;
	line-height: 1.5em;
	text-align:justify;
	width: 520px;
	padding: 10px 10px 10px 10px;
	min-height: 500px;
}

#pageText IMG
{
	margin-top: 10px ;
	margin-bottom: 10px ;
	margin-left: auto;
	margin-right: auto;   	
	text-align: center;
	display: block;
}

#pageText h1
{
	color: #0052A4;
    font-size: 18px;
    font-family: Times New Roman, Times, serif;
    padding-bottom: 10px;
}

#pageText h2
{
	color: #0052A4;
    font-size: 14px;
    padding-bottom: 10px;
}

#pageText p
{
	background-color:Transparent;
	padding: 0px 8px 10px 0px;
}

#pageText ol, #pageText ul
{
    padding-left: 30px;
    margin: 0px;
}

#pageMenu
{
	background-color:Transparent;
	padding-bottom: 6px;
}

#pageMenu,  #pageMenu a, #pageMenu a:hover
{	
	color: #003871;
}

#welcome
{
	background-color:Transparent;
	float:left;
	width: 321px;
	border-right: solid 1px #E2DABA;
	margin: 0px 0px 0px 28px;
	padding: 0px 15px 30px 0px;
}
#welcome h1
{
	color: #B40A0A;
	font-size: 14px;	
}

#welcome p
{
	background-color:Transparent;
	padding: 20px 0px 0px 0px;
}

#welcome a 
{
	color: #B40A0A;
}

#mainText
{
	background-color: #F5F2F0;
	padding: 30px 70px 25px 30px;	
	border-left: solid 1px White;
	border-top: solid 1px White;
	width: 481px;
	max-width: 481px;
}

#mainText h1, #mainText h1 p
{
	font-size: 14px;
	color: #517E9B;	
	margin-right: 74px;
}

#mainText h2, #mainText h2 p
{
	font-size: 9px;	
	color: #517E9B;
	font-style: italic;
	padding-top: 8px; 
}

#mainText p
{
	font-size: 11px;
	color: #535352;
	padding-top: 14px; 
}

#mainText h1 p, #mainText h2 p
{
    margin: 0px;
    padding: 0px;        
}

.clear
{
	clear: both;
}

.sectionArticle
{
	margin-left: 320px;
	min-height: 225px;
	height: 225px;
	margin-bottom: 20px;
}

.sectionArticle img
{
	margin-left: -320px	;
	position: absolute;	
}

.sectionArticle p
{
	
}

.sectionArticle h1
{
    /* Moved to Page Header */
	/* color: #23406A; */
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

.sectionArticle h2
{
    /* Moved to Page Header */
	/* color: #B11A38; */
	text-transform: uppercase;
	font-size: 12px;
	text-align: left;
	margin: 10px 0px 10px 0px
}

#ftr
{
	clear: both;	
	background-color: red;
	text-align:center;	
	padding: 10px 0px 20px 0px;
	background:#003871 url(images/ftr.background.gif) repeat-x scroll top left;
}

#ftr p
{
	padding-top: 6px;
	background-color: Transparent;
	color: White;
}
#ftr p a:link, #ftr p a:hover 
{
	color: #E4E4E4;
}

#ftrMenu
{	
	position: relative; 
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	background-color: Transparent;
	
}
#ftrMenu ul
{
	display:block;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;

}

#ftrMenu ul li
{
	display: inline;
	color: #FFFFFF;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 11px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: normal;
	background-color: Transparent;
	border-left: solid 1px white;

}
#ftrMenu ul li.first
{
	border-left-style: none;			
}

#ftrMenu ul li a, #ftrMenu ul li a:hover
{
    color: #FFFFFF;
}

#homeHeader
{
    text-align: center;
    background-color: White;
    padding-top: 10px;
}

.y2007 
{
	/* color: White; */
	/* background-color: #484848; */
	/* I'm trying to find this */
	color: Lime;
	background-color: Fuchsia;
}

#Application
{
    line-height: normal;
    margin: 0;
}

#Application h2
{
    margin-top: 30px;
    border-bottom: solid 1px #0052A4;
    width: 492px;
}

#Application p
{
    width: 492px;
}

#Application LABEL.required, #Application LABEL.normal
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 2px;
    max-width: 492px;
}

#Application .instructions
{
    color: #999999;
    font-weight: normal;
}

#Application DIV.Item, #Application DIV.ItemLeft
{
    margin: 0;
    margin-bottom: 10px;
}

#Application DIV.Item
{
     clear: both;
}

#Application DIV.ItemLeft
{
    float:left;
    margin-right: 15px;
}


#Application DIV.Under
{
    float:left;
    margin-right: 5px;
    font-size: .7em;
}

#Application HR
{
    width: 492px;
    clear: both;
}

.required
{
    color: Red;
}

#pageText IMG.imgRight
{
	text-align: center;
	display: block;
	margin-top: 0;
	margin-right: 0;
    margin-left: 10px;
    margin-bottom: 20px;
    float: right;
}

#pageText IMG.imgLeft
{
	text-align: center;
	display: block;
	margin-top: 0;
	margin-left: 0;
    margin-right: 10px;
    margin-bottom: 20px;
    float: left;
}
