/* Global styles */
body { overflow: -moz-scrollbars-vertical; background: url(../images/bg_body_1px.png) repeat; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333;}
* {margin: 0 auto; padding: 0; } /*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#00344a; text-decoration:underline;}
	a:hover, a.current {color:#0089c3; text-decoration: none;}
	:focus {outline: none;}
p { padding:0 0 10px 0; line-height:18px;}
td, th, tr {font-size:11px;}
ul {list-style: none; padding:0; margin:0}

h1{color:#00344a; font-size:20px; padding:0 0 10px 0;}
h1 a{text-decoration: none;}


/***********MAIN WRAPPERS / IDs**************/
#Wrapper {width:100%; background: url(../images/bg_container.png) center repeat-y;}
#Container {width: 950px; padding: 0 10px; }
#ContainerBtm {height: 20px; background: url(../images/bg_bottom.png) top center no-repeat;}

/***********CONTENT WRAPPERS / IDs**************/
#ContentWrapper {width:950px; clear:both; padding-top:10px;}
	#ContentLeft {width:630px; float: left;}
	#ContentRight {width:310px; float: left; padding-left: 8px; margin: 0;}
#COMPContentWrapper {clear:both; padding:10px 0px 15px;}

/***********HEADER**************/
#Header {width:950px; height: 37px; background: url(../images/header_top.jpg) top no-repeat;}
#HeaderForms {width:940px; height: 31px; background: url(../images/header_forms_bg.jpg) top no-repeat; padding-right: 10px;}
	#HeaderLearnMore {width:319px; height: 18px; background: url(../images/header_learnmore.jpg) bottom left no-repeat; float: right;}
	#HeaderFormContainer {float: right; display:none;}
	#HeaderFormContainer form {float: right; padding-right:2px;}
	#HeaderInput {vertical-align:top;}
	#HeaderSubmit {padding-left:2px;}
#HeaderBtm {width:950px; height: 73px; background: url(../images/header_bottom.jpg) top no-repeat; padding:0px; float: left; *float:none;}
	#HeaderBtm #Link1 {float: right; padding:42px 0px 0px; margin:8px 5px 0px 0px; height:0px; width:358px; overflow:hidden; text-indent:-9999px; z-index:2; }
	#HeaderBtm #Link2 {float: right; padding:42px 0px 0px; margin:8px 11px 0px 0px; height:0px; width:298px; overflow:hidden; text-indent:-9999px; z-index:2; }
	

/***********NAVIGATION**************/
#Nav {width: 950px; height: 33px; background: url(../images/nav_bg_rollovers.jpg) top no-repeat; float: left;}
	#Nav ul{padding: 0 11px 0 180px; margin: 0;}
	#Nav ul li{position: relative; float: left; width: auto; height: 33px; padding: 0; margin: 0;}
	#Nav ul li a{display: block; padding: 0; margin: 0; height: 33px;}
	/***********HOME**************/
	#Nav ul li a.home{width: 63px; background: transparent; }
	#Nav ul li a.home:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -181px -35px;}
	#Nav ul li a.home_active{width: 63px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -181px -35px; }
	/***********WHAT**************/
	#Nav ul li a.what{width: 102px; background: transparent;}
	#Nav ul li a.what:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -244px -35px;}
	#Nav ul li a.what_active{width: 102px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -244px -35px; }
	/***********COMPONENTS**************/
	#Nav ul li a.components{width: 115px; background: transparent;}
	#Nav ul li a.components:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -346px -35px;}
	#Nav ul li a.components_active{width: 115px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -346px -35px;}
	/***********ACTIVITIES**************/
	#Nav ul li a.activities{width: 90px; background: transparent;}
	#Nav ul li a.activities:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -461px -35px;}
	#Nav ul li a.activities_active{width: 90px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -461px -35px;}
	/***********NEWS**************/
	#Nav ul li a.news{width: 68px; background:transparent;}
	#Nav ul li a.news:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -551px -35px;}
	#Nav ul li a.news_active{width: 68px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -551px -35px;}
	/***********FAQ**************/
	#Nav ul li a.faq{width: 61px; background:transparent;}
	#Nav ul li a.faq:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -619px -35px;}
	#Nav ul li a.faq_active{width: 61px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -619px -35px;}
	/***********CONTACT**************/
	#Nav ul li a.contact{width: 82px; background: transparent;}
	#Nav ul li a.contact:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -680px -35px;}
	#Nav ul li a.contact_active{width: 82px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -680px -35px;}
	/***********DOWNLOADS**************/
	#Nav ul li a.downloads{width: 108px; background: transparent;}
	#Nav ul li a.downloads:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -762px -35px;}
	#Nav ul li a.downloads_active{width: 108px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -762px -35px;}
	/***********STORE**************/
	#Nav ul li a.store{width: 70px; background: transparent;}
	#Nav ul li a.store:hover{background: url(../images/nav_bg_rollovers.jpg) no-repeat -870px -35px;}
	#Nav ul li a.store_active{width: 70px; background: url(../images/nav_bg_rollovers.jpg) no-repeat -870px -35px;}

