@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #ddd;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	font-size: .85em;
	letter-spacing: .015em;
	color: #071935;
}

p{
	margin: .9em 0;
	font-size: .95em;
	line-height: 1.6em;
}

 /*_________________________________________________ HEADERS ______________*/

 h1{
	position: relative;
	width: 100%;
	background: url(webImages/headerBG.jpg);
 }
 
 h2{
	padding-left: 55px;
	padding-top: 12px;
	font-size: 1.2em;
	display: block;
 }
 
 h3{
 	margin-top: 1em;
 }
 
 /*_________________________________________________ DIVS _________________*/
 
 #container{
	width: 85%;
	height: 100%;
	bottom: 0;
	top: 0;
	position: relative;
	margin: 5px auto;
	border: 2px solid #aaa;
	background-color: #f1f1f1;
	min-width: 800px;
 }
 #header{
	width: 100%;
	height: 111px;
	background-image: url(webImages/headerBG.jpg);
 }
 #nav{
 	height: 33px;
	overflow: hidden;
	background-image: url(webImages/gradient_thead.gif);
	text-align: center;
	margin: auto;
 }
 #belowNav{
 	height: 18px;
	width: 100%;
	background-image: url(webImages/topBlueLine.jpg);
	background-repeat:repeat-x;
	position: relative;
 }
 #lColumn{
 	width: 28%;
	padding-left: 4%;
	position: absolute;
	top: 160px;
	left: 0px;
	bottom: 0px;
	background-image: url(webImages/leftSideBG.jpg);
	background-repeat: repeat-y;
	padding-top: 15px;
	padding-bottom: 30px;
 }
 
#rColumn{
	width: 62%;
	top: 160px;
	float: right;
	margin-right: -41px;
	padding-right: 4%;
	padding-bottom: 62px;
	padding-top: 15px;
	padding-left: 4%;
	background-image: url(webImages/rightSideBG.jpg);
	background-repeat: repeat-y;
	background-position: right;
}
 
div.contentBlock{
	background-color: #f1f1f1;
	margin-bottom: 10px;
}

.content{
	padding: .5em 1.5em 1.5em 1.5em;
	background-color: #ddd;
	margin: 0 3px;
}

div.contentHead{
	position: relative;
	height: 34px;
	background: url(webImages/textHeaderMain.jpg);
}
div.leftEnd{
	position: absolute;
	top: 0;
	left: 0;
	background: url(webImages/leftEnd.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 49px;
}
div.rightEnd{
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(webImages/rightEnd.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 93px;
}
div.contentFoot{
	height: 19px;
	width: 100%;
	background-image: url(webImages/textFooterMain.jpg);
	background-repeat: repeat-x;
}
div.leftBottom{
	height: 19px;
	width: 24px;
	background-image: url(webImages/textFooterLeft.jpg);
	background-repeat: no-repeat;
}
div.rightBottom{
	height: 19px;
	width: 24px;
	background-image: url(webImages/textFooterRight.jpg);
	background-repeat: no-repeat;
	float: right;
}
#footer{
	position: absolute;
	height: 24px;
	width: 100%;
	bottom: 50px;
	background-image: url(webImages/bottomBlueLine.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	z-index: 0;
}

#contactFooter{
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 50px;
	background-image: url(webImages/headerBG.jpg);
	background-repeat: repeat-x;
	z-index: 0;
	color: #D6EDFC;
	text-align: center;
	padding-bottom: 3px;
	line-height: 1.2em;
}


.clear{
	clear: both;
	width: 100%;
}

.lineHeightSm{
	line-height: 1.1em;
}

.spaceAbove{
	margin-top: 2em;
}

/* __I am sorry I had to do this */
.topFix{
	vertical-align: top;
}

.note{
	font-size: .9em;
	margin-left: 1.5em;
}

.bubbleInfo {
    position: relative;
	z-index: 100;
}

.trigger:hover{
	color: #888;
}

.trigger{
	margin: 0px 0px;
}

.popup {
    position: absolute;
	top: 100px;
	left: 260px;
    display: none; 
	/* keeps the popup hidden if no JS available */
	background-color: #DCE4F9;
	width: 450px;
	background-image: url(webImages/popUpBG.jpg);
	border: 2px solid #466CC8;
	padding: .7em; 
	z-index: 101;
}

.center{
	margin: auto;
	text-align: center;
}

.bold{
	font-weight: bold;
}

warning{
 color: #990000;
}


/*_______________________________________ Navigation Divs _________________*/
#home{
	display: block;
}
#members{
	display: none;
}
#apply{
	display: none;
}
#ventrilo{
	display: none;
}

/*_______________ Edge Divs _________________*/
/*
 #lBorder{
 	position: absolute;
	top: 143px;
	left: 0;
	width: 41px;
	height: 80%;
 	background-image: url(webImages/leftSideBG.jpg);
 }
*/
 .topLeft{
 	height: 24px;
 	width: 41px;
 	background-image: url(webImages/topLeft.jpg);
	background-repeat: no-repeat;
	float: left;
 }
 .bottomLeft{
 	height: 24px;
 	width: 41px;
 	position: absolute;
	float: left;
 	background-image: url(webImages/bottomLeft.jpg);
	background-repeat: no-repeat;
 }

/*
  #rBorder{
 	position: absolute;
	top: 143px;
	bottom: 0;
	right: 0;
	width: 41px;
	height: 100%;
 	background-image: url(webImages/rightSideBG.jpg);
	background-repeat: repeat-y;
 }
 */
 
 .topRight{
 	height: 24px;
 	width: 41px;
	float: right;
 	background-image: url(webImages/topRight.jpg);
	background-repeat: no-repeat;
 }
 .bottomRight{
 	height: 24px;
 	width: 41px;
 	float: right;
 	background-image: url(webImages/bottomRight.jpg);
	background-repeat: no-repeat;
 }


 
/*_________________________________________________ LISTS _________________*/

ul{ list-style-type: none;}

ul.ulNews li{
	padding: .4em;
}

li{
	padding-left: .6em;
	padding-bottom: .2em;
}

ol{
	list-style-position: inside;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: .5em;
}

ol li{
	padding: .1em;
}

#header img{
	overflow: hidden;
}
 
/*_________________________________________________ LINKS _________________*/
 
a:link{
	border: none;
}


 
/*_________________________________________________ IMG _________________*/

img{
	border: none;
}
/*
.navBtnRight{
	float: right;
}
.navBtnLeft{
}
*/

.navBtn:hover{
	position: relative;
	bottom: 33px;
	
}

.center{
	margin: auto;
	text-align: center;
}
 
 
/*_________________________________________________ SPANS _________________*/

span.date{
	text-transform: capitalize;
	font-weight: 700;
	padding-right: 1em;
}


/*_________________________________________________ FORMS _________________*/

form.application{
	margin-top: 2em;
	margin-left: 30px;
}

textarea, input, select{
	margin: .2em 0 1em 0;
}

label{
	margin-top: 1.8em;
}

.application label.inlineLabel{
width: 110px;
float:left;
padding:0.2em;
margin:0;
}

form.center input{
 margin-bottom: 0;
}