/***************************************************
   HTML Element Styles
 ***************************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
	background-color:#f00;
	padding:0; margin:0;
	background:#fff;
	padding:0;
	background:url("images/menu-bg.gif") 150px repeat-y;
}

/***************************************************
  Banner Element Styles
 ***************************************************/

#banner {
	float:left;
	width:100%;
	height:150px;
	background:url("/site/media/template/banner_1.jpg") left repeat-x #fff;
	border-bottom:2px solid #000;
}
#bannerurl{
	background:url("/site/media/template/logo_1.gif") center no-repeat;
	position:relative;
	height:150px;
	width:150px;
	display:block;
	float:left;
}

/***************************************************
 widget Styles
 ***************************************************/

#widgets{
	height:16px;
}
#widgets em{
	display:none;
}
#widgets a, #rightbar #page_mod{
	display:table-cell;
	float:right;
	clear:none;
	height:16px;
	width:16px;
}
#widgets #rss{
	background: url("images/feed.gif") top left no-repeat;
}
#widgets #print{
	background: url("images/printer.gif") top left no-repeat;
}
#widgets #stylechange{
	background: url("images/page.gif") top left no-repeat;
}
#widgets #bookmark{
	background: url("images/star.gif") top left no-repeat;
}
#widgets #fontsizeP{
	background:url("images/text-big.gif") top left no-repeat;
}
#widgets #fontsizeM{
	background:url("images/text-small.gif") top left no-repeat;
}
#widgets #fontsizeR{
	background:url("images/text-norm.gif") top left no-repeat;
}

#widgets #page_mod{
	background: url("images/pencil.gif") top left no-repeat;
}
#rightbar #page_mod{
	float:right;
}
#pagetop_widget{
	background-image: url("images/up.gif");
	height:16px;
	width:16px;
	overflow:hidden;
	float:right;
}

#widgets #page_mod:hover, #widgets #rss:hover, #widgets #print:hover, #widgets #stylechange:hover, #widgets #bookmark:hover, #widgets #fontsizeP:hover, #widgets #fontsizeM:hover, #widgets #fontsizeR:hover, #page_mod:hover, #pagetop_widget:hover{
	background-position:-16px 0;
}
/***************************************************
  Access Keys & Skiplinks Element Styles
 ***************************************************/

 /***************************************************
  Page Element Styles
 ***************************************************/
#page { /*the main page section that holds the menu, content & footer*/
	float:left;
	width:100%;
}
#title{
	border-bottom:0;
	border-top:0;
	color:#fff;
	background:url("images/title-bg.jpg") right repeat-y #999;
}
#title-outer{
	border-bottom:4px solid #fff;
	float:left;
	width:100%;
background:url("images/title-bg.jpg") right repeat-y #999;
}
#widgets{
	padding:3px;
float:right
	}
#title-inner{
	padding:3px;
	padding-left:5px;
	display:table-cell;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	height:1em;
}
#content{ /*contains the page content*/
	margin-left:150px;
	padding:0.5em;
}
#footer{ /*contains the footer text as defined in admin>settings */
	margin-left:150px;
	text-align:center;
	float:left;
	padding:2px;
	
	font-size: 1.5em; 
	color: #888;
}

/***************************************************
  menu Element Styles
 ***************************************************/

#menu hr{
	border-color:#999;
	width:142px;
}

#menu { 
	float: left; 
	width: 150px;
	margin-top: 1.0em; 
	padding:0 ;
	overflow:hidden;
	clear:both;
	} 
#menu a{
	text-decoration:none;
	}
#menu ul { 
	margin:0px; 
	padding:3px;
	} 
#menu ul, #menu li { 
	list-style: none; } 
#menu ul ul { 
	padding-left: 8px; 
	background-color:transparent; 
	border:none; 
	width:145px; } 
#menu a:link, #menu a:visited, #menu a:active, #menu a:hover { 
	padding: 5px 3px; 
	}
#menu .menu_current{
		font-weight:bold;
	}
/***************************************************
  Login & Search Element Styles
 ***************************************************/
#login{
	width:100%;
	float:left;
	padding:3px;
}
#login h1, #searchbox h1, #blocktitle{
	font-size:110%;
}
#login .login_input{
	float:right;
	width:auto;
	margin-right:2px;
	width:110px;
}
#login span{
}
#login a, #login span{
	float:left;
	width:120px;
	padding:0; margin:0;
	text-decoration:none;
	text-align:left;
	font-size:80%;
	color:#6466B2;
}
#login a:hover{
	color:#3d634F;
}
.login_submit{
	padding:0;margin:0;
	float:left;
	background:none;
	border:none;
	cursor:pointer;
	color:#6466B2;
}
.login_submit:hover{
	color:#3d634F;
}


#searchbox{
	width:150px;
	float:left;
}
.search_string, .login_input {
	border:none;
	width:87px;
	height:18px;
	border:1px solid #ccc;
	float:left;
	padding:0;
	margin:2px;
}
.search_submit {
	width:55px;
	height:20px;
	border:none;
	cursor:pointer;
	padding:0;
	margin:2px;
	margin-left:0;
	float:left;
	color:#000;
	font-weight:bold;
}
.search_submit:hover{
}


#menu a, #content a {color:#6466B2;}
#menu a:hover, #content a:hover{color:#3d634F}
hr{
	border:1px solid #6466B2;
}
h1, #content h1 {
	font-size: 1.5em; 
	color: #888; 
	text-align: left; 
	margin: 8px 2px 8px 2px; 
	border-bottom:1px #888 solid; 
	} 
h2, h3, h4 { 
	color:#888; 
	background-color:transparent; 
	} 
h2 { border-bottom:1px #000 solid; }
/*******************************************************************/
#skiplinks, #topbar{display:none;}