/*-----------------------------------*/
/* GLOBAL VARIABLES AND CONTROLS     */
/*-----------------------------------*/
html {
	overflow-y: scroll;
}

body {
	margin: 0px;
	background: #8298a6 url(images/bg.jpg) no-repeat 50% 0;
	font-size: 14px;
	text-align: center;
	color: #737474;
	font-family: Arial, Helvetica, sans-serif;
}

p {
	margin: 5px 0px 5px 0px;
}

ul {
	margin: 0px 0px 0px 5px;
}

a, a:visited {
	color: #de9757;
	text-decoration: none;
}

a:hover {
	color: #000000;
}

.notesBottomCtn a, .noteBottomCtn a:visited {
	color: #737474;	
}

.notesBottomCtn a:hover{
	color: #de9757;		
}

img {
	border: 0;
}

/* This container is for the control of the events containers
|  look and feel. Used to organize content title, date, and info
\ */

.eventsCtn {
	width: auto;
}
.eventsTitle {
	float: left;
	width: 120px;
	padding-right: 10px;
}

.eventsDate {
	float: left;
	width: 85px;
}

.eventsTime {
	float: left;
	width: 115px;
}

.eventsInfo {
	float: left;
	width: 200px;
}
/*-----------------------------------*/
/* HEADING TAGS                      */
/*-----------------------------------*/

h1 {
	margin: 0px 0px 0px 0px;
	font-size: 20px;
}

h2 {
	margin: 0px 0px 0px 0px;
}

h3 {
	color: #6daec3;
	font-size: 18px;
	display: block;
	margin-bottom: 4px;
	border-bottom: 1px dashed #6daec3;
}

h4 {
	color: #de9757;
	padding-left: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	font-size: 22px;
}

h5 {
	color: #de9757;
	padding-left: 0px;
	margin-bottom: 2px;
	margin-top: 0px;
	font-size: 15px;
}

h6 {
	margin: 0px 0px 0px 0px;
	font-size: 14px;
}

.subHeader {
	font-weight: bold;
	letter-spacing: -1px;
	font-size: 18px;
}

/*-----------------------------------*/
/* #wrapper ID                       */
/*-----------------------------------*/
#wrapper {
	width: 895px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#wrapper .clear {
	clear: both;
}
#wrapper .bodyTop {
	width: 895px;
	height: 46px;
	background: #8ba0ac url(images/mainbg_top.jpg) no-repeat;
}

#wrapper .bodyMid {
	width: 895px;
	background:url(images/content_bg.jpg) repeat-y;
}

#wrapper .bodyBottom {
	width: 895px;
	height: 120px;
	background: url(images/mainbg_bottom.jpg) no-repeat;
	text-align: center;
	padding-top: 25px;
}

#wrapper .logo {
	width: 324px;
	height: 83px;
	background: url(images/logo_bottom.jpg);
}

#wrapper .topLeftCol {
	width: 324px;	
}

#wrapper .nav {
	width: 301px;
	height: 289px;
	background: #FFFFFF url(images/topleftcol.jpg) no-repeat;
	margin: 0px;
	padding-top: 13px;
	padding-left: 18px;
	text-align: left;
}

#wrapper .botLeftCol {
	width: 324px;	
}

#wrapper .events {
	float: right;
	width: 556px;
	height: 405px;
	background: url(images/eventsmain.jpg) no-repeat;
	padding: 14px 0px 0px 15px;
}

#wrapper .mainContent {
	width: 571px;
}

#wrapper .mainContentTop {
	width: 571px;
	height: 40px;
	background: url(images/maincontent_top.jpg) no-repeat;
}

#wrapper .mainContentMid {
	width: 571px;
	background: url(images/maincontent_mid1.jpg) no-repeat;
}

#wrapper .mainText {
	margin: 0px 18px 0px 16px;
	text-align:left;
}

.divider {
	margin: 7px 18px 7px 14px;
	height: 2px;
	background-color: #d9d6d6;
}

/*-----------------------------------*/
/* Left Column Container             */
/*-----------------------------------*/

#wrapper .leftCol {
	float: left;
	width: 324px;
}

.leftCol li {
	margin-left: 5px;
}

.notes ul {
	margin-left: 0px;
}

.notes li {
	margin-left: 0px;
}

