/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
}

body, input{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	text-align: left;
	color: #262626;
}

a {
text-decoration: none;
color: #a99190;
}

blockquote {
background: #f7f7f7;
padding: 15px;
margin: 5px 0;
}

img {
	border: 0;
}
/************* Container *************/
#container {
height: auto !important;
min-height: 100%;
padding-bottom: 15px;
position: relative;
background: #a99190 url(images/containerBg.gif) bottom left repeat-x fixed;
}

* html #container {
	height: 100%;
}

/************* Header *************/
#headerWrap {
height: 59px;
background: url(images/headerBg.gif);
}

#header {
width: 800px;
margin: 0 auto;
}

#header h1 a {
font-size: 30px;
letter-spacing: -1px;
padding-top: 5px;
float: left;
color: #a99190;
}

ul#navigation li {
list-style-type: none;
float: right;
}

ul#navigation li a {
padding: 15px 7px 12px;
display: block;
font-size: 17px;
color: #fff;
}

ul#navigation li a:hover, #footer a:hover {
background: #806e6d;
}

/************* Content *************/
#content {
width: 800px;
margin: 7px auto 0;
background: #fff;
border: 1px solid #fff;
position: relative;
}

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	

#content a:hover {
}

/* 
Header with picture and site description.
It uses a hack for vertical-align because IE doesn't work properly with tables
*/
#contentHeader {
margin: 15px auto;
width: 710px;
height: 182px;
background: url(images/header.gif) no-repeat;
border: 1px solid #44434c;
position: relative;
}

#contentHeader[id] {
display: table;
position: static;
}

#siteDescription {
position: absolute;
top: 50%;
padding-left: 250px;
color: #44434c;
}

#siteDescription[id] {
display: table-cell;
vertical-align: middle;
position: static;
}

#siteDescription p {
/*position: relative;*/
top: 50%;
}

#content h2 {
	margin: 15px 0;
	border-bottom: 1px solid #9b6e89;
}

#content ul{
padding: 10px 15px 10px 20px;
list-style-image: url(images/arrow.gif);
}

#content ol{
padding: 10px 15px 10px 20px;
}

/************* Main *************/

#main {
margin: 0 20px;
}

.post {
	text-align: left;
	display:block;
}

/************* Secondary *************/

#secondary {
width: 220px;
margin-left: 20px;
float: left;
}

/************* Search *************/
#searchform input {
background: #f7f7f7;
font-size: 0.9em;
}

#searchsubmit {
margin-top: 5px;
padding: 0 10px;
text-align: center;
}

#searchform fieldset {
    border: 0;
}

/************* Footer *************/
#footer {
    position: relative;	
    clear: both;
    margin: 0 auto;
    background: #45444d;
    width: 800px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
}

#footer a {
    color: #fff;
    font-weight: bold;
}

#footer_nav {
	width: 100%;
	height: 26px;
}

ul#footer_menu li {
    list-style-type: none;
    float: left;
}

ul#footer_menu li a {
	font-size: 12px;
	display:block;
	color: #fff;
	text-decoration: none;
	padding: 2px 10px;
}

/*
** faq page style
*/
.faq-ans{
  border-bottom: dashed thin gray;
  /*height: 40px;*/
  width: 100%;
}

.faq-top {
  vertical-align: bottom;
  text-align: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

.faq-text{
    margin: 35px 10px;
}

.downbtn span {
    color:#CCFFFF;
}

.popform {
	text-align:center;
	margin-top:12px;
	margin-bottom:20px;
}

.popform a {
	font-size: 18px;
	color: #0000FF;
}

.popform a:hover {
	text-decoration: underline;
}

.link {
	color:#0000FF;
}

.link:hover {
	text-decoration:underline;
}


.navmenu a:hover{
background:#806e6D;
color:#FFFFFF;
}
/******************************************************/
/*   aweson button
/******************************************************/
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 18px; padding: 8px 14px 9px; }
.xl.awesome, .xl.awesome:visited 			{ font-size: 18px; padding: 13px 14px 14px; }

.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }