#wrapped {
position:relative;
margin: 0px auto;
width:940px;
float:center;
align:center;
z-index:0;
padding:2px;
border: 0px solid #cccccc;
background-color:#ffffff;

}

#banner {
position:relative; 
align:center;
float:center;
margin:0px auto;
top : 5px;
width: 930px;
height: 130px;
z-index:0;
border: 0px solid #cccccc;
background: #ffffff url(../images/top_background_menu.jpg) top center repeat-x;
padding:0px;
text-align:left;
color:#102060;

}


#left {
width:212px;

}

#text {

padding:0px;

}

#nav  {
position:relative; 
margin:0px auto;
width: 930px;
height: 36px;
z-index:0;
border: 0px solid #cccccc;
background: #ffffff url(../images/background_menu.jpg) top center repeat-x;
padding:0px;
}

#pathway  {
position:relative; 
margin:0px auto;
width: 930px;
height: 20px;
z-index:0;
border: 1px solid #cccccc;
background-color:#ffffff;
padding:2px;
text-align:left;
}

#content  {
position:relative; 
margin:0px auto;
width: 930px;
z-index:0;
border: 0px solid #cccccc;
background-color:#cccccc;
padding:0px;
text-align:left;
top: 5px;
}

#footer  {
position:relative; 
margin:0px auto;
width: 930px;
height: 20px;
z-index:0;
border: 0px solid #cccccc;
background-color:#777777;
padding:0px;
color:#000000;
}


#spacer  {
position:relative; 
margin:0px auto;
width: 930px;
background-color:#000000;
color:#ffffff;

}









html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
	border: none;
}

body {
	font-family: arial, Tahoma, verdana, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #222222;
	background: #000000 url(../images/background.jpg) top center repeat-x;
}

body.contentpane {
	background: #FEFEFE;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #444444;
	outline: none;
	font-size: 14px;
}

a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #5b4848;
	font-size: 14px;
}

input.button, .validate  {
	color: #453f33;
	font-size: 10px;
	border: 1px solid #cbc8b5;
	background: url(../images/button_bg.jpg) top center repeat-x;
}

.search input.button {
	text-align: right;
}

input.button:hover, .validate:hover  {
	
}

p {
	margin-top: 0;
	margin-bottom: 5px;
	text-align: justify;
}

.inputbox {
	border: 1px solid #555;
	color: #333;
	padding: 2px;
}
.inputbox:hover {

}

.search {
	padding: 10px 0 0 52px;
	width: 200px;
	float: left;
}

.search .inputbox {
	background: transparent url(../images/search_field.jpg) top center no-repeat;
	width: 136px;
	height: 14px;
	font-size: 10px;
	color: #666;
	padding: 1px 2px;
	border: none;
}

.search .button {
	background: transparent url(../images/searchbut.jpg) top center no-repeat;
	width: 51px;
	height: 16px;
	color: #453f33;
	border: none;
	padding: 0 4px;
	margin: 0 0 0 6px;
	text-align: center;
	font-family: tahoma, arial,  serif;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 14px;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/


#top_with_search {
	background: url(../images/top_with_search.jpg) top center no-repeat;
	margin: 0 auto;
	width: 946px;
	height: 67px;
}

#top_without_search {
	background: url(../images/top_without_search.jpg) top center no-repeat;
	margin: 0 auto;
	width: 946px;
	height: 67px;
}

.pathway {
	font-family: Georgia, Tahoma, serif;
	width: 876px;
	padding: 36px 0 0 0px;
	text-align: left;
	margin: 0 auto;
}

span.pathway {
	color: #5b4848;
	display: block;
	padding: 10px 0 0 0;
	font-size: 11px;
	overflow: hidden;
	font-weight: bold;
	width: 624px;
	float: left;
}

span.pathway a {
	text-decoration: underline;
}

span.pathway a:hover {
	text-decoration: none;
}

.pathway span img {
	height: 5px;
	padding: 0 0 1px 0;
}

#headertop {
	background: url(../images/headertop.jpg) top center no-repeat;
	width: 946px;
	height: 6px;
	margin: 0 auto;
	font-size: 0;
}

#header {
	background: url(../images/header.jpg) top center repeat-y;
	margin: 0 auto;
	width: 946px;
}

#image {
	background: url(../images/headerimg.jpg) top center no-repeat;
	width: 928px;
	height: 208px;
	margin: 0 auto;
}



#logo {
	padding: 120px 0 0 90px;
	text-align: left;
	width: 550px;
}

#logo a, #logo a:link, #logo a:hover {
	font-weight: normal;
	font-family: Georgia, Verdana, Arial, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	color: #f0f0f0;
	text-decoration: none;
	outline: none;
	line-height: 20px;
}



#banner_l {
	text-align: left;
	padding: 0 0 0 24px;
}

#validation {
	width: 866px;
	margin: 0 auto;
	text-align: right;
	height: 30px;
	padding: 6px 0 0 0;
}

#validation .valid_xhtml {
	float: right;
	margin: 0 5px 0 0;
}

#validation .valid_css{
	float: right;
}



/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
	background: #fffebb;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.2em;
	padding: 5px;
}

/* headers */
div.componentheading {
	height: 22px;
	padding: 0px 0 0 0px;
}
table.blog {
	
}
h1 {
	padding: 0;
	font-family: Tahoma, verdana, Arial, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	width: 100%;
}

h2, .contentheading {
	padding: 0;
	font-family: Tahoma, verdana, Tahoma, Arial, sans-serif;
	font-size: 12px;
	vertical-align: middle;
	color: #333;
	text-align: left;
	font-weight: bold;
}

table.contentpaneopen h3 {
	margin-top: 0px;
}

h4 {
	font-family: Tahoma, verdana, Arial, sans-serif;
	color: #333;
}

h3, .componentheading, table.moduletable th, legend {
	margin: 0;
	font-family: Tahoma, verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #555;
	padding: 0;
}
/* small text */
.small {
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-align: left;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 10px;
	color: #555;
	font-weight: normal;
	text-align: right;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 10px;
	color: #555;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0px;
}

a.readon {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 10px;
	text-decoration: none;
	padding: 1px 2px 1px 2px;
}

a.readon:hover {
	color: #333;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
	background-color: #f1f1f1;
	color: #333;
}

.ol-background {
	background-color: #f1f1f1;
	color: #333;
}

.ol-textfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
}

.ol-captionfont {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: bold;
}
.ol-captionfont a {
	background-color: #f1f1f1;
	color: #333;
	text-decoration: none;
	font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	padding-left: 5px;
}

a.mainlevel:hover {

}
