/* __ BODY STYLE ______________________________ */
BODY {
	background: #fff;
	margin: 0;
	color: #000;
	background-color: #FFFFFF;
}

/* __ LAYOUT STYLES ______________________________ */
DIV#logoBar {
	position: absolute;
	top: 0;
	width: 100%;
	height: 99px;
	text-align: center;
}
DIV#main {
	position: absolute;
	top: 100px;
	width: 100%;
	text-align: center;
}
DIV#content {	
	width: 710px;
	vertical-align: top;
	padding-bottom: 10px;
	text-align: center;
	background: #fff;
}
DIV#topStripe, DIV#bottomStripe {
	clear: both;
	width: 100%;
	height: 25px;
	background: #1a4395;
}
DIV#bottomNav {
	color: #666;
	padding: 5px;
	text-align: center;
}

/* __ LINK STYLES ______________________________ */
A, A:VISITED { color: #339; text-decoration: none; }
A:HOVER, A:VISITED:HOVER { color: #999;  text-decoration: underline; }

A.bottomNav, A.bottomNav:VISITED {
	font: bold 10px Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.bottomNav:HOVER, A.bottomNav:VISITED:HOVER { color: #B8A832; text-decoration: none; }

DIV.homeLinkImage {
	width: 350px;
	cursor: pointer;
}
DIV.homeLink, DIV.homeDot {
	border: 1px solid #1a4395;
	text-align: center;
	padding:3px 0;
	width: 348px;
	cursor: pointer;
}
DIV.homeDot {
	border-top: 0;
}
A DIV.homeLink, A:VISITED DIV.homeLink {
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #1a4395;
	text-decoration: none;
}
A:HOVER DIV.homeLink, A:VISITED:HOVER DIV.homeLink {
	color: #1a4395;
	background: #fff;
	text-decoration: none;
}
A:HOVER DIV.homeDot {
	background: #1a4395;
}
DIV.aboutLink, DIV.exampleLink {
	border: 1px solid #1a4395;
	text-align: center;
	padding:3px 0;
	cursor: pointer;
}

DIV.aboutLink   { width: 350px; 
	padding:3px 0;
	font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;}
	
DIV.exampleLink { width: 160px; 
	padding:2px 0;
	font: normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
 
A DIV.aboutLink, A:VISITED DIV.aboutLink,
A DIV.exampleLink, A:VISITED DIV.exampleLink {
	color: #1a4395;
	background: #fff;
	text-decoration: none;
}
A:HOVER DIV.aboutLink, A:VISITED:HOVER DIV.aboutLink,
A:HOVER DIV.exampleLink, A:VISITED:HOVER DIV.exampleLink {
	color: #fff;
	background: #1a4395;
	text-decoration: none;
}


/* __ CONTENT STYLES ______________________________ */
DIV, SPAN, TD, P { 
	font: normal 12px Arial, Helvetica, sans-serif;
}
P { 
	text-align: justify; 
}
h1, h2, h3, h4, h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: 600;
	color: #339;
	margin: 0;
}
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }

TD.homeText {
	background: #fff url(/img/home-text.jpg) no-repeat top right;
	border: 1px solid #1a4395;
	padding: 5px 240px 5px 8px;
}
TD.homeText P {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: left;
}
TABLE.form {
	text-align: center;
	width: 400px;
}
TABLE.form TD {
	text-align: left;
	vertical-align: top;
	width: 200px;
}

h1.HeaderBar {
	font: bold 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #1a4395;
	border: 1px solid #1a4395;
	text-align: center;
	padding:3px 0;
}
DIV.contentBox {
	border: 1px solid #1a4395;
	padding:8px 0;
	width:710px;
	margin: 10px 0;
}

/* __ SPOT NAV STYLES ______________________________ */
.spotNav, .spotNav A{
	width: 340px;
	cursor: pointer;
	display: block;
	margin-top:4px;
}
.spotNav A, .spotNav A:HOVER, .spotNav A:VISITED, .spotNav A:VISITED:HOVER{
	text-decoration: none;
}
#redHead, #yellowHead, #orangeHead, #blueHead, #purpleHead, #greenHead { 
	text-align: center;
	padding:2px;
}
#redBody, #yellowBody, #orangeBody, #blueBody, #purpleBody, #greenBody { padding:4px; }

.HeadText {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #fff; 
}
.BodyText {
	color: #000;
	text-align: justify;
}

.redBodyOff, .yellowBodyOff, .orangeBodyOff, .blueBodyOff, 
.purpleBodyOff, .greenBodyOoff { background: #fff; }

.redHeadOn  { background: #c71a1a; }
.redHeadOff { background: #951a1a; }
.redBodyOn  { border: 1px solid #c71a1a; background: #ccc;}
.redBodyOff { border: 1px solid #951a1a; }

.yellowHeadOn  { background: #d6ac1c; }
.yellowHeadOff { background: #9c7e14; }
.yellowBodyOn  { border: 1px solid #d6ac1c; background: #ccc;}
.yellowBodyOff { border: 1px solid #9c7e14; }

.orangeHeadOn  { background: #cf6c1b; }
.orangeHeadOff { background: #9c5114; }
.orangeBodyOn  { border: 1px solid #cf6c1b; background: #ccc;}
.orangeBodyOff { border: 1px solid #9c5114; }

.blueHeadOn  { background: #22b9c7; }
.blueHeadOff { background: #1a8b95; }
.blueBodyOn  { border: 1px solid #22b9c7; background: #ccc;}
.blueBodyOff { border: 1px solid #1a8b95; }

.purpleHeadOn  { background: #6f26d2; }
.purpleHeadOff { background: #4e1a95; }
.purpleBodyOn  { border: 1px solid #6f26d2; background: #ccc;}
.purpleBodyOff { border: 1px solid #4e1a95; }

.greenHeadOn  { background: #22b522; }
.greenHeadOff { background: #167916; }
.greenBodyOn  { border: 1px solid #22b522; background: #ccc;}
.greenBodyOff { border: 1px solid #167916; }

.button {
	cursor: pointer;
	padding: 1px;
	text-align: center;
}
.button A, .button A:HOVER, .button A:VISITED, .button A:VISITED:HOVER{
	font: bold 11px Verdana, Geneva, sans-serif;
	color: #fff; 
	text-decoration: none;
}

/* __ FORM DESIGN STYLES ______________________________ */
INPUT, SELECT, TEXTAREA {
	background-color: #eef;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003;
}
INPUT, SELECT 		{ height: 16px; }

LABEL{
	font-weight:bold;
	color:#225; 
	padding: 2px 10px 0 0;
}p1 {

	text-align: center;
}
p2 {
	text-align: center;
	top: auto;
}
