/*
	font-family: "trebuchet ms", verdana, tahoma, arial;
	font-size: 90%;
*/
body {
	font-family:  arial, helvetica, sans-serif;
	color: #585858;
	color: #484848;
	background-color: white;
	line-height: 150%;
	margin: 0;
	padding: 0;
	text-align: center;
}
	
/* i { font-family:  "trebuchet ms",  "times new roman", "Times Roman", serif;  font-size: 100%} */

ins { color: #C07010; color: #1F337E; text-decoration: none; font-weight: normal; }

body,table,th,td,p,div {
	font-size: 11pt;
}

a:link, a:visited { color: #32609F; text-decoration: none; } /* 3279AF 3b7fb2 5b8fbe */
a[target] { border-bottom: 1px dashed; }
a:hover{ color: #75a8da; text-decoration: none; }




/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	margin: 0 auto;
	text-align: left;
}




#menu-top {
	background: white url('/images/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('/images/bg02-white-left.png') no-repeat left top;
	margin:0;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	padding-left: 20px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(/images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(/images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
#menu-top a span strong {
	color: #444;
	color: #1B4F7E
}

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span { background-position:100% -42px; }

#menu-top a:hover { background-position:0% -42px; }
#menu-top a:hover span { background-position:100% -42px; }

#wrapper-header { height: 85px; background: transparent url('/images/bg.png') top center repeat-x; padding: 0px; }

#header { background: transparent url('/images/logo2bg.jpg') no-repeat left top; padding: 0px; }  /* #eee */

#wrapper-header2 { background: transparent url('/images/bg02-blue-left.png') top left no-repeat; }

#wrapper-header3 { background: transparent url('/images/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 20px;
	padding: 0;
	height:80px;
	line-height: 0em;
	xcolor: #B0C0D0;
	color: #f0f0f0;
	font-size: 100%;
}
html>body #header h1 {
	height: 85px;
}
#header h1 a {
	font-size: 180%;
	line-height: 2em;
	color: white;
	margin: 0;
	padding: 0;
}

#wrapper-content { background: white url('/images/bg02-white-left.png') no-repeat left top; }

* html #wrapper-content { height: 1%; }

#content-area {
	background: transparent url('/images/bg02-white-right.png') no-repeat right top;
	padding: 12px 280px 5px 40px;
}

#content-area-wide {
	background: transparent url('/images/bg02-white-right.png') no-repeat right top;
	padding: 12px 40px 0px 40px; 
}


.content, .bText {
	text-align: left;
	margin: 0em 0em 1em 0em;
}


.messages {
  background-color: #F0F8FF;
  border: 1px solid #ccc;
  padding: 10px 20px 10px 20px;
  margin-bottom: 2em;
}


#wrapper-menu-page {
	float: right;
	width:180px;
	margin: 20px 30px 3em 2em;
	line-height: 140%;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

* html #wrapper-menu-page { margin-right: 15px; }

#menu-page { padding-top: 5px; }
.bSideItem { 
	padding-top: 5px; 
	background: transparent url('/images/menu.png') no-repeat;
	padding: 1px 20px 0px 10px;
	font-size: 95%;
}

.bSideItem ul {
	margin: 0;
	padding: 0 0 25px 10px;
	list-style: none;
	font-size: 90%;
}

.bSideItem ul ul {
	margin: 0;
	padding: 0 0 0 10px;
}
.bSideItem h3 {
	font-size: 80%;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	color: #1F337E;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align: center;
}
.bSideItem h4 {
	font-size: 90%;
	margin: 0;
	padding: 0 0 0 10px;
	color: #444;
	font-weight: normal;
}

.bSideItem p {
	font-size: 90%;
	padding: 0 10px;
}

