body  {
	font:  0.7em Verdana, Arial, Helvetica, sans-serif;
	background: #00a4e4;
	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: #000000;
	background-image:url(../img/mainbackground.jpg);
}

h1 {
  font-size: 1.2em;
}

h2 {
  font-size: 1.0em;
}

h3 {
  font-size: 0.9em;
}
.twoColFixRtHdr #ubercontainer { 
	width: 760px;  
	margin: 30px auto; 
	text-align: left; 
} 
.twoColFixRtHdr #uberinnercontainer { 
	width: 760px;
	background-image:url(../img/rightdropshadow2.png);
	background-repeat:repeat-y;
	background-position:745px 0;	
} 

#rightdropshadow {
  float:right;
  width:15px;
}

#container { 
  width: 745px;  
  background: #FFFFFF;
  margin: 0 15px 0 0; 		
} 

.twoColFixRtHdr #header { 
	background: #FFFFff; 
	padding: 15px 15px 15px 15px; 
	height: 87px;
} 

#menu {
  background-color:#3366FF;
  margin: 0px 30px 10px 15px;
  width:715px;  
  height: 35px;
  background-image:url(../img/backgroundmenu.png);
}

#submenu {
  margin: 0px 30px 10px 15px;
  width:695px;  
  background-image:url(../img/backgroundrighttop.png);
  height:24px;
  padding: 10px 0 0 20px;
}

.twoColFixRtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.twoColFixRtHdr #sidebar1{
	float: right; 
	width: 257px; 
	background: #ffffff; 
	padding: 0 0 0 0;
	margin-top: 0px;
	margin-right:15px;
}
.twoColFixRtHdr #mainContent { 
	margin: 0 285px 0 15px; 
	padding: 15px 20px; 
	background-color: #717174;
	background-repeat:repeat-x;
	background-image:url(../img/backgroundgraymaincontent.png);	
	color:#FFFFFF;
	min-height: 320px;
	height:auto !important;
    height:320px;
}

.twoColFixRtHdr #mainContent.home {
  min-height: 365px;
  height:auto !important;
  height:365px

}

#mainContent a:link, a:visited, a:active, #submenu a:link, a:visited, a:active{
  text-decoration: none;
  color: #00a4e4;
  font-weight: bold;  
}

#mainContent a:hover, #submenu a:hover{
  color: #00a4e4;
  text-decoration: underline;
}


#sidebarheader {
  background-image:url(../img/backgroundrighttop.png);
  height:34px;
  margin: 0 0 10px 0;
  padding: 10px 0 0 15px;
 
}

#sidebarcontent {
  margin: 0px 0 0 0;
  background-color:#e3e3e3;
  padding: 10px 16px 10px 16px;
  min-height: 330px;
  height:auto !important;
  height:330px;
}

#sidebarcontent.home {
  min-height: 280px;
  height:auto !important;
  height:280px;
}

#sidebarcontent li{
  margin: 0 0 0px -20px;  
}

#sidebarcontent .date {
  color:#58595a;
}

#sidebarcontent a:link, a:visited, a:active{
  text-decoration: none;
  color: #00a4e4;
  font-weight: bold;  
}

#sidebarcontent a:hover{
  color: #00a4e4;
  text-decoration: underline;
}

#sidebarcontent img {
 margin:  10px 0 0 -16px;
 border:0 solid;
}

#sidebarcontent img.first {
  margin:  -10px 0 0 -16px;
  border:0 solid;
  padding:0;
}

#sidebarcontent img.last {
  margin: 10px 0 -28px -16px;
  border:0 solid;
  padding:0;
}


.twoColFixRtHdr #footercontainer { 
	padding: 10px 15px 10px 15px; 
	background:#ffffff; 
} 
.twoColFixRtHdr #footercontainer p {
	margin: 0;
	padding: 10px 0;
}

#dropshadowfooter {
  background-image:url(../img/bottomdropshadow.png);
  background-repeat:no-repeat;
  height:15px;
  width:15px;
  margin: 0 0 0 0;
  padding: 0 0 0 745px;
}

#dropshadowfooterright {
  height:15px;
  width:15px;
  background-image:url(../img/rightbottomdropshadow.png);
}
#footer {
  height:25px;
  background-image:url(../img/backgroundfooter.png);
  padding: 10px 0 0 15px;
}

#footer, #footer a {
  color:#ffffff;
  text-decoration: none;
}

#footer a:hover {
  color:#ffffff;
  text-decoration: underline;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#menu img {
 margin: 11px 0 0 15px;
 border: 0px;
}


#menu div {
  background-image: url(../img/menu/backgrounddotmenu.png);
  background-repeat:no-repeat;
  background-position: 0px 13px;
  margin: 0px 40px 0 10px;
  padding: 0 0 0 0;
  float:left;  
}

#menu div.selected, div.hover {
  background-image:url(../img/menu/backgrounddotactivemenu.png)
 }