/* CSS Document */

/* General Styles
//////////////////////////////////////////////////////////////*/

body{
margin:0;
padding:0;
padding-top:10px;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
background-color:#FFFFFF;
color:#000066;
}

b  {font-size: 110%;}
p  {text-align:justify;}

h1 {font-size:18px; text-align:left; line-height:24px; margin:0; font-weight:normal;}
h2 {font-size:15px;}
h3 {font-size:13px;}
h4 {font-size:11px;}

form 	 {margin:0px;}
textarea {width:300px;height:80px;}
table	 {border-collapse:collapse; font-size:11px;}
td	  	 {vertical-align:top;}

a:link		{color: #007946;text-decoration:none;border-bottom: 1px dotted #003366;}
a:visited	{color: #007946;text-decoration:none;border-bottom: 1px dotted #003366;}
a:hover		{color: #0099ff;text-decoration:none;border-bottom: 1px dotted #6C98EE; border-color: #039;}
a:active	{color: #0099ff;text-decoration:none;border-bottom: 1px dotted #6C98EE; border-color: #039;}

a#mattLink:link		{text-decoration:none;border-bottom: 0px dotted #003366; align:right;}
a#mattLink:visited	{text-decoration:none;border-bottom: 0px dotted #003366; align:right;}
a#mattLink:hover	{text-decoration:none;border-bottom: 0px dotted #6C98EE; align:right;}
a#mattLink:active	{text-decoration:none;border-bottom: 0px dotted #6C98EE; align:right;}

h1#text			{font-size:11px; font-weight:normal;}
h1#title		{margin-top:10px; color:#000066;}

/* Structural Framework
//////////////////////////////////////////////////////////////*/

#maincontainer{
width: 775px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border-style:solid;
border-width:1px;
border-color:#999999;
background-color:#FFFFFF;
}

#topsection{
height: 117px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{width: 100%;}

#contentcolumn{
margin-left: 140px; /*Set left margin to LeftColumnWidth*/
margin-right: 173px; /*Set right margin to RightColumnWidth*/
text-align:left;
}

#contentcolumnHome{
margin-left: 140px; /*Set left margin to LeftColumnWidth*/
margin-right: 167px; /*Set right margin to RightColumnWidth*/
text-align:left;
background-image:url(/images/arrowBckgrnd.png);
background-repeat:no-repeat;
background-position: 222px 270px;
}

#leftcolumn{
float: left;
width: 140px; /*Width of left column*/
margin-right: -140px; /*Set left margin to -(LeftColumnWidth) */
text-align:left;
}

#rightcolumn{
float: right;
width: 167px; /*Width of right column*/
margin-left: -167px; /*Set right margin to -(RightColumnWidth) */
text-align:left;
}

#footer{
clear: left;
width: 100%;
color: #666666;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #000000;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.righHandTube{
margin: 9px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left:0;
}

#legalBox {width:775px; text-align:right;margin: 0 auto; color:#999999; font-size:10px; font-family:Arial, Helvetica, sans-serif; line-height:normal; padding:2px;}
#legalBox a {color:#666666; text-decoration:none;}

/* Unique Site Styles
//////////////////////////////////////////////////////////////*/


/* homepage boxes */
#imgBoxLeft  {float:left; margin-top:10px;}
#imgBoxRight {float:right; margin-top:10px;}

.squashed	 {padding:0;}
.squashed td {padding:0; padding-bottom:13px;}

.noPadding	  {padding:0; margin-right:12px;}
.noPadding td {padding:0;}

#blockLeft	 {padding-top:10px; padding-right:8px;}
#blockRight	 {padding-top:10px}

#introBox	 {text-align:left;color:#1A5180;font-weight:bold;font-size:10px; margin:0; margin-right:100px; padding:0; padding-top:20px;}

