@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);


html.body, body {
	background: #D4AF37 url(../images/dunes-tile.png) repeat-x bottom left;
	background-attachment: fixed;
	font-size: 16px;
	font-family: 'Poor Richard',Arial;
	color: #333333;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

a, a:link, a:visited{
	color: #F40000;
}

a:hover{
	color: #333333;
}

h1,h2,h3,h4,h5,h6,p,fieldset,img{
	padding: 0; margin: 0;
}

p{
	text-align: justify;
	font-size: 90%;
}

h1 {font-size:16px;line-height: 1em;font-weight: 900;}
h2 {font-size:15px;line-height: 1em;font-weight: 900;}
h3 {font-size:14px;line-height: 1em;font-weight: 900;}
h4 {font-size:13px;line-height: 1em;font-weight: 900;}
h5 {font-size:12px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}

td{font-size: 12px;}
th{font-size: 12px;}

img{
	border: 0 none;
}

.clr{
	clear: both;
}

#page-wrapper {
	margin: 0 auto;
	background: transparent url(../images/page-wrap-back.png);
	border: 3px solid #d2a41a;
	border-top: 2px solid #FFD700;
	border-left: 2px solid #FFD700;
	
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	border-radius: 6px; /* CSS3 */
	-opera-border-radius:6px; /* Opera */

	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

#page {
}

#header {
	background: transparent url(../images/header-background.jpg) no-repeat top left;
	border: 1px solid #333333;
	border-bottom: 1px solid #FFD700;
	border-right: 1px solid #FFD700;
	
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px; 
	
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	
	height: 220px;
}

#header .section {
}

#main-wrapper {
}

#main {
}

#topnav{
	background: #D4AF37 url(../images/topnav.png) repeat-x top left;
	border-top: 2px solid #FFD700;
	padding: 0;
	height: 42px;
	border-bottom: 1px solid #ac8613;
}

#nav-container{
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: transparent url(../images/crown-watrmark.png) no-repeat center center;
	height: 32px;
}

#topnav ul.menu{
	padding: 0;
	margin: 0;
}

#topnav ul.menu li{
	list-style: none; 
	float: left;
	padding: 0;
	display: block;
	padding: 5px;
	padding-top: 3px;
}

#topnav ul.menu li a{
	display: block;
	padding: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-right: 3px;
	margin-left: 3px;
	border: 1px solid #333333;
	border-right: 1px solid #5d6067;
	border-bottom: 1px solid #5d6067;
	color: #ffee45;
	text-decoration: none;
	background: #333333 url(../images/topnav-a.png) repeat-x bottom left;
	
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	border-radius: 6px; /* CSS3 */
	-opera-border-radius:6px; /* Opera */
}

#rightcolumn h3, #intro h3{
	display: block;
	background: transparent url(../images/crown-3-32x16.png) no-repeat center left;
	/*border: 1px solid #ac8613;*/
	padding: 6px;
	padding-bottom: 2px;
	padding-left: 36px;
	padding-top: 8px;
	margin: 5px;
	color: #333333;
	border-bottom: 1px solid #D4AF37;
	margin-bottom: 5px;
	
}

#rightcolumn .module, #intro .module, #intro .module-map,  #intro .module-highlights{
	background: #D4AF37 url(../images/topnav.png) repeat-x top left;
	border-top: 2px solid #FFD700;
	padding: 2px;
	border-bottom: 1px solid #ac8613;
	margin-top: 5px;
	
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	border-radius: 6px; /* CSS3 */
	-opera-border-radius:6px; /* Opera */
}

#rightcolumn form ul li {
	margin-bottom: 5px;
}

#rightcolumn form ul{
	padding: 5px; margin: 0;
	list-style: none;
}

#rightcolumn label{
	padding: 5px;
}

#footer{
	font-size: 90%;
	border-top: 1px dotted #333333;
	padding-top: 10px;
	
}

#rightcolumn input.button{
	margin: 5px;
}

#rightcolumn input.inputbox{
	margin: 5px;
}

#tnl, #tnr{
	float:left;
}

#topnav ul.menu li a:hover{
	color: #fcd0c0;
}

#topnav ul.menu li.active a{
	color: #333333;
	background: #d2a41a url(../images/topnav-aa.png) repeat-x top left;
	border: 1px solid #ac8613;
	border-left: 1px solid #FFD700;
	border-top: 1px solid #FFD700;
}
#topnav ul.menu li.active a:hover{
	color: #F40000;
}

#page, .clear, .clr{
	clear: both;
}

#rightcolumn fieldset{
	padding: 3px;
	padding-top: 5px;
}

#leftcolumn, #rightcolumn{
	width: 19%;
	float: left;
}

#rightcolumn{
	float: right;
}

#main{
	width: 80%;
	float: left;
}

p#form-login-remember{
	font-size: 90%;
	font-style: italic;
}

#intro .module{
	float: left;
	margin-right: 10px;
}

#intro .module-map, #intro .module-highlights{
	float: left;
	margin-right: 18px;
	height: 240px;
	width: 24%;
}

#intro .module-highlights{
 	width: 73%;
	margin-right: 0;
}

#main img{
	padding: 4px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

#page-title{
	padding-top: 5px;
	padding-bottom: 5px;
}

td.buttonheading img{
	padding: 0; margin: 0;
	border: 0;
	background-color: transparent;	
}

.contentheading-highlights, .contentheading, .componentheading{
	font-size: 120%;
	font-weight: bold;
}

li.parent ul{
	position: absolute;
	z-index: 5000;
	padding: 6px;
	margin-top: 6px;
	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	border-radius: 6px; /* CSS3 */
	-opera-border-radius:6px; /* Opera */

	border: 1px solid #333333;
	border-right: 1px solid #5d6067;
	border-bottom: 1px solid #5d6067;
	background: #333333 url(../images/topnav-a.png) repeat-x bottom left;

}

.menu-bottom{
	padding: 0; margin: 0; list-style: none;
	text-align: center;
}

.menu-bottom li{
	display: inline;
	border-right: 1px solid #F40000;
	padding-right: 6px; margin-left: 6px;
}

#component-contact table.contentpaneopen table td, #component-contact table.contentpaneopen form{
	font-size: 16pt;
}

#component-contact .contentheading{
	font-size: 18pt;
}