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

/*
http://meyerweb.com/eric/tools/css/reset/
 v1.0 | 20080212
 
*/
/* reset just about everything */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: middle;
	background-image: url(bggray3.jpg) repeat top;
}

body{ 
	line-height: 1;
	background-image: url(bggray3.jpg) repeat top;
	height:100%;
	width:100%;
}
/* reset list styles: */
ol, ul {
	list-style: none;
}

/* remove qu
/* remove quotation marks */
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* remove header bold */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* Sub/superscript trick--
 keeps superscript and subscript text from breaking the line-spacing  */
sup {
    font-size: 80%;
    vertical-align: baseline;
	position: absolute; 
    bottom: 0.33em;
}

sub {
    font-size: 80%;
    vertical-align: baseline;
   	position: absolute;
    bottom: -0.25em;
}


/* Float clearing
----------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

 
.clearfix {
	display: inline;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* Base Typography and Colors */
ul{
	list-style:none;
	display: inline	;
}

body{
width:1024px;
height:100%;
font-size: 62.5%; 
line-height: 1.4em;
font-family:"Swis721 LtEx BT",verdana, sans-serif;
color: #162334;
margin:0 auto;
	/*min-width:1024px;
	background-image:url(greyTile.jpg) repeat top;*/
	background: url(bggray3.jpg) repeat top;
}

a{
	color:#5f1a2c;
	text-decoration:none;
}
a:active{
	color:#b45608;
}
a:hover{
	color:#5f1a2c;
}
h1, h2, h3{
	
}

p { 
	margin-bottom: 1em; 
}

li { 
	display:inline;
	margin-left:0px;
	padding-left:0px;
	background: url(mybullet.png) no-repeat  0 0;
	 font-size: 16px; 
	line-height: 20px;
	text-align:center;
	
}
/*LAYOUT*/


#page {
	margin:0 auto;
	width:1024px;
	height:100%;
	/*min-width:1024px;
	background-image:url(greyTile.jpg) repeat top;*/
	background: url(bggray3.jpg) repeat top;
}

#top {
	margin: 0 auto;
	margin-top: 5px;
	width: 100%;
	}
	

/* main blocks */
#title{
	margin-left: 0 auto;
	margin-right: 0 auto;
	padding: 10px, 0, 10px, 0;
	width: 100%;
	text-align: center;
}
#main-nav{
	margin: 10px auto;
	padding: 5px, 5px, 2px, 5px;
	padding-bottom: 25pt;
	width: 1024px;
	text-align: center;
	border-top:  3px solid #162334;
	border-bottom: 1px dashed #5f1a2c;
	margin-bottom: 5px;
	list-style: none;
	
	
}
#main-nav ul {
	margin:10px auto;
	padding: 5px, 0px, 5px, 0px;
	width: 1024px;
	text-align: center;	
	list-style: none;
	margin-bottom: 0px;
	position:absolute;
	line-height:1em;
		
}
#main-nav a{
display: block;
width: 12em;
}
#main-nav li{
	float: left;
	width: 10em;
	display:inline-block;
	margin-left:10px;
	margin-right:auto;
	postition:absolute;
}

#main-nav li ul{
	margin-top: 5px auto;
	width: 10em;
	/*left: -999em;*/
	display:none;
	position:absolute;
	margin-left:0em;	
	margin-right:0px;
}

#main-nav li:hover ul{
	/*left: auto;*/
	display:block;
	padding-top:0;
	 margin-top:0;

	 }
#main-nav li img{
	display:none;
	position:absolute;
}

#main-nav li:hover ul li{
	height: 1.5em;
	line-height:1.5em;
	margin-left:0px;
	width:12em;
	 font-size: 14px; 
	 float:left;
	text-align:left;
	background:none;
	padding-left:5px;
	background-color:#CCC;
	 vertical-align:middle;
	 border-left: solid 1px #5f1a2c;
	  border-right: solid 1px #5f1a2c;
	  border-bottom: solid 1px #5f1a2c;
	  margin-top:-1px;
	  margin-right:0;
	  padding-right:0;
}
/*COLOR LIST
BLUE=#162334
RED=#5f1a2c
ORANGE=#b45608
*/
#main-nav li ul li ul{
	width: 12em;
	display:none;
	position:absolute;
	margin-left:12em;
}

#main-nav li:hover ul li ul{
	width: 12em;
	display:none;
	position:absolute;	
}

#main-nav li ul li:hover ul{
	/*left: auto;*/
	display:block;
		 padding-top:0;
	 margin-top:-1.5em;
	 padding-left:0;
	 margin-left:12em;
}
#main-nav li ul li ul li:hover{
background-color:#AAA;	
}
#main-nav li ul li:hover{
background-color:#AAA;	
}
#nav-wrap{
width:500px;	
}
#nav-links{
	width:200px;
	float:left;
}
#nav-img{
width:300px;
float:right;
}

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left: auto;
}



#wrap {
width:100%;	
min-height:500px;
/*border-bottom:#C06 solid 2px;
background:#CF9;*/
}
#sidebar-container{
	width:20%;
	float:right;		
	/*background:#3C0;*/
	
	margin-top:30px;
	/*padding-bottom:9999px;
	margin-bottom:-9999px;
	overflow:hidden;*/
	}

#sidebar {
background:#162334;
	font-size:16px;
	text-align:left;
	padding-right:2%;
	padding-left:1em;
	color: #FFFFFF;
	font:"Swis721 LtEx BT",verdana, sans-serif;
		padding-top:2%;
	padding-bottom:1%;
}
#sidebar p {
	font-size: 16px; 
	line-height: 25px;
}
#sidebar h1{
color:#5f1a2c;
text-align:center;
font-size:20px;
font-weight:bold;
margin-bottom:1em;
}
#sidebar a {
	color:#b45608;
}
#leftbar-container{
	width:25%;
	float:left;
	min-height:100%
	/*padding-bottom:9999;
	margin-bottom:-9999;
	background:#C6C;*/
}
#leftbar{
padding-left:3%;
padding-right:0;
padding-top:30px;
text-allign:right;
}
#leftbar img{
	float:right;
	max-width:97%;
	max-height:600px;
	/*border: solid 7px #DFDFDF;*/
}
#main-txt-cont {
	float:left;
width:55%;
min-height:100%
/*background:#C30;*/
}

#main-txt {
	padding-top:30px;
	padding-bottom:1%;
	padding-right:2%;
	padding-left:2%;
margin-right:0;
margin-left:0;
text-align:left;
}
#main-txt h1{
color:#5f1a2c;
text-align:center;
font-size:24px;
font-weight:bold;
}
#main-txt h2{
	margin-top:1em;
color:#5f1a2c;
text-align:center;
font-size:18px;
font-weight:bold;
}
#main-txt p{
	padding-top:1.5em;
font-size: 16px; 
line-height: 1.2em;
color:#162334;
}

/*COLOR LIST
BLUE=#162334
RED=#5f1a2c
ORANGE=#b45608
*/
#footer{
		clear:both;
		margin-top: 1%;
		text-align: center;
		color: #162334;
		font:"Swis721 LtEx BT",verdana, sans-serif;
		border-top:  5px solid #b45608;
		padding-top: 5px;
}
	
#footer p{
	font-size: 12px; 
	line-height: 16px;
}
p, blockquote {
	font-size: 16px; 
	line-height: 20px;
}

ul.children li{
	margin-left: 40px;
	border-bottom: none;
	background-color: inherit;
}
/* alignment -from default- */
img.centered {
	display: block;
	margin-left:0 auto;
	margin-right:0 auto;
	text-align:center;
	}

img.alignright {
	padding: 4px;
	margin: 4px 0 7px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 4px 7px 7px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
li.topitem{
	border-top:solid 1px #5f1a2c; 
}
li.navtop{
	margin-top:7px;
}
	
#google_translate_element{
	margin-top:15px;
	margin-bottom:15px;
	border-top: ridge 3px #888;
	border-bottom: ridge 3px #888;
}