/* MAIN CSS FOR THE SITE */

/*
div {
	border:1px dotted #000099;
}/* uncomment this block of code to help with layout debugging in browsers */

body, html {
	margin:0;
	padding:0;
}

body {
	background:#036 url(../images/site/body_bg.jpg) top center no-repeat;
}

#header td {
	font-size:11pt;
}

#header a:link, #header a:visited {
	color:#003366;
	text-decoration:none;
}
#header a:hover {
	color:#003366;
	text-decoration:underline;
}

.white10  { color: #FFFFFF; font-size: 10px; line-height: 12px; font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif}
.white12  { color: #FFFFFF; font-size: 12px; line-height: 18px; font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif}
.white14  { color: #FFFFFF; font-size: 14px; line-height: 18px; font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif}

.white18  { color: #FFFFFF; font-size: 18px; line-height: 24px; font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif}
.white21  { color: #FFFFFF; font-size: 24px; line-height: 30px; font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, Helvetica, sans-serif}

/*------------------- NAVBAR -------------------*/

#navBar {
	background:url(../images/site/navBar_bg.jpg) top right no-repeat;
}

/*#navBar a:link, #navBar a:visited {
	color:#036;
	font-weight:bold;
	display:block;
	padding:3px 20px;
	background:url(../images/site/tab_bg_off.gif) left no-repeat;
	text-decoration:none;
	border-right:solid 1px #fff;
}

#navBar a:hover {
	color:#fc6;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/site/tab_bg_on.gif) left no-repeat;
}*/


/*------------------- CONTENT AREAS -------------------*/
#content {
	border:solid 1px #fff;
	background:#049 url(../images/site/content_bg.jpg) no-repeat;
	padding:0 15px;
	width:685px;
	max-width:685px;
}

#sideBoxes {
/*	background:#036;*/
	max-width:225px;
	width:225px;
}

#sideBoxes .box {
	border:solid 1px #fff;
	background:#69c;
	padding:10px;
}

.box div {
	border:solid 1px #036;
	background:#fff;
	color:#000;
	font-size:8pt;
	line-height:1.4em;
	padding:0 9px;
}

.box a:link, .box a:visited, .box a:hover {
	color:#06c;
}



/*------------------- FOOTER -------------------*/
#footer {
	width:920px;
	margin:0 auto;
	padding:10px 0;
	font-size:8pt;
	color:#003366;
	text-align:center;
}

#footer a:link, #footer a:visited {
	color:#003366;
	text-decoration:none;
}

#footer a:hover {
	color:#003366;
	text-decoration:underline;
}
/*------------------- Gallery -------------------*/
.images {
	border:1px solid #ccc;
	position:relative;	
	height:488px;
	
	width:650px;
	float:left;	
	cursor:pointer;
	overflow:hidden;
	margin-bottom:10px;
	
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	height:488px;
}
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}
.slidetabs {clear:both;  margin-bottom:10px; overflow:hidden; width:650px; float:left;}
.slidetabs a {height: 20px; width:20px; line-height:20px; background-color:#FF0; border:#ccc 1px solid; margin:0 2px 4px 2px; color:#333 !important; float:left; display:inline-block; text-align:center;}
.slidetabs a.current, .slidetabs a:hover {background-color:#FFC; color:#000;}