.bSideItem a:link, .bSideItem a:visited { color: #888; }
.bSideItem a:hover { color: #5b8fbe;  color: #75a8da; }

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: 0 20px;
	font-size: 80%;
	line-height: 120%;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

h1 { 
	color: #1F337E;
	font-size: 150%;
	margin: 0.8em 0 0.5em 0;
}

h2 { 
	color: #1F337E;
	font-size: 130%;
	margin-top: 0.8em;
	margin-bottom: 0.5em;
}

h3 { 
	color: #1F337E;
	font-size: 110%; 
	margin-top: 2em;
	margin-bottom: 0.5em;
}

h4 { 
	color: #1F337E;
	font-size: 100%; 
	margin-top: 1.5em;
	margin-bottom: 0.4em;
}


hr { border: 0px solid #668;
	border-top-width:1px;
	height:0px} /* ffffff */

hr.light { border: 0px solid #dde ;
	border-top-width:1px;
	/* margin: 0px 70px 0px 70px; */
	height:0px} /* ffffff */


a.dashed {
  	border-bottom: 1px dashed;
	}

a.dotted {
  	border-bottom: 0px dotted;
	}

a.clean {
  	border-bottom: 0px dotted;
	}



img.middle {
	vertical-align: middle;
	border: 0px;
	display: none;
}

img.blog {
	float:left; 
	margin: 20px 10px 20px 20px;
	cursor:pointer; cursor:hand;

}

blockquote {
	font-size: 95%;
	line-height: 140%;
	background: #F2F2F2;
	padding: 6px 20px 5px 20px;
	margin: 2em 1em 2em 1em;
	border: 1px dashed #D7D7D7;
}

blockquote .source {
	font-size: 80%;
	text-align: right;
}

.bPost {
	margin: 0em 0em 3em 0em;
}

.bText p {
	margin: 0.2em 0em 1em 0em;
}

.bText blockquote p, blockquote p  {
	margin: 0.5em 0em 0.5em 0em;
	font-size: 95%;
}

.bComment {
	padding: 0em 0;
	margin: 0em 0;
}
.bCommentTitle {
	font-weight: bold;
	font-size: 90%;
	margin-top: 1em;
}
.bCommentText {
	font-size: 90%;

}
.bCommentSmallPrint {
	font-size: 80%;
}
.bSmallPrint {
	font-size: 80%;
	text-align: right;
}

.bMore {
	text-align: left;
}

.searchbar {
	height: 25px;
	background: #FFF;
	border: 1px solid #D7D7D7;
	width: 140px;
	padding: 0;
	margin: 16px 12px 20px 7px;
}
input.SearchField
{	
	float: left;
	background-color: #FFF;
	color: #666;
	border: none;
	padding: 6px 2px 0px 4px;
	width: 110px;
	height: 18px;
	margin: 0;
}
input.submit {
	/* float: right; */
	margin-top: 2px;
}


.label {
	font-size: 90%;
}

.input {
	font-size: 90%;
	xbackground: #800;
}


/* standard forms */

form {
        margin: 0px;
        padding: 0px;
}

fieldset {


}

label {
	
}

input.flat, input.bComment, textarea.flat, textarea.bComment, select.flat, input.submit {
        background: #F8F8F8;
        border: 1px solid #CCC;
        color: #222;
        margin: 3px;
        padding: 2px;
}                                                 

textarea.flat {
	xfont-family: "Trebuchet MS","Verdana",Helvetica,Sans Serif;
	xfont-size: 95%;
        xpadding: 4px 1px 4px 4px;
}

.submit {
	text-align: left;
}



/*********************************************************************************
    MEDIA QUERY
*********************************************************************************/
.responsive-show {
    /* element only shows in responsive */
	display: none;
}

@media screen and (max-width: 800px) {

	/* Use a media query to add a breakpoint at 800px: */
	#menu-top, #header, #wrapper-content, #wrapper-footer {
		width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
		min-width: 480px;
	}
	#menu-top a span {
		xcolor: #800;
	}
	.responsive-show {
    	/* element only shows in responsive */
		display: block;
	}
	.responsive-hide {
    	/* element hides in responsive */
		display: none;
	}
	.responsive-small {
		xfont-size: 80%;
		xcolor: #800;
	}

	td .responsive-wrap {
		word-break: break-word;
		padding-left: 2px;
		padding-right: 2px;
		xcolor: #800;
	}

	/* drupal adjustments */
	#content-area {
		padding-right: 80px;
	}
	#wrapper-menu-page {
		display: none;
	}

}