/* Start of CMSMS style sheet 'main' */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e7f3fb;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#666666;
}
#container {
	width: 977px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 20px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background: #DDDDDD; 
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

#home_right {
	float: right;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	background-image:url(images/home_background.jpg);
	height: 624px;
}
#footer {
	padding: 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	color:#3366FF;
	text-align: center;
	font-size:12px;
	clear:both;
	width:937px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#home_left {
float: left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#646464;
width: 430px;
padding: 20px 40px 0px 40px; 
line-height: 20px;
}

h2 {
font-weight:200;
color:00649b;
padding:15px 0 0;

}

#right_column {
float: right;
width:743px;
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
}

#right_column p{
padding: 0px 30px 0px 0px;
}

#right_column li{
padding: 0px 30px 0px 0px;
}

#left_column {
float:left;

}

#menu_vert {
margin: -10px 0px 0px -25px;
width:230px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
}


/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   spadding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 1px solid #c0c0c0;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }
/** end fix **/

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding: 0.8em 0.5em 0.8em 1.5em; /* some air for it */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   color: 000;
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   spadding: 0.5em 0.5em 0.5em 2.8em;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   spadding: 0.3em 0.5em 0.3em 4.3em;
}

/* hover state for all links */
div#menu_vert a:hover {
   background-color: #cccccc;
}
div#menu_vert a.activeparent:hover {
   background-color: #528dc3;
   color: #18507C;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   background-color: #528dc3;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #b39a33;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   background-color: #528dc3;
   display: block; 
   color: #fff;                                 /* this will be link color for all levels */
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
padding:0.8em 0.5em 0.8em 1.5em;
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   background-color: transparent;
   border-bottom: none;
   color: #000;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
}

a {
color:#3f72a0;
}
/* End of 'main' */

