/*-------------------------------------------------------

	master CSS file for screen media

	FileName: master.css

	Author: Darlene Alu

-------------------------------------------------------*/


/*-----------------------------------------------
	font family group reference
-------------------------------------------------
	'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	Arial, Helvetica, 'Lucida Grande', Lucida, sans-serif;
	"Times New Roman", Times, serif;
	"Courier New", Courier, mono;
	Georgia, "Times New Roman", Times, serif;
	Geneva, Arial, Helvetica, sans-serif;

-----------------------------------------------*/


/*-----------------------------------------------
	import temp styles
-----------------------------------------------*/

@import url("temp.css");

/*---------------------------------------------*/


/*-----------------------------------------------
	accessability stuff
-----------------------------------------------*/

.accessability {
	display:none;
}

.standardsNote {
	display:none;
	speak:none;
}


#accessFooter {
	text-align: left;
	border-bottom:1px dashed #999;
	border-right:1px dashed #999;
	position: absolute;
	top: 0px;
	padding: 2px 5px 0 5px;
	background-color:#fff;
	color: #333;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
}

#accessFooter .small {
	font-size: 9px;
}
#accessFooter .medium {
	font-size: 11px;
}
#accessFooter .large {
	font-size: 14px;
}
#accessFooter .huge {
	font-size: 18px;
}

/*-----------------------------------------------
	basic
-----------------------------------------------*/
div.spacer {
	clear: both;
}

html, body, p {
	background-color: #fff;
	margin: 0;
	padding: 0;
}

html, body, p, h1, h2, h3, h4, h5, h6, td
{
	color: #000;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}



html.red, body.red, p.red, h1.red, h2.red, h3.red, h4.red, h5.red, h6.red { color: #900}

html.grey, body.grey, p.grey, h1.grey, h2.grey, h3.grey, h4.grey, h5.grey, h6.grey { color: #666}


.redLine {
	color: #900;
	display: inline;
}

.greyLine
{
	color: #666;
	display: inline;
}


p
{
	padding-bottom: 20px;
}

h1, h2, h3, h4
{
	color: #06117C;
}

h5, h6
{
	color: #036;
}

h1, h2, h3, h4
{
	font-weight: bold;
	line-height: 120%;
	margin-bottom: 0px;
}

img { border: none; }

a img {
	border-width: 0;
	border-style: none;
	border-color: #fff;
}

address {
	margin: 0 20px 0 0;
}

blockquote {
	margin: 0 20px 0 0;
}

cite
{
	font-style: arial;
    font-weight: normal;
    font-size: 10px; 
}

code {
	margin: 0 20px 0 0;
	font-family: "Courier New", Courier, mono;
}

/*-------------------------------------------------*/
/*	lists                                          */
/*-------------------------------------------------*/
dl { }

dt { font-weight: bold; }

dd { font-weight: normal; }


ol { list-style-position: outside; }

ol.numeric {
	list-style-type: decimal;
	margin-left: 0;
	padding-left: 1em;
}

ol.ABC {
	list-style-type: upper-alpha;
	margin-left: 0;
	padding-left: 1em;
}

ol.abc {
	list-style-type: lower-alpha;
	margin-left: 0;
	padding-left: 1em;
}

ol.III {
	list-style-type: upper-roman;
	margin-left: 0;
	padding-left: 1em;
}

ol.iii {
	list-style-type: lower-roman;
	margin-left: 0;
	padding-left: 1em;
}


ul { list-style-position: outside; }

ul.disc{
	list-style-type: disc;
	margin-left: 0;
	padding-left: 1em;
}

ul.circle {
	list-style-type: circle;
	margin-left: 0;
	padding-left: 1em;
}

ul.square {
	list-style-type: square;
	margin-left: 0;
	padding-left: 1em;
	}

ul.none {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 10px;
	}


li { font-weight: normal; }


/*-------------------------------------------------*/
/*	form elements                                  */
/*-------------------------------------------------*/
.unnamed1 {
	cursor: pointer;
	cursor: crosshair;
	cursor: help;
}

input, textarea, textarea.description, select {
	color: #000;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

input.button {
	color: #fff;
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
}

input, select, textarea, textarea.description {
	border: 1px solid #999999;
	background-color: #eeeeee;
}

input, select {
	margin: 2px 0 2px 0;
}

textarea, textarea.description
{
	margin: 0px 0px 10px 0px;
	margin-bottom: 10px;
}

input.button
{
	background-color: #036;
	padding: 2px 4px 2px 4px;
	cursor: pointer;
}
input.button:focus { background-color: #0FF; }
input.button:active { background-color: #F0F; }

input.radio
{
	border: none;
	padding: 2px 4px 0px 0px;
	cursor: pointer;
}
input.radio:focus { background-color: #0FF; }
input.radio:active { background-color: #F0F; }

textarea:focus, input.radio, textarea.description, input:focus {
	background-color: #ffffff; }



/*-----------------------------------------------
	front page
-----------------------------------------------*/
#front {
	margin:0;
	padding:0;
}

#frontWrap {
	text-align: center;

}

#frontRightColumn {
	position:absolute;
	right: 20px;
}

#frontFooter {
	width: 95%;
	text-align: center;
}

#frontFooterLinks {
	position:absolute;
	bottom: 20px;
	left: 20px;
	border-bottom:1px solid #999;
}

#frontFooterLogo {
	position:absolute;
	bottom: 20px;
	right: 20px;
}

#frontPics {
}

#frontPics img {
	margin: 20px 2px 20px 2px;
	border: 3px solid #999;
}

#frontPoints {
	font-size: 14px;
	line-height: 21px;
}