.notesTxt {
	margin-left: 5px;
	margin-bottom: 5px;
}
.date {
	float: left;
	margin-right: 4px;
	font-weight: bold;
}
.latestNewsText {
	float: right;
	width: 205px;
	font-size: 12px;
}

.upgrade {
	text-align: center;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}
/*-----------------------------------*/
/* Right Column Container            */
/*-----------------------------------*/

#wrapper .rightCol {
	float: right;
	width: 571px;
	background: url(images/subMainbg.jpg) no-repeat;
}

.rightCol li {
	margin-left: 20px;
}

.rightCol ul{
	list-style-type: none;
	margin-left: 0px;
}

.rightCol ul ul{
	margin-left: 20px;
}
/*-----------------------------------*/
/* Notes Container on left side      */
/*-----------------------------------*/

#wrapper .notes {
	width: 324px;
	height: 335px;
	background: url(images/botleftcol.jpg) no-repeat;
}

.notesTopCtn {
	width: 309px;
	height: 122px;
	padding-top: 15px;
	padding-left: 14px;
}

.notesBottomCtn {
	width: 309px;
	padding-left: 14px;
}

.notesText {
	margin: 0px 18px 0px 16px;
	text-align:left;
}

.dateCtn {
	width: auto;
	margin-bottom: 10px;
}

/*-----------------------------------*/
/* Bottom main container for holding */
/*-----------------------------------*/

#wrapper .bottomMainCtn {
	width: 571px;
}

/*-----------------------------------*/
/* Bottom container - Left container */
/*-----------------------------------*/
.bottomMainLeft {
	float: left;
	width: 223px;
}

.bottomMainLeftText {
	margin: 0px 2px 8px 15px;
	text-align: left;
}

.bottomMainLeftLogo {
	width: 206px;
	padding: 0px 0px 10px 14px;
}

/*------------------------------------*/
/* Bottom container - Right container */
/*------------------------------------*/
.bottomMainRight {
	float: right;
	width: 344px;
}

.bottomMainRightTop {
	width: 344px;
	height: 81px;
}

.bottomMainRightTop_logo {
	float: left;
	width: 122px;
	height:76px;
}

.bottomMainRightTop_text {
	float: right;
	width: 196px;
	margin-right: 14px;
	margin-left: 8px;
}

.bottomMainRightMid {
	width: 344px;
	height: 81px;
}

.bottomMainRightMid_logo {
	float: left;
	width: 122px;
	height: 76px;
}

.bottomMainRightMid_text {
	float: right;
	width: 196px;
	margin-right: 14px;
	margin-left: 8px;
}

.bottomMainRightBottom {
	width: 344px;
	height: 81px;
}

.bottomMainRightBottom_logo {
	float: left;
	width: 122px;
	height: 76px;
}

.bottomMainRightBottom_text {
	float: right;
	width: 196px;
	margin-right: 14px;
	margin-left: 8px;
}

/*-------------------------------------*/
/*             SUBPAGES                */
/*-------------------------------------*/

.subMainImage {
	width: 546px;
	height: 181px;
	padding: 5px 0px 0px 6px;
	margin: 10px 10px 10px 10px;
	background:url(images/subImagebg.jpg) no-repeat;
}

.subMainText {
	float: left;
	width: 541px;
	margin: 0px 0px 0px 13px;
	display: block;
}

.subDiscList li{
	list-style-type: disc;
}

.subNoDiscList li {
	list-style-type: none;
}

/*-------------------------------------*/
/* FOOTER and all tags related go here */
/*-------------------------------------*/

#footer {
	width: 895px;
	padding-top: 10px;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(images/bottom1.jpg);*/
	/*	background-repeat: no-repeat;*/
}

#footer a {
	color: #575757;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

/*#footer a:hover {
	color: #e2b612;
}*/

#footer p {
	margin-top: 20px;
}
.footerLine {
	width: 790px;
	/*border-top: 1px solid #b8b7b7;*/
}

/********************* FORM **********************/
input.txt {
  color: #747272;
  border: 1px solid #a8a8a8;
  width: 200px;
}
input.btn { 
  color: #747272;
  background-color: #fff;
  border: 1px solid #a8a8a8;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
form p label {
  float: left;
  width: 50%;
  font: Arial, Helvetica, sans-serif;
}
textarea {
  color: #336699;
  border: 1px solid #a8a8a8;
  width: 250px;
}
select {
  color: #747272;
  border: none;
  width: 200px;
}