/*Define Body*/

html,body 
{ margin:0; padding:0; }

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(bg.gif) repeat-x top;
	z-index:0;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

/* Define Menu*/

#logo a{
background-image: url(logo.gif);
width:180px;
height:80px;
float: left;
position: absolute;
display: block;
border:0;
top: 0;
clear:left;
}

#logo a:hover{
	display: block;
	width:180px;
	height:80px;
	float: left;
	border:0;
	top: 0;
	clear:both;
	background-image:url(logo_a.gif);
	}

#logo a:hover img {
visibility:hidden;
}

.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
display: inline;
float: right;
position: relative;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a {
	display: block;
	width: 95px; /*Width of top level menu link items*/
	padding: 10px 8px;
	border: 1px solid #999;
	border-left-width: 0;
	text-decoration: none;
	color: #ffffff;
	font:  bold 11px/16px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #ABABAB;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a {
width: 100px; /*width of sub menu levels*/
font-weight: normal;
padding: 3px 5px;
background: #999;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
color: #ffba27;
border-bottom: 1px solid #ABABAB;
}

.horizontalcssmenu ul li ul li a:hover{
background: #ABABAB;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: right; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */


/*Define Content*/

div#content {
	width: 97%;
	font-size: 12px;
	color: #444;
	line-height:1.8em;
	clear: both;
	float: right;
	position:relative;
	margin: auto;
	padding: 16px;
	display: block;
	border: 0px;
}

div#content h1 
{ 
font-size: 14px; 
font-weight: normal; 
color: #ffba27; 
text-decoration: none; 
padding: 3px 6px; 
background-color: #f9f9f9; 
border-bottom: 1px solid #f1f1f1; 
border-right: 1px solid #f1f1f1; 
}

div#content h2 
{
font-size: 12px;
font-weight: bold;
color: #444;
margin: 0;
padding: 0;
}

div#content h3
{ 
font-size: 14px; 
font-weight: normal; 
color: #ffba27; 
text-decoration: none; 
padding: 1px 2px; 
background-color: #fff; 
border-bottom: 1px solid #f1f1f1; 
}


div#content a
{ 
color: #333; 
font-size: 12px; 
font-weight: bold; 
text-decoration: none; 
background-color: #fafafa; 
border-bottom: 1px solid #f1f1f1; 
border-right: 1px solid #f1f1f1; 
padding: 1px; }


div#content a:hover
{
color: #fc0;
font-weight: bold;
text-decoration: none;
background-color: #fafafa; 
border-bottom: 1px solid #ccc; 
border-right: 1px solid #ccc;
padding: 1px;
}


/*Define Footer*/

#footer 
{
	background: #EFEFEF repeat-x bottom;
	height:1px;
	width: 100%;
	margin-top: 15px;
	clear: both;
	position: relative;
}

.footer
{ 
width:1000px;
text-align:center;
margin:auto;
color: #ABABAB; 
font-size: 10px; 
text-transform: uppercase;
display: block;
border:0;
padding:5px;

}