#listBox	 {background-color:#324F92;padding:15px;color:#FFFFFF; margin-top:0;}
#listBoxGreen{background-color:#007946;padding:12px; padding-top:1px; color:#FFFFFF; font-size:18px; text-align:left; font-weight:bold; line-height:24px; margin-top:0; margin-left:15px;}
#listBoxGreen table {font-size:18px; font-weight:bold; vertical-align:top; color:#FFFFFF;}
#listBoxGreen td    {padding:2px;}

/* site wide */
#optionBox	 {border: 1px solid #cccccc; padding:8px;}
#optionBox p {text-align:left; margin-top:4px; margin-bottom:4px;}
#arrowRight  {text-align:right; margin-top:4px;}

div.line  {height:1px;line-height:1px;border-top:solid 2px #CAD1E3;border-bottom:solid 1px #fff;margin:0;padding:0;width:100%;margin-bottom:10px;}
div.blank {height:1px;line-height:1px;border-top:solid 2px #FFFFFF;border-bottom:solid 1px #fff;margin:0;padding:0;width:100%;margin-bottom:10px;}

p#note	  {text-align:left;color:#1A5180;font-weight:bold;font-size:10px;}

b.tip {font-size:11px; text-align:left; line-height:12px; margin:0; color: #999999; font-weight: bold;}

#floatRight	 	{float:right;}
#floatRightPad	{float:right;padding:10px;padding-right:0;padding-top:4px;display:inline;}

#floatLeft	 	{float:left;}
#floatLeftPad	{float:left;padding:10px;padding-left:0;padding-top:1px;display:inline;}

#floatCenter	{float:center;}
#floatCenterPad	{float:center;padding:10px;padding-left:180px;padding-top:1px;display:inline;}

#imageLeft	 {padding-right:0;}
#imageRight	 {padding-left:38px; }
#imageCenter {text-align:center; padding-top:25px;}

.captionLeft  {color:#999999;font-size:10px;text-align:left;}
.captionRight {color:#999999;font-size:10px;text-align:right;}


.longList	 {list-style-type:disc;}
.longList li {line-height:200%;}
.longList2 {line-height:150%; text-align:justify;}

/* Navigation Menu
//////////////////////////////////////////////////////////////*/

.navMenu{
list-style-type: none;
margin:0;
padding:0;
width: 120px;
border: 0px solid #9A9A9A;
}

.navMenu li a{
background: white url(/images/arrowOut.png) no-repeat 2px center;
font: bold 11px Verdana, Helvetica, sans-serif;
color:#000099;
display: block;
width: auto;
padding: 2px 0;
padding-left: 20px;
margin-top:15px; /* Height of Menu Item */
text-decoration: none;
border-bottom: 0px solid #FFFFFF;

}

* html .navMenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 120px;
border-bottom: 0px solid #FFFFFF;
}

.navMenu li a:visited, .navMenu li a:active{
color:#000099;
border-bottom: 0px solid #FFFFFF;
}

.navMenu li a:hover{
color:#006600;
background-color: #ffffff;
background-image:url(/images/arrowOver.png); /*onMouseover image change.*/
border-bottom: 0px solid #FFFFFF;
}


/* Table Form
//////////////////////////////////////////////////////////////*/
 #contact table, #tabular table {
 background-color: #F9FBFD;
 color: #000000;
 width: 440px;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
} 

#contact td, #tabular td {
 border: 1px solid #D7E5F2;
 padding:5px;
}

/* Contact Us Form
//////////////////////////////////////////////////////////////*/

.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 120px;
}

.fieldcell {
 background-color: #F2F7FB;
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
}

.fieldcell input, .fieldcell textarea {
 width: 300px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #102132;
 margin-right: 0px;
 padding:2px;
}

.button {padding:2px; font-weight:bold; color:#3399CC; width:170px;}

#alert {border-width:1px; border-style:solid; border-color:#990000; text-align:center; padding:10px; background-color:#FFFFCC; margin-top:10px;}






