/*=== Forms ===*/
form#join_us label { display:block; width: 100px; float: left; clear: left; font-size: 12px; text-align: right; padding-right: 10px; }
form#join_us input, form#join_us textarea {margin-bottom:10px;}
form#join_us select { height: 80px; }
form#join_us p, form#join_us h3, form#join_us input#submit { margin-top: 30px; }

/*=== Setup ===*/
*{
	border: 0;
	margin: 0;
	padding: 0
}
body{
	background: url(../images/bgr.gif) #ffffff repeat-x top;
	color: #666;
	font: .75em "Times New Roman", Times, serif
}
a{
	color: #666;
	text-decoration: underline
}
a:hover{
	text-decoration: none
}
input,select,textarea{
	border: #999999 1px solid;
	font-size: 11px;
	padding: 2px
}
li{
	list-style: none
}
h2{
	color: #72819b;
	font-size: 1.3em;
	margin: 0 0 1em;
	text-transform: uppercase
}
h2 a{
	color:#72819b;
}
h2 span{
	font-size:.8em;
	text-transform:none;
}
h2.sidebar {text-transform:none; font-weight:normal;}
h3{
	color:#bc4718;
	font-size:1.1em;
}
h3.clickable{
	background:url(../images/clickableh3_bg.gif) no-repeat 0 1px;
	color:#72819b;
	cursor:pointer;
	font-size:1.3em;
	padding-left:1.3em;
	text-transform:uppercase;
}
h3.clickable.open{
	background-position:0 -85px;
}
h3 a{
	color:#bc4718;
}
h4{
	font-size: 1em
}
p{
	line-height: 1.3em;
	padding: 0 .1em 1em
}
small{
	font-size:.8em;
}
/*=== Layout ===*/
#page{
	background: url(../images/page-bgr.gif) #ffffff repeat-x bottom;
	border: 3px solid #746971;
	border-top: 0;
	height: 1%;
	margin: 0 auto;
	padding: 0 0 30px;
	width: 794px
}
/*=== Header ===*/
#header{
	background: url(../images/header-bgr.gif) repeat-y left;
	height: 129px
}
/*- Logo -*/
#header h1{
	background: url(../images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 500px
}
#header h1 a{
	display: block;
	height: 129px;
	text-decoration: none
}
#header h1 a:hover{
	text-decoration: none
}
/*=== Navigation ===*/
/*- Nav1 -*/
#nav1{
	background: url(../images/nav1-bgr.gif) repeat-x top;
	font-size: 13px;
	font-weight: bold;
	height: 57px;
	overflow: hidden
}
#nav1 ul{
	padding: 27px 0 0 10px
}
#nav1 li{
	background: url(../images/nav1-sep.gif) no-repeat right bottom;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 13px 0 10px;
	text-transform:uppercase;
}
#nav1 li.last{
	background: none;
	padding: 0 0 0 14px
}
#nav1 li a{
	color: #ffffff;
	display: block;
	float: left;
	padding: 0 15px;
	text-decoration: none
}
#nav1 li.last a{
	padding: 0 0 0 15px
}
#nav1 li a:hover,
#nav1 li.active a{
	color: #f4c54e;
	text-decoration: none
}
/*- Nav2 -*/
.nav2{
	background: url(../images/nav2-bgr.gif) repeat-x top;
	font: bold 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 61px;
	width: 328px;
	overflow: hidden;
}
.nav2 ul{
	padding: 24px 0 0 10px
}
.nav2 li{
	float: left;
	height: 37px;
	/*line-height: 37px;*/
	padding: 0 1px 0 0;
	text-align:center;
	text-transform:uppercase;
}
.nav2 li a{
	background: url(../images/nav2-normal2.gif) no-repeat top;
	color: #bc4718;
	display: block;
	float: left;
	text-decoration: none;
	width: 102px;
	height: 37px;
	font-size: 24px;
}

.nav2 li a span {display:inline-block; vertical-align: middle; font-size: 9px;}

.nav2 li a:hover,
.nav2 li.active a{
	background: url(../images/nav2-hover2.gif) no-repeat top
}
/*=== Title Placeholder ===*/
.title img{
	display: block
}
/*=== All Columns ===*/
#columns{
	height: 1%;
	margin: 9px 0 0;
	padding: 0 3px 15px
}
/*=== Sub Columns ===*/
.col1{
	float: left;
	width: 454px;
}
.col1 .content{
	border-right: 1px solid #d2cdd1;
	height: 425px;
	padding: 18px 3px 0 22px;
}
.col1 .scroller{
	height: 380px;
	overflow: auto;
	padding:0 22px 15px 0;
}
.col2{
	float: right;
	width: 328px
}
.col2 .content{
	height: 440px;
	margin:10px 0 0;
	overflow: auto;
	padding: 20px 15px;
}
* html .col2 .content{
	width: 298px;
}
.col2 strong a{
	color: #bc4718;
	text-decoration: none
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1{
	margin: 0 0 1em
}
.list1 li{
	background: url(../images/ico-list.gif) no-repeat 0 7px;
	display: inline;
	padding: 0 15px 0 7px
}
/*=== Link Buttons ===*/
.btn-join{
	background: url(../images/hd01.gif) repeat-x top;
	font-size: 14px;
	font-weight: bold;
	height: 61px;
	line-height: 61px;
	margin: 0 0 3px;
	text-align: center;
	text-transform: uppercase
}
.btn-join a{
	color: #ffffff;
	display: block;
	text-decoration: none
}
.btn-join a:hover{
	text-decoration: underline
}
.btn-join a strong{
	color: #f4c551
}
/*=== Footer ===*/
#footer{
	color: #a39ba1;
	height: 1%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 794px
}
#footer a{
	color: #72819b
}
#footer p{
	padding: 0
}

/*=== pagination ===*/
.content ul.pagination{
	background:#ddd;
	color:#666;
	padding:10px;
}
.content ul.pagination li{
	display:inline;
	list-style:none;
}
.content ul.pagination li.here a{
	text-decoration:none;
}
/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.hl, hr{
	border-top: 1px solid #d2cdd1;
	clear: both;
	height: 1px;
	margin: 15px 0;
	overflow: hidden;
	width: 100%
}

.col1 .content .hl {width: 380px;}

.fl{
	float: left
}
.fr{
	float: right
}

form{
	margin:1em 0;
}
label{
	color:#666;
	display:block;
	font-size:.8em;
}
.comment-box, .comment-box-alt{
	color:#666;
	background:#ddd;
	margin:1em 0 0;
	padding:10px;
}
.comment-box-alt{
	background:#eee;
}
.content ul, .content ol{
	padding: 0 .1em 1em 1em;
}
.content ul li{
	list-style-type:disc;
	margin:0 0 0 1em;
	padding:0 0 1em;
}
.content ol li{
	list-style-type:decimal;
	margin:0 0 0 1em;
	padding:0 0 1em;
}
.content ul ul{
	padding: 1em .1em 0 1em;
}

p.sidebar.join { font-weight: bold; text-align: center; }
h2.sidebar.join { font-weight: bold; text-align: center; font-size: 1.5em; }