/* CSS Document */

html, body {
height: 100%; scrollbar-3d-light-color:#660066; scrollbar-arrow-color:#333333; scrollbar-base-color:#ffffff; scrollbar-dark-shadow-color:#f7f7f7; scrollbar-face-color:#EAEFF4; scrollbar-highlight-color:#ffffff; scrollbar-shadow-color:#f7f7f7; scrollbar-track-color:#ffffff; background-image:url(images/mcs-bg.gif); background-repeat:repeat-x; margin:0; padding:0; line-height: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#626262}

html>body #body { 
height: auto;}


#body {
position: relative; width:1002px;  margin: 0 auto; padding: 0 0 0 0; position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}

#Spacing {
float:left; width:620px; padding:0 0 20px 10px;}


a, a:visited {
	font-family:Verdana; font-size:11px; text-decoration: none; color: #619DEE;}

a:hover {
	color:#626262; text-decoration: none;}
	
#Footer a {
	font-size:9px; text-decoration: none; color:#626262}

#Footer a:hover {
	color:#619DEE; text-decoration: none;}

#Copyright a {
	font-size:9px; text-decoration: none; color:#619DEE}

#Copyright a:hover {
	color:#626262; text-decoration: none;}
	
#TopSpacing {
height:55px; overflow:hidden}	

#MainNav {
height:57px; float:left; overflow:hidden}

#TopBar { 
float:left; height:240px; width:1000px}

.column-logo {
float:left; MARGIN-BOTTOM: 0em; width:267px}

.columns-flash {
float:left; width:462px;}

.columns-rose {
float:right;}

#Content {
float:left;}

.column-subNav {
float:left; MARGIN-BOTTOM: 0em; width:239px; padding-left:28px;}

.column-mainContent {
float:left; width:727px; background-color:#FFF;}

.mainContent {
float:left; width:600px; padding:0 0 100px 29px;}

.ContentDivideA {
float:left; width:300px;}

.ContentDivideB {
float:left; width:300px;}

.ContentDivideC {
float:left; width:235px;}

.ContentDivideD {
float:left; width:365px;}

.ContentDivideE {
float:left; width:150px;}

.ContentSpace {
float:left; width:600px; height:40px}

#Statements {
float:left; }

.column-leftSpace {
float:left; MARGIN-BOTTOM: 0em; width:239px; padding-left:28px;}

.column-mainStatements {
float:left; width:727px;}


#Footer {
float:left; }

.column-footerNav {
float:left; MARGIN-BOTTOM: 0em; width:417px; padding: 11px 0px 0px 25px; font-size:9px}

#Copyright {
float:right;}

.column-Copyright {
text-align:right; MARGIN-BOTTOM: 0em; width:260px; padding: 11px 25px 3px 0px; font-size:9px}

.smlBluTxt { 
font-size:9px; color:#619DEE}

/*LI {
list-style: square; }*/


.cssform p{

clear: left;
margin: 0;
padding: 2px 0 2px 0;
padding-left: 200px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
float: left;
margin-left: -200px; /*width of left column*/
width: 195px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform textarea{
width: 300px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}