/*body and main elements*/
body {
	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;
	background: #ffffff url(../images/newSite2.gif) no-repeat fixed center top;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
}
#maincontainer {width:902px;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -4em auto; /* the bottom margin is the negative value of the footer's height */
	text-align:left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
    border: 1px #aab7b5 solid;
}
#topbar{width:auto;height:5px;
          background-color: #111d5b;
          margin:0;}
#header {height:102px;
          width:902px;
          background-image: url(../images/header.jpg);text-align: center;
}
#textbox {margin:5px; padding:5px;position:relative;
}
#footer { float:left;
	width:902px;
	text-align:center;
	background: url(../images/footer.gif);
height:40px; 
} 
#footer p {
font-size:75%;
font-variant:small-caps;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}

/* left, right and main content areas */
#rightcontent {
          border: 1px #9d9d8b dotted;width:25%;padding:5px;float:right;font-size:80%; margin: 0px 3px 0px 0px;
}
.rightpic {
          border: 1px #9d9d8b dotted;padding:5px;float:right;font-size:80%; margin: 0px 3px 0px 0px;
}
.righthead {
          background-image: url(../images/footer.gif);margin-top:0px;padding:0px;text-align:center;
          font-variant: small-caps;font-size:120%;}
#leftcontent {width:70%;padding:5px;float:left;}
#leftcontent p {
	text-align:left;
    background-color:#ffffff;}
#leftcontent h3 {
	text-align:center;}
#leftcontent p.center {
	text-align:center;}
#maincontent {padding:5px;clear:both;}
#maincontent_flash {display:block; margin:5px;}
#maincontent_subpage { 
	margin: 0 190px 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#maincontent_subpage2 { /*exception for gathering pages */
	margin: 0 0 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.leftad{
    border: 1px #b8c6de solid;
	text-align:center;
	width:620px;
    float: left;
    background-color:#ffffff; }
.lefttext H2{text-align:left;font-size:100%;
          letter-spacing: +.05em;
          }
/*text and link settings*/
p {
	font-size: 90%;
}
ul { font-size: 90%;}
ol { font-size: 90%;}
div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif;
          font-size: .8em;
          font-weight: bold;
          background-color: #ffffff;
          border-top: none;
          border-bottom: none;
          font-weight: bold;
          width: 175px;
		  float:left;
		  margin-top: 20px;
}
#navbar ul li a:link, #navbar ul li a:visited {color: #ffffff;
          background-color: #515f94;
          text-decoration: none;
          display: block;
          border-top: solid #111d5b 1px;
          border-left: solid #999999 1px;
          border-bottom: solid #7386b9 1px;
          border-right: solid #999999 1px;
          padding-top: 3px;
          padding-left: 10px;
          padding-bottom: 3px;
}
#navbar ul li a:hover, #navbar ul li a.current {background-color: #7386b9;
          text-decoration: none;
          border-top: solid #4d5f97 1px;
          border-bottom: solid #aab7b5 1px;
}
#navbar ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: block;
}
#navbar ul {
margin: 0px;
padding: 0px;
}
div#navbar2 {font-family: Verdana, Helvetica, Arial, sans-serif;
          font-size: .8em;
          font-weight: bold;
          background-color: #ffffff;
          border-top: none;
          border-bottom: none;
          font-weight: bold;
          width: 175px;
		  float:right;
		  margin-top: 20px;
		  margin-right: 20px;
}
#navbar2 ul li a:link, #navbar2 ul li a:visited {color: #ffffff;
          background-color: #515f94;
          text-decoration: none;
          display: block;
          border-top: solid #111d5b 1px;
          border-left: solid #999999 1px;
          border-bottom: solid #7386b9 1px;
          border-right: solid #999999 1px;
          padding-top: 3px;
          padding-left: 10px;
          padding-bottom: 3px;
}
#navbar2 ul li a:hover, #navbar2 ul li a.current {background-color: #7386b9;
          text-decoration: none;
          border-top: solid #4d5f97 1px;
          border-bottom: solid #aab7b5 1px;
}
#navbar2 ul li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: block;
}
#navbar2 ul {
margin: 0px;
padding: 0px;
}
a:link {
          text-decoration: none;
          color: #313669;
          
}
a:visited {text-decoration: none;
          color: #313669;}
a:hover {text-decoration: none;background-color: #9c9cb8;}
a:active {}
.rightnav {
          border: solid;
}
/* breadCrumb elements */
#breadcrumbs{
	padding: 5px 0px 5px 10px;
	font: bold x-small Verdana,sans-serif;
background-color: #fafeeb;
	color: #515f94;
border-bottom: #81848f double;
}

#breadcrumbs a:link {
	         color: #444444;
          text-decoration:none;}

#breadcrumbs a:visited{
          color: #444444;
          text-decoration:none;
}

#breadcrumbs a:hover{
	          background-color: #d5d452;
	          text-decoration: underline;
}
/*SearchBox*/
#searchbox {padding:5px 10px 5px 0px; font: bold x-small Verdana, Arial, Helvetica, sans-serif; color:#003333; float:right;}
/*end SearchBox*/
/*Navigation*/
#mainnav {z-index: 300; /*padding-top: 1px;*/ background-color: #4c5f95; height:34px;/* position:relative;*/
}
.ddmMain {background-color:#4c5f95;}

.ddm1 {
    font-family:Tahoma, Geneva, sans-serif;
    font-size:90%;
    text-transform: uppercase;
    background-color: #4c5f95;
    letter-spacing: +.15em;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	padding: 4px 6px 4px 8px;
	border-right: 2px #003366 solid;
	text-decoration: none;
	display: block;
	position: relative;
}
.ddm1 .item1 {
	background: #4c5f95;
	color: #ffffff;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
	background: #4c5f95;
	color: #ffffff;

}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    text-transform: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #7386b9;
    color: #ffffff;
border-bottom: 1px #003366 solid;

}
.ddm1 .item2:hover {
    background: #4c5f95;
    color: #ffffff;
}
.ddm1 .section {
    filter: alpha (opacity=90%);
	-moz-opacity:.9;
	opacity:.9;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}
.ddm1 .left, .ddm1 .left:hover { 
          border-right: 3px #003366 solid;
}
.ddm1 .right, .ddm1 .right:hover { border-right: none; }

/* * html .ddm1 td { position: relative; } /* ie 5.0 fix */
.buttonscontainer {width: 175px;
color:#FFFFFF;
margin-top:20px;
     border-top: 5px #e3970a solid;
     border-bottom: 5px #aab7b5 solid;
	 float:left;
	 display: inline;}

.buttons a {color: #FFFFFF;
     background-color: #4d5f97;
     padding: 2px;
     padding-left: 10px;
     display: block;
     border-top: 1px #151d2b solid;
     border-bottom: 1px #7386b9 solid;
     text-decoration: none;
     text-align: left;
     font: bold .8em Verdana, Helvetica, Arial, sans-serif;
}

.buttons a:hover {
text-decoration: none;
color: #FFFFFF;
          background-color: #7386b9;
}

a.current {text-decoration: none;
color: #FFFFFF;
          background-color: #7386b9;
}
