/* CSS Document */

@charset "utf-8";
/* CSS Document */


/*
colours:
RED: #E22738
*/
*{
	margin:0px; 
	padding:0px;
}
body {
	margin:0px; 
	padding:0px; 
	font: 0.7em Arial,Verdana,sans-serif, serif; 
	color:#3f3f3f;
	background-color:#FFF;
	background-image:url(../images/page-bg.gif);
	background-repeat:repeat-x;
}
a:link, a:visited{
	color:#3f3f3f;
	text-decoration:underline;
}
a:hover{
	color:#ea7831;
}
img{
	border:0;
}

div#wrap{
	width:930px;
	background-color:#FFF;
	background-image:url(../images/page-bg.gif);
	background-repeat:repeat-x;
	margin-left: auto;
	margin-right: auto;
	padding:0 20px 0 20px;
	text-align:left;
	border:0px solid pink;
}
div#auxnav{
	height:20px;
	padding-top:4px;
	text-align:right;
	color:#FFF; 
	border:0px solid green;
}
div#auxnav a:link,div#auxnav a:visited{
	color:#FFF; 
	text-decoration:underline;
}
div#auxnav a:hover{
	color:#ea7831;
}




/* ---------------  top nav -------------------*/

#topnav {
	height:1px;
	overflow:visible;
	}

#topnav ul {
	list-style-type:none;
	margin-left:0;
	margin-top:28px;
}

#topnav li {
	background:transparent url(../images/header_tab.gif) no-repeat scroll 100% -200px;
	border-bottom:1px solid #bc8348;
	float:left;
	display:inline;
	white-space:nowrap;
	margin-right:8px;
	background-color:#FFF;
}
#topnav li#home{
	height:65px;
	line-height:5.9em;
	letter-spacing:-0.1em;
	font-size:1.8em;
	margin-top:-29px;
}
#topnav li.current {
	background:transparent url(../images/header_tab.gif) no-repeat scroll 100% -400px;
	background-color:#3f3f3f;

}
#topnav ul a {
	background:transparent url(../images/header_tab.gif) no-repeat scroll 0 -200px;
	color:#553e24;
	display:block;
	float:left;
	padding: 0 10px 0 20px;
	margin-right:5px;
	height:35px;
	font-size:1.6em;
	letter-spacing:-0.02em;
	line-height:1.8em;
	text-decoration:none;

}
#topnav ul a:hover{
	text-decoration:none;
	color:#3f3f3f;
}

#topnav ul .current a {
	background:transparent url(../images/header_tab.gif) no-repeat scroll 0 -400px;
	color:#FFF;
}
#topnav ul .current a:hover{
	text-decoration:none;
	color:#FFF;
}
div#bookmark{
	float:right;
	color:#FFF;
	font-size:1em;
	margin-top:5px;
}


div#topbanner{
	height:100px;
	color:#FFF;
	font-size:1.8em;
	border:0px solid green;
}
div#topbanner p{
	padding:0;
	line-height:1em;
	letter-spacing:-0.01em;
}

#topbanner {height: 102px; overflow: hidden; position: relative;}
#topbanner[id] {display: table; position: static;}
#topbanner_middle {position: absolute; top: 50%;} /* for explorer only*/

#topbanner_middle[id] {display: table-cell; vertical-align: middle; position: static;}
#topbanner_inner {position: relative; top: -50%} /* for explorer only */

#topbanner .readmore a:link,#topbanner .readmore a:visited{
	font-size:0.6em;
	color:#f5f5f5;
	text-decoration:underline;
}
#topbanner .readmore a:hover{
	color:#ea7831;
	text-decoration:underline;
}


div#col_1, div#col_2{
	font-size: 1.1em; 
	color:#3f3f3f;
	width:455px;
	padding:20px 10px 20px 0;
	float:left;
}
div#col_2{
	padding:20px 0 20px 10px;
	float:right;
}

.introblock{
	border:5px solid #f5f5f5;
	padding:10px;
	color:#3f3f3f;
}
.introblock img.portrait{
	border:0px;
	float:left;
	vertical-align:text-bottom;
	padding-right:8px;
}
.introblock img.signature{
	border:0px;
	display:block;
}
.introblock h1,.introblock h2{
	color:#bc8348;
	font-size:2em;
	font-weight:normal;
	font-weight:bold;
	padding-bottom:12px;
	letter-spacing:-0.02em;
}

