/* ------------------------------------------------------------------------------------------- */
/*     Main Body and HTML styles...                                                            */
/* ------------------------------------------------------------------------------------------- */
html,body,td,th,p,li	{
	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*background-color: #ffffff;
	color: #000000;*/
	color:#889fb7;
	font-size: x-small;


}

p { padding-bottom:7px}

html,body { 
	text-align: center; 
	background-color: transparent; 
}

td,th,p,li { 
	text-align: left; 
}


html {
	
	background-color : #ffffff; border: 0 solid #000000; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #3d3d3d; 
	scrollbar-3dlight-color: #8c8c8d; 
	scrollbar-arrow-color: #3d3d3d; 
	scrollbar-track-color: #f5f5f5; 
	scrollbar-darkshadow-color: #bcbcbc;
	overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;	
}


body	{
	
	font-family: verdana, arial;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	text-align: center;

}





h1 	{
	font-family: verdana, arial;
	font-size: large;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	
}

h2 {
	color: #000000;
	font-family: verdana, arial;
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

h3 		{
	color: #000000;
	font-family: verdana, arial;
	font-size: small;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

h4 	{
	font-family: verdana, arial;
	font-size: x-small;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}



form {
	margin: 0px;
	padding: 0px;
}




/* ------------------------------------------------------------------------------------------- */
/*     Site Structure Styles - Used to control main work areas and structure of site           */
/* ------------------------------------------------------------------------------------------- */

.titleBg1 {background-image:url(../Images/titleBgs/titleTextBg1.gif); background-repeat:no-repeat; background-position:left; width:562px; height:34px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;color:#FFFFFF; padding: 15px 0px 0px 10px; margin-bottom:10px;}

.titleBg2 {background-image:url(../Images/titleBgs/titleTextBg2.gif); background-repeat:no-repeat; background-position:left; width:562px; height:34px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;color:#FFFFFF; padding: 15px 0px 0px 10px; margin-bottom:10px;}

body {	margin-left: auto;
	margin-right: auto;
	 width:780px}

#contentHolder {
	border: 1px solid #e0e0e0;
	text-align: left;
	width: 772px;
	padding: 3px;
	margin-top:5px;
	float:left;
}

#contentHolderBg {
	width: 772px;
	float:left;
	/*background-image:url(../images/leftNavBgHolder.gif); background-repeat:repeat-y; background-position:left;*/
		background-image:url(../images/leftbar/leftBarBg.gif); background-repeat:repeat-y; background-position:left
}

#content {
	float: left;
	width: 576px;
	vertical-align: top;
	margin: 0px;
	text-align: left;
	padding: 15px 8px 20px 8px; 

}

.contentArea {
	float:left;
	width:375px;
	margin-right:5px
}
html>body .contentArea {margin-right:5px}

.contentArea a { font-size:10px; color:#008de5; font-weight:bold}


.contentArea h1{ color:#889fb7; font-size:13px; font-weight:bold; border-bottom:1px solid #e0e0e0; padding-bottom:5px}
.contentArea h2{ color:#889fb7; font-size:11px; font-weight:bold; padding:5px; background-color:#e2eef8}


.rightBar {
	float:left;
	width:195px;
}

.spacerLine {border-bottom:1px solid #e0e0e0; font-size:0px; margin-bottom:15px}

/* ---------------------------------*/
/*    Header                        */
/* -------------------------------- */

#header {

	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 772px;
	background-color: #ffffff;

}

.HeaderImage { margin-bottom:2px}
.HeaderImage img { vertical-align:bottom}

.headerHolder { 
	background-image:url(../images/Header/headerHolder.gif); 
	width:772px; 
	height:65px		
	
}

.headerOptions { width:297px; float:left; color:#FFFFFF; font-size:10px; font-weight:bold; padding:5px 0px 0px 5px}
.headerOptions a{ color:#FFFFFF; font-size:9px; font-weight:bold}
.headerOptions img {padding-left:4px; padding-right:4px;}
.headerOptionText { margin:3px; float:left}

.advert {width:470px; float:left}

.advert img { border:1px solid #559ccc; margin-top:2px;}

/* ---------------------------------*/
/*    Left Bar                      */
/* -------------------------------- */

#leftBar {
	vertical-align: top;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 180px;

	
}

.LeftbarNav ul { margin:0px 0px 0px 8px; padding:0px; background-color:transparent}
.LeftbarNav li{ color:#008de5; font-size:10px; font-weight:bold; background-image:url(../images/leftbar/bulletArrow.gif); background-repeat:no-repeat; background-position: 2px 2px; list-style:none; padding-left:20px; background-color:transparent; margin-bottom:15px;}
.LeftbarNav li a:link{color:#008de5;}
.LeftbarNav li a:visited{color:#008de5;}
.LeftbarNav li a:hover{color:#008de5;}
.LeftbarNav li a:active{color:#008de5;}

.subscribe { background-image: url(../Images/leftbar/subscribeBg.gif); background-repeat:repeat-y; background-position:top;  font-size:10px; width:164px; margin-left:5px; margin-bottom:10px;}
.subscribe p {  color:#cce8fa; font-size:10px;  margin-left:7px; margin-bottom:5px; background-color:transparent}

.signup { background-color:#008de5;  font-size:10px; width:164px; margin-left:5px; margin-bottom:0px}
.signup p {  color:#ffffff; font-size:10px;  margin-left:7px; margin-bottom:5px; background-color:transparent}
.signup table {  margin:0px; padding:0px; margin-left:7px; width:100px}
.signup td { background-color:transparent; font-size:9px; font-weight:bold; color:#008de5; padding-bottom:3px }
.signup td input { border:1px solid #7bb6b6; width:145px; color:#000000; font-size:10px}

.signupBg {background-color:transparent; background-image:url(../images/leftbar/signupBg.gif); background-repeat:repeat-y;}

.signupActions { padding: 5px 10px 0px 10px}
.signupActions a { color:#008de5; font-size:9px}
.signupActions input {float:right}


/* ---------------------------------*/
/*    Footer                        */
/* -------------------------------- */

#footer {
	float:left;
	margin: 0px;
	padding: 0px;
	width: 780px;
	text-align:left;
	font-size:10px;
	color:#828282;
	line-height:18px;
	margin-top:10px;
}

#footer img{ vertical-align:middle}
html>body #footer img{ vertical-align:top}

#footer a {	color:#828282;}

.blueBar { background-color:#aac8e0; height:5px; font-size:0px; float:left; width:772px}


/* ------------------------------------------------------------------------------------------- */
/*    Link Styles																	           */
/* ------------------------------------------------------------------------------------------- */

a:link	{
	
	text-decoration: none;
}

a:active	{
	text-decoration: none;
}

a:visited	{
	text-decoration: none;
}

a:hover		{
	text-decoration: underline;
}




/* ------------------------------------------------------------------------------------------- */
/*    Miscellaneous -  Cursor styles, font weight etc..										   */
/* ------------------------------------------------------------------------------------------- */


.titleHelp {
	cursor: help;
}

bold	{
	font-weight: bold;
}

italic	{
	font-style: italic;
}

.underline { 
	text-decoration:underline
}




/* ------------------------------------------------------------------------------------------- */
/*    Alignment Styles -  Left align, floatRight etc										   */
/* ------------------------------------------------------------------------------------------- */


.clear {
    clear:both;
  }
  

.alignLeft {
	text-align:left
}

.alignCenter {
	text-align:center
}

.alignRight {
	text-align:right
}

.floatLeft {
	float: left;
}

.floatRight {
	float:right
}

.hidden {
	display:none;
}

/* ------------------------------------------------------------------------------------------- */
/*    Homepage Styles										   */
/* ------------------------------------------------------------------------------------------- */



.newsItem { margin-top:15px;  margin-bottom:15px; float:left;}
.newsItem p { color:#889fb7; margin-bottom:5px}
.newsItemImg { float:right; margin:0px 5px 5px 10px}
html>body .newsItemImg { padding:0px 10px 10px 0px; }
.newsItemText {float:left;  }
html>body .newsItemText {}

.contentItem { margin-top:15px;  margin-bottom:15px; float:left;}
.contentItem p { color:#889fb7; margin-bottom:5px}
.contentItemImg { float:left; padding:5px 10px 10px 0px; }
html>body .contentItemImg { padding:0px 10px 10px 0px; }
.contentItemText {float:left;  }
html>body .contentItemText { width:350px  }

.contentList ul { margin:0px; padding:0px; padding-left:10px}
.contentList ul li { margin-bottom:10px; list-style:none; background-image:url(../Images/Bullet.gif); background-position: 0px 5px; background-repeat:no-repeat; padding-left:10px; color:#339999}

.contentTable td {color:#339999; padding-bottom:8px; vertical-align:top}

.quickLinks { float:left; width:180px;}
.quickLinks p {color:#889fb7; font-size:10px; margin-bottom:5px}
.quickLinks ul { margin:0px; padding:0px 0px 0px 5px}
.quickLinks li { list-style:none; background-image:url(../images/Bullet.gif); background-repeat:no-repeat; background-position: 0px 9px; border-bottom:1px solid #e0e0e0; padding:5px 0px 5px 10px}

.eventsItem { margin-top:10px;  margin-bottom:15px; float:left;}
.eventsItem p { color:#889fb7; margin-bottom:5px; }
.eventsItemImg { float:left; padding:5px 10px 10px 0px; width:65px; text-align:center  }
html>body .eventsItemImg { padding:5px 10px 10px 0px; }
.eventsItemText {float:left; padding-bottom:5px; margin-top:5px; border-bottom:1px solid #e0e0e0  }
html>body .eventsItemText { width:290px  }

.advertRight { margin-bottom:10px; float:right}
.advertRight img {vertical-align:bottom}

.eventFinder { background-image:url(../images/rightbar/eventFinderBg.gif); background-repeat:repeat-y; background-position:top; width:193px; margin-bottom:10px; float:left}
.eventFinder p { background-color:transparent; color:#339999; margin-left:8px; margin-top:3px; margin-bottom:5px;}
.eventFinder table { width:188px; background-color:transparent; margin-left:5px;}
.eventFinder td { background-color:transparent; color:#339999; font-weight:bold; padding-bottom:3px}
.eventFinder td select { font-size:11px; color:#000000; font-weight:normal; width:180px}