html, body #wrap { 
	height: 100%;
 	margin:0; 
 	padding:0; 
	background-color: #FCF4E5;
 } 
 
body > #wrap {height: auto; min-height: 100%;}

#main {
	min-height: 100%;
	position: relative;
	padding-bottom: 33px;
}

 
#header{
 	position: relative; 
 	height: 150px;
	width: 100%; 
  	background:#809B9C url(images/banner6.jpg) no-repeat center center;
	border-top: 8px solid #3E0D09;
	border-bottom: 2px solid #3E0D09;
} 
 
#box {
 	position: center; 
 	height: relative;
padding: 5px;
	width: 100%; 
  	background: #FCF4E5 no-repeat center center;
	border: 2px dotted #9FC5C6;
	
} 

h1 {
	font-family: Georgia, Verdana, Serif;
	font-size: 22px;
	font-style: oblique;
	color: #3E0D09;
}

h2 {
	font-family: Georgia, Verdana, Serif;
	font-size: 16px;
	font-style: oblique;
	color: #ECA891;
}

h3 {
	font-family: Georgia, Verdana, Serif;
	font-size: 16px;
	font-style: oblique;
	color: #3E0D09;
}

p {
	font-family: Georgia, Serif, "Times New Roman";
	font-size: 14px;
	font-style: normal;
	color: #806B48; 
}

a:link {
	font-family: Georgia, Serif, "Times New Roman";
	text-decoration: none;
	font-size: 14px;
	font-style: none;
	color: #ECA891;
}

a:visited {
	font-family: Georgia, Serif, "Times New Roman";
	text-decoration: none;
	font-size: 14px;
	font-style: none;
	color: #ECA891;
}

a:hover {
	font-family: Georgia, Serif, "Times New Roman";
	text-decoration: none;
	font-size: 14px;
	font-style: none;
	color: #9FC5C6;
	
}

a:active {
	font-family: Georgia, Serif, "Times New Roman";
	text-decoration: none;
	font-size: 14px;
	font-style: none;
	color: #ECA891
	
}

ul.NoBullet {
  list-style-type: none;
	font-family: Georgia, Serif, "Times New Roman";
	font-size: 14px;
	font-style: normal;
	color: #806B48; 	
}
	

#navcontainer ul {
	position: relative;
	background-color: #FCF4E5;
	color: #806B48;
	float: center;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer  ul li a {
	padding: 0.2em 1em;
	background-color: #FCF4E5;
	color: #806B48;
	text-decoration: none;
	float: center;
	border-right: 1px dotted #806B48;
	border-left: 1px dotted #806B48;
}

#navcontainer ul li a:hover {
	background-color: #EF5F45;
	color: #3E0D09;
}

#navcontainer ul li a#current {
	background-color: #ECA891;
	color: #3E0D09;
}


#navcontainer_navigation {
	position: absolute;
	left: 420px;
	top: 160px;
}

hr {
	color: #806B48; 
	background-color: #FCF4E5; 
	border: 1px dotted #806B48;
	border-style: none none dotted; 
}


#wrapper {
	margin-left: 20%;
	margin-right: 20%;
	clear: both;
}


#maincol{
	position: relative;
	background-color: #FCF4E5;
	 float: right; 
 	display:inline; 
	 width: 100%; 
 }
 

#img {	
	padding: 0 0;
  	height: auto;
  	width: auto;
  	float: left;
  	text-align: center;
}


#desc {
  	text-align: center;
  	font-weight: normal;
  	margin: 2px;
	font-family: Georgia, Verdana, Serif;
	font-size: 12px;
	font-style: oblique;
	color: #3E0D09;
}




#footer {border-top: 3px solid #0D0302;
	position: relative;
	margin-top: -300px;
	height: 270px;
 	background-color: #3E0D09; 
	clear:both;
 } 

#twitter {width: 325px; height: 270px; background: #3E0D09; margin: 15px 300px; position: absolute;}

#twitter {background-image: url(images/twitter8.jpg); margin: 0 300px 0; no-repeat;}

#twitter A:link {text-decoration: none;
	text-style: italic;
	color: #B07F6F; }
#twitter A:visited {text-decoration: none;
	text-style: italic;
	color: #B07F6F; 
}

#twitter A:active {text-decoration: none;
	text-style: italic;
	color: #B07F6F; 
}
#twitter A:hover {text-decoration: underline overline; 
	text-style: italic;
	color: #B07F6F;
}

#center-element {
	width: 150px; margin: 0 625px; position: absolute;
	
}

.glossymenu {
	list-style-type: none;
	margin: 0 0;
	padding: 0;
	width: 150px;
	border-right: 4px solid #4D100A;
	border-left: 4px solid #4D100A;
	border-bottom-width: 0;
}

.glossymenu li a {
	background: #3E0D09 url(images/button1.jpg) top left repeat;
	font: italic 13px Georgia, Helvetica, Verdana, "Lucida Grande",  "Trebuchet MS", sans-serif;
	color: #806B48;
	display: block;
	width: auto;
	padding: 16px 0;
	padding-left: 6px;
	text-decoration: none;
}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
	width: 150px;
}

.glossymenu li a:visited, .glossymenu li a:active{
	color: #806B48;
}

.glossymenu li a:hover{
	background-image: url(images/button-hover2.jpg);
}

#third-element {
	width: 150px; margin: 5px 800px; position: absolute;
	
}

#right-element {
	width: 325px; margin: 5px 980px; position: absolute;
	list-style-type: none;
}

	
.ibdr { border: 1px solid #9FC5C6;
	margin: 2px;
}

a:hover .ibdr {border: 2px solid #DBFBFC;
}

#info { 
	position: relative;
	margin-top: -30px;
	height: 30px;
 	background-color:#2B0906;
	border-top: 5px solid #4D100A; 
	border-bottom: 3px solid #0D0302;
	clear:both;
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */