/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #B3B3B3 url(../images/backgnd-yrep.jpg) repeat-y center;
	margin: 0 auto;
	padding: 0;
}

a {
	text-decoration: none;
}

h1 {
	color: #333;
	font-weight: normal;
	font-size: 22px;
}

#container {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

#topWrapper {
	height: 110px;
}

#topWrapper img {
	float: left;
	display: inline;
	margin: 5px 0px 0px;
}
#nav {
	float: right;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 0px 75px;
	width: 457px;
}
#nav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;	
}
#nav ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#nav ul li a {
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #333;
	color: #333;
}
#nav ul li a:hover {
	color: #B3B3B3;
}
#topText {
	float: right;
	display: inline;
	text-align: right;
}

#topText img {
	float: right;
	display: inline;
	margin: 5px 0 0 0;
}

#topText p {
	margin: 5px 0 0 0;
	padding: 0;
}

.largerTxt {
	font-size: 18px;
	color: #444;
	font-weight: bold;
	margin: 10px 0 0 0;
	float: right;
	display: inline;
}

.largerTxt a {
	color: #444;
	text-decoration: none;
}

.largerTxt a:hover {
	color: #98BBDB;
}

#topTextSmall {
	clear: both;
	position: relative;
	top: 5px;
}

.smallerTxtBold {
	font-size: 11px;
	color: #444;
	font-weight: bold;
}

.smallerTxt {
	font-size: 11px;
	color: #666;
}

#bandImage {
	height: 5px;
	width: 100%;
	background: #98BBDB;
}

/* Navigation CSS */
#navigation {
height: 56px;
margin: 0px;
padding: 0px;	
}
ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
}
#navigation ul li a.page {
	background: url(../images/btn-nav.jpg) top no-repeat;
	width: 106px;
	color: #fff;
	padding: 32px 0 7px 7px;
	margin: 0 5px 0 0;
}
ul#topnav li a {
	float: left;
	display: block;
	width: 107px;
	background: #E7EEF6;
	text-decoration: none;
	color: #2E5261;
	padding: 20px 0 7px 6px;
	margin: 5px 5px 0 0;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background: url(../images/btn-nav-over.jpg) top no-repeat;
	width: 106px;
	color: #fff;
	padding: 20px 0 19px 7px;
	margin: 0 5px 0 0; } /*--Hover State--*/
ul#topnav li a.parent:hover {
	background: #bcd2e7;
	width: 106px;
	color: #fff;
	padding: 24px 0 14px 7px;
	margin: 0 5px 0 0; } /*--Hover State--*/
	
#navigation #searchwrapper {
	float: right;
	display: inline;
	display: block;
	width: 56px;
	height: 41px;
	background: #D2DFEE;
	margin: 5px 0 0 0;
} 
ul#topnav li .sub {
	position: absolute;	
	z-index: 500;
	top: 46px; left:0px;
	background: #bcd2e7;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .sub2 {
	position: absolute;	
	z-index: 500;
	top: 46px; left: -250px;
	background: #bcd2e7;
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul, ul#topnav li .sub2 ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 160px;
	float: left;
}
ul#topnav .sub ul li, ul#topnav .sub2 ul li {
	width: 100%;
	color: #fff;
	margin: 0; padding: 0;
}
ul#topnav .sub ul li h2, ul#topnav .sub2 ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a, ul#topnav .sub2 ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #2e5261;
	margin: 0px;
}
ul#topnav .sub ul li a, ul#topnav .sub2 ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: none;
	padding: 7px 0px 7px 0px;
	display: block;
	text-decoration: none;
	color: #2e5261;
	width: auto;
	font-weight: bold;
	margin: 0px;
}
ul#topnav .sub ul li a:hover, ul#topnav .sub2 ul li a:hover {	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: none;
	padding: 7px 0px 7px 0px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	width: auto;
	font-weight: bold;
	margin: 0px;}

/*====================================================end of dropdown nav=====================*/
.lineTop {
	clear: both;
	height: 3px;
	border-bottom: solid 2px #C5C6C8;
	width: 100%;
}

.lineBot {
	clear: both;
	height: 8px;
	border-top: solid 2px #C5C6C8;
	width: 100%;
}

#javascriptWrapper {
	width: 100%;
	height: 155px;
	margin: 8px;
}

#javascriptMain {
	width: 698px;
	height: 155px;
	float: left;
	display: inline;
	position: relative;
	z-index: 1;
}

#javascriptWrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#javascriptWrapper ul li {
	width: 88px;
	height: 74px;
	float: left;
	display: inline;
	margin: 0 0 6px 6px;
}

.jQueryTxtOverlay {
	position: absolute;
	top: 30px;
	right: 89px;
	z-index: 2;
	text-decoration: none;
	color: #fff;
	text-align: right;
}

.jQueryTxtOverlay p {
	width: 375px;
	padding: 0;
	margin: 5px 0 0 0;
	float: right;
	line-height: 1.5em;
}

.jQueryHeader {
	font-size: 24px;
	width: 450px;
}

.jQueryLine {
	clear: right;
	border-bottom: solid 1px #fff;
	width: 450px;
	height: 2px;
	margin: 0;
	padding: 0;
}

.thumbPos {
	position: relative;
}

.thumbText {
	position: absolute;
	text-align: right;
	float: right;
	font-size: 10px;
	bottom: 4px;
	right: 4px;
	color: #fff;
	text-decoration: none;
}

#content {
	float: left;
	display: inline;
	width: 675px;
	line-height: 1.5em;
	color: #444;
	padding:10px 10px;
}

#content p {
	margin: 15px 0;
	padding: 0;
}

#actinic {
	float: right;
	display: inline;
	text-align: left;
	width: 227px;
	height: 315px;
	background: url(../images/actinic-bckgnd.jpg) no-repeat;
	padding: 25px;
	margin: 10px 0px 0px;
}

#actinicTxtLarge {
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	line-height: 1em;
}

#actinicTxt {
	color: #FFF;
	line-height: 2em;
}

#busClubs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#busClubs ul li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
}

#footer {
	width: 100%;
	background: #ECECED;
	margin: 0 0 20px 0;
	font-size: 90%;
}

#footerText {
	float: left;
	display: inline;
	color: #555;
	line-height: 2em;
	padding: 25px;
}

#footerLinks {
	float: right;
	display: inline;
	padding: 35px 25px;
	text-align: right;
}

#footerLinks a {
	color: #2E5160;
	font-weight: bold;
	text-decoration: none;
}

#footerLinks a:hover {
	text-decoration: underline;
}