.introblock h3,.introblock h3{
	color:#3f3f3f;
	font-size:1em;
	font-weight:bold;
	padding-bottom:12px;
	letter-spacing:-0.02em;
}

div#blog{
	padding-top:20px;
}
div#blog h2{
	color:#3f3f3f;
	font-size:2em;
	font-weight:normal;
	font-weight:bold;
	padding-bottom:10px;
	letter-spacing:-0.02em;
	display:inline;
}
div#blog .headerlink{
	padding-left:20px;
}
.blogentry{
	padding:10px 0 10px 0;
	border-bottom:1px solid #d9d9d9; 
}
.blogentry p{
	padding-bottom:10px;
}
.blogentry h1{
	color:#bc8348;
	font-size:1.6em;
	font-weight:normal;
	padding:5px 0 5px 0;
	padding-bottom:10px;
}
.blogentry h4{
	font-size:1em;
	font-weight:bold;
	padding-bottom:10px;
}
.toplink{
	font-size:0.8em;
	text-align:right;
	padding:10px 0;
}
div#comments{
	padding-top:20px;
}
div#comments h2{
	color:#3f3f3f;
	font-size:2em;
	font-weight:normal;
	font-weight:bold;
	padding-bottom:10px;
	display:inline;

}
div#comments .headerlink{
	padding-left:20px;
}
div#comments .commenttext{
	padding:10px 0 10px 0;
	background-color:#f5f5f5;
	padding:10px;
}


div#comments .commentauthor{
	padding:20px 0 20px 0;
	background-image:url(../images/comment-bottom.gif);
	background-repeat:no-repeat;
}
div#leavecomment {
	padding:10px;
	background-color:#3f3f3f;
	color:#FFF;
	margin-bottom:20px;
}

.jot_error{
color:#FFF;
background-color:#FF000C;
padding:3px;
}
.jot_confirm{
color:#FFF;
background-color:#669933;
padding:3px;
}
.field_right{
	/*float:right;*/
	width:200px;
	padding:3px;
	border:1px solid #f5f5f5;
}
div#leavecomment p{
	color:#FFF;
	padding:3px;
	/*float:left;*/
}
div#leavecomment h1{
	color:#FFFFFF;
}
#submitcomment h1{
	color:#FFFFFF;
}
div#leavecomment textarea{
	width:200px;
	height:50px;
	padding:3px;
	font-family:arial;
	border:1px solid #f5f5f5;
}
div#leavecomment .submitbutton{
	
}
#submitcomment{
	margin-bottom:20px;
}

div#featurebox{
	background-color:#f5f5f5;
	padding:10px;
}
div#featurebox h2{
	font-size:2.8em;
	font-weight:bold;
	color:#3f3f3f;
	padding-bottom:10px;
	letter-spacing:-0.02em;
}

div#featurebox h3{
	font-size:2em;
	font-weight:bold;
	color:#553e24;
	padding-bottom:10px;
	letter-spacing:-0.02em;
}


div#featurebox ul {
	list-style-type:none;
}

div#featurebox li {
	padding-left:30px;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	padding-bottom:15px;
} 
div#featurebox .large{
	font-size:1.9em;
	color:#3f3f3f;
}
div#featurebox a:hover{
	color:#ea7831;
}
 
div#featurebox .instructiontext{
	color:#97a4b4;
}


div#footer{
	padding:5px;
	padding-bottom:50px;
	color:#aaa;
	clear:both;
}
div#footer a:hover{
	color:#ea7831;
}

.visitors{
	font-size:2em;
}
hr{
	size:0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
	background-color:#FFF;
	color:#FFF;
	border-bottom:1px solid #d9d9d9;
}

.dottedline{
	width:100%;
	height:1px;
	background-image:url(../images/dotted_line_bg.gif);
	background-repeat:repeat-x;
	display:block;
	margin:0px;
}

.clearfloat{
	clear:both;
}