/*-----------------------------------------------
	content page
-----------------------------------------------*/

div {
	border: none;
}

#header {
	margin: 10px 20px 10px 20px;
	top: 10px;
	color: #000;
	height: 70px;
}

#leftColumn {
	position: absolute;
	left: 0;
	width: 130px;
	margin-left: 20px;
	text-align:right;
	top: 140px;
}

#leftColumnNoContent {
	position: absolute;
	left: 0;
	width: 80px;
	margin-left: 20px;
	text-align:right;
	top: 140px;
}

#leftColumnNarrow {
	position: absolute;
	left: 0;
	width: 20px;
	margin-left: 20px;
	text-align:right;
	top: 140px;
}

#rightColumn {
	position: absolute;
	right: 20px;
	top: 120px;
	width: 153px;
	padding-left: 20px;
	z-index: 3;
}

#rightColumn img {
	margin: 0 0 30px 0;
	border: 3px solid #999;
}

#contentColumn {
	margin: 0px 190px 60px 170px;
}

}

#contentColumnEmptyLeft {
	margin: 0px 190px 60px 100px;
}

#contentColumnNarrowLeft {
	margin: 0px 190px 60px 60px;
}

#contentColumnApplication {
	margin: 0px 20px 100px 170px;
}

#homeContent {
   margin: 180px 0px 0px 0px
}


/* footer ------- */

#footer {
	margin: 10px 20px 10px 20px;
	clear: both;
	text-align: center;
	border-top: 1px solid #999; 
	font-size: 10px;
    font-weight: bold;
	color: #666;

}

#menuLeft {
	border-top: 1px solid #999; 
	margin: 0;
	font-size: 10px;
}


#menuBottom {
	border-bottom: 1px solid #999; 
	margin: 0;
	font-size: 10px;
}

#footer .copy {
	float: left;
	text-align: left;
    font-weight: normal;
	color: #666;
}

#footer .contact {
	float: right;
	text-align: right;
    font-weight: normal;
	color: #666;
}


#footer .small {
	font-size: 9px;
}
#footer .medium {
	font-size: 11px;
}
#footer .large {
	font-size: 14px;
}
#footer .huge {
	font-size: 18px;
}

#rule {
	margin-right:40px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
}

#formSectionStart
{
	border-left: 1px solid #036;
	border-right: 1px solid #036;
	border-top: 1px solid #036;
	margin-bottom: 20px;
}

#formSection
{
	border-right: 1px solid #036;
	border-left: 1px solid #036;
	margin-bottom: 20px;
}

#formSection h5
{
	margin-top: 0;
	margin-bottom: 0;
	line-height: 100%;
	border-top: 1px solid #036;
	border-bottom: 1px solid #036;
	background-color: #CCC;
	color: #036;
	padding: 3pt;
}

#endFormSection
{
	border-bottom: 1px solid #036;
}

#formSection p, #formSectionStart p
{
	padding: 10px;
}

#divider {
	border-bottom: 1px solid #036;
	padding-bottom: 10px;
}

#rule2 {
	margin-right:20px;
	margin-left: 20px;
	border-top: 1px dashed #999;
	margin-bottom: 5px;
}

.submitButtonsClean {
	margin-right:20px;
	margin-left: 20px;
	border-top: 1px dashed #999;
	text-align: center;
	padding-top: 10px;
}

.submitButtonsCleanNoRule {
	margin-right:20px;
	margin-left: 20px;
	text-align: center;
}

.submitButtons {
	text-align: right;
	border: 1px solid #036;
	background-color: #CCC;
	padding: 3px 10px 3px 0;
}

#formSection dl
{
	margin-top: 0;
}

#formSection dt {
	font-weight: normal;
	margin-left: 0;
	padding-left: 2em;
	padding-bottom: 20px;
}

#formSection dd {
	font-weight: normal;
	margin-left: 0;
	padding-left: 3em;
}



#bulletsWhy li
{
	color: #036;
	font-weight: bold;
}

#bulletsWhy ul
{
	margin-bottom: 20px;
	margin-top: 0;
}

.blue
{
	color: #06117C;
}


