@charset "utf-8";


.help a:link span{display: none;}
.help a:visited span{display: none;}
.help a:hover span {
  
  position:absolute;
  top: 0em;
  left: 0em;
  width:220px;
  background-color:#ffffcc;
  margin:236px 195px;
  padding:20px 10px 20px 10px;
  border: solid 1px;
  border-color:#359a3c;
  font: normal 10px/12px verdana;
  text-align:justify;
  color: #000000;
  text-decoration:none;
  display: block;}


  .img-shadow  {
float : left;
background : url(/images/shadowAlpha.png) no-repeat bottom right !important ;
background : url(/images/shadow.gif) no-repeat bottom right;
margin : 10px 0 0 10px !important ;
margin : 10px 0 0 5px;
}
.img-shadow img {
display : block;
position : relative;
background-color : #fff;
border : 1px solid #a9a9a9;
margin : -6px 6px 6px -6px;
padding : 4px;
}
.shadow-box {
margin-left : auto;
margin-right : auto;
width : 120px;
}
.rsg2-clr {
clear : both;
line-height : 0;
} 




td	{ 
font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:bottom
}

.bold {font-weight:bold;text-align:left;vertical-align:bottom}


h1 {
		 
		font-size: 140%; 
		/*text-shadow: 0.2em 0.2em 0.1em #CCC;*/
	}

h2 {
		 
		font-size: 130%; 
		/*text-shadow: 0.2em 0.2em 0.1em #CCC;*/
	}


a:link {
	color: #0D3546;
	font-weight:bold;
	text-decoration: none;
}
a:visited {
	color: #0D3546;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	
}
a:active {
	color: #000000;
	font-weight:bold;
	text-decoration: none;
}



body  {
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0 auto; /* 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;
}
#container { 
	
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll
 bar */
	/*min-height:800px;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
		border: 0px solid #000000;
	text-align: center; /* this overrides the text-align: center on the body element. */
} 
 
#navigation {
	height: 70px;
	max-height: 700px;
	padding-top: 10px;
	width: 780px;
	float:left;
	border:0px;
	
	}

#navigation li {
	border:0px solid #f0f0f0;
	float:left;
	list-style: none;
	color: #000;
	margin: 0px 10px;
	width: 95px;
	height: 70px;
	text-align: center;
	font-weight:normal;
	}

#navigation li a {
	display: block;
	border:0px;
	color: navy;
	}


#navigation a:hover {
	float:left;
	border:1px solid #e0e0e0;
	text-decoration: none;
	width: 95px;
	height: 60px;
	text-align: center;
	padding: 0px;
	margin: -1px -1px;
	background: url("/Navigation_buttonbg.gif");
	background-color: transparent;
	color: #000;
	font-weight:bold
	}

#navigation a:active {
	float: left;
	border:1px solid #fff;
	text-decoration: none;
	color: #000;
	width: 95px;
	height: 60px;
	text-align: center;
	padding: 0px;
	margin: 0px 0px;
	}


#sidebar1 {
	float: left; 
	width: 145px; 
	border-style:solid;
	border-width:0px;	 
	padding: 5px 5px 5px 5px;
}
#mainContent {
	border:1px solid #efefef;
	width:790px; 
	min-height:500px;
	text-align:center;
	margin-left:0px;
	margin-top:10px;
	float:left;
	padding-left: 5px;
	padding-right: 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 


.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:0px;
    font-size: 1px;
    line-height: 0px;
}
















ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px;
	cursor: default;
	width: 135px;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 135px;
	background-color: transparent;
}



/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

ul.MenuBarVertical
{
	border: 0px;
}
ul.MenuBarVertical ul
{
	border: 0px;
}
ul.MenuBarVertical a
{
	display: block;
	width:135px;
	cursor: pointer;
	padding: 0.2em 0.2em;
	color:navy;
	font-weight:bold;
	text-decoration: none;
}
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{	
	background: url("/Navigation_buttonbgV.gif");
	   border:1px solid #e0e0e0;
	   margin: -1px -1px;
	background-color: transparent;
	width:135px;
	   color: #000;
	font-weight:bold
	
	}




body {
/*background:#fff url("rocks_left.jpg") no-repeat right bottom;*/
width:1000px;
background-attachment:fixed;
margin:0 auto;
padding:0;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
body {background-attachment:scroll;}

/* End IE5-Mac hack */

a:link {
color:#336688;
text-decoration:none;
}
a:visited {
color:#764;
text-decoration:none;
}
a:hover {
color:#993333;
text-decoration:underline;
}
a img {
border-width:0px;
}/* Page Structure
----------------------------------------------- */
#wrap {
/*background:url("sky_left.jpg") repeat-x;*/
min-width:740px;
margin:0;
padding:0;
text-align:center;
font-size:14px;
}

#wrap2 {
/*background:url("lighthouse_left.jpg") no-repeat left  0px;*/
background:url("/house.gif") no-repeat left  0px;

}

#wrap4 {
/*background:url("center_cloud_left.jpg") no-repeat 50% 0px;*/
padding:10px;
padding-left:20px;
width:100%;
width: auto;
}

#outer-wrapper {
background: url("/house.gif") no-repeat right bottom;
max-width:970px;
padding: 0 0 0;
width:100%;
width:auto;
}

html>body #outer-wrapper {
border:1px solid #e0e0e0;
}


.gm-div
{
height:150px;width:300px;border-style:solid;border-width:1px;border-color:#359a3c;background-color:#ffffee;
}

.gm-div1
{
padding-top:0px;background-color:#359a3c;height:20px;width:300px;text-align:center;font-weight:bold;font-size:12px;color:#ffffff;
}

.gm-div2
{
padding-top:10px;padding-left:10px;background-color:#ffffee;height:97px;width:290px;text-align:center
}

.bg
{
	width:138px;
	margin-left:160px;
	margin-top:0px;
	background: url("/Navigation_buttonbgV.gif");
	border:1px solid #e0e0e0;
	background-color: transparent;
	height:21px;
	color: gray;
	font-weight:normal;
	text-align:center
	
	}