/***********SIDENAV**************/
#navlist {float: left; width: 298px; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
	#navlist a { float: left; width: 269px; height: auto; padding: 12px 0px 12px 27px; margin: 0; background: #eeeedd url(../images/comp_arrow_up.png) no-repeat; color:#0089c3; background-position: 3% 50%; font-weight:bold; text-decoration: none; border: 1px solid #fff; border-top: 1px solid #999999; }
	#navlist a.top {border-top: none;}
	#navlist a.bottom, #navlist a.bottom:hover {border-bottom: none;}
	#navlist li {margin: 0; padding: 0 }
	#navlist a:hover {text-decoration: underline; color:#00496f;}
	#navlist a.active, #navlist a.active:hover {background: #767661 url(../images/comp_arrow_ovr.png) no-repeat; background-position: 3% 50%; color: #eeeedd; border-bottom: 1px solid #fff; border-top: none; text-decoration: none;}
	#navlist a.bottom_active, #navlist a.bottom_active:hover {background: #767661 url(../images/comp_arrow_ovr.png) no-repeat; background-position: 3% 50%; color: #eeeedd; border-top: none; border-bottom: none; text-decoration: none;}

/***********SIDEBAR**************/
.sidebarcontainer{width:300px; float: left; padding:4px; margin: 0;  display: inline; background:#d0d0d0; border:1px solid #999;}
.sidebarcontainer2{width:300px; float: left; padding:4px; margin: 0;  display: inline; background:#d0d0d0; border:1px solid #999; margin-top: 10px;}
.sidebarcontainer3{width:300px; float: left; padding:0; margin: 0;  display: inline; margin-top: 10px;}
.sidebarbox { float:left; margin:0; color:#000; border:1px solid #999; background:#e4e4e4; width:298px; height: auto;}
.sidebarborder {float:left; width:296px; border:1px solid #fff; font-size: 14px; font-weight: bold; }
.sidebarborder .left{float: left; width: 180px; padding-left: 11px;}
.sidebarborder .right{float: right; width: 105px; height: 93px; padding: 0; margin: 0}
.sidebarborder h2 {font-size:14px; font-weight:bold; color:#fff; padding: 6px 0 18px 0;}
.sidebarcontainer3 h2{font-size:14px; font-weight:bold; color:#fff; padding: 9px 0 18px 0; text-align: center; text-transform: uppercase}
.greenleft {background:url(../images/sidebar-green-left.jpg) top left no-repeat}
.greenright {background:url(../images/sidebar-green-right.jpg) top left no-repeat}
.yellowleft {background:url(../images/sidebar-yellow-left.jpg) top left no-repeat}
.yellowright {background:url(../images/sidebar-yellow-right.jpg) top left no-repeat}
.SidebarImg1 {float: left; padding: 20px 0;}
.SidebarImg2 {float: left; padding: 0; padding-top: 5px;}
.SidebarImg3 {float: left; padding: 0; margin-top: 20px;}
.SidebarTopImg {padding-top: 0}
.downloadcentral {float: left; width: 310px; height: 194px; margin-top: 10px; }
.downloadcentral h2.DLCentral { width: 310px; height: 26px; font-size: 16px; padding: 16px 0 0 0; background: url(../images/sidebar-downloadcentral-h2.jpg) top no-repeat; text-align: center;  }
.downloadcentral .DLbody {width: 310px; height: auto;}

/***********LATEST NEWS**************/
.latest_news_heading {float: left; width: 281px; background: url(../images/sidebar-red.jpg) no-repeat; color: #fff; padding: 2px 4px 2px 11px;}
.latest_news_heading h2 {float: left; width: auto; font-size:14px; font-weight:bold; color:#fff; padding: 0; padding-top: 4px; margin: 0;}
.latest_news_heading img {border: 0px; width: auto; float: right;}
.latest_news_content {float: left; width: 296px; padding:0; margin:0;}
.latest_news_content ul {border: none; float: left; width: 296px; padding:0; margin:0;}
.latest_news_content ul li {font-size: 12px; background: none; border: none; float: left; width: 274px; padding: 8px 11px 8px 11px;}
.latest_news_content ul li.odd {background: none; border-bottom: 1px solid #fff;}
.latest_news_content ul li.even {background-color: #fff; border-top: 1px solid #999;}
.latest_news_content ul li a {background:transparent url(../images/sidebar-latestnews-arrowup.jpg) no-repeat scroll 0 0;border: none; color: #0089c3; float: left; height: auto; min-height: 17px; padding: 0 0 0 28px;}
.latest_news_content ul li a:hover {color: #00344a; text-decoration: none;}

/***********PLACEHOLDERS**************/
.sidebarbox .holder {height: 107px;}
.sidebarlink a {text-decoration: none; color: #fff}
.sidebarlink a:hover {text-decoration: underline; color: #fff}

/***********FOOTER**************/
#FooterTop {width: 950px; height: 71px; background: url(../images/footer_top.jpg) bottom no-repeat;}
#Footer {width: 950px; height: 104px; background: url(../images/footer_bg.jpg) top left; color:#fff; font-size:12px; line-height:18px;}
#Footer h1 {clear:both; color:#FFFFFF; font-size:16px; text-align:center; padding:10px; }
	#Footer a {color:#fff; font-weight: bold;}
		#Footer a:hover {color: #fcc200}
	#FooterLeft{width: 390px; padding-left: 10px; float: left}
	#FooterRight{width: 390px; padding-left: 10px; float: right}
		#FooterRight ul {float: left; width: auto}
		#FooterRight ul.row2 {padding-top:5px;}
		#FooterRight li {float: left; width: auto}
		#FooterRight li a{float: left; width: auto; border-right: solid 1px #eee78e; padding: 0 5px;}
		#FooterRight li a.right{padding-left: 0}
		#FooterRight li a.noborder{border: none;}
#FooterBtm {width: 950px; height: 6px; background: url(../images/footer_bottom.jpg) top no-repeat; }

/***********FORMS**************/
.frmflds {background-color:#efeff1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; height:16px; border: 1px solid #333333; }
.textarea {background-color:#ffffff; }
.submit {background: url(../images/nav_submit_btn.jpg) no-repeat; height: 18px; width: 54px; border: none; font-size:0px;}
.submit:hover { background: url(../images/nav_submit_btn.jpg) 0 -18px no-repeat; cursor: pointer; cursor: hand }


/***********Min-Height Hack**************/
.prop {float:left; width:1px;}
.clear {clear:both; height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min240px {height:240px;}

/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}