﻿/* ---------------------------------------------
Screen Stylesheet for http://www.DomainName.com
Updated: 03/14/09 - Eddie Kasper / TheKasperGroup.com
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template 
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html { 
font-size:100.01%; 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
}  
 
body { 
height:100%;
font:62.5%/1.3 Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#2474B9 url('../images/body-bg.gif') repeat-x;
color:#333;

}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;  }
h1 {font-size:20px; color: #2675ba;}
h2 {font-size:16px; color: #2675ba;}
h3 {font-size:14px; color: #2675ba;}
h4 {font-size:12px; color: #000000;}
address, li, p {font-size: 12px;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 900px;
margin:0 auto;

}
#masthead {
height: 125px;
}
#logoblock { 
width: 250px;
height: 110px;
float:left;
}
#right-head {
	width: 600px;
	height: 120px;
	float: right;
	text-align: right;
	position: relative;
}
#right-head p a, #right-head p a:link, #right-head p a:visited  {
	color: #2675ba;
	font-weight: bold;
	text-decoration: none;	
}
#right-head p a:hover {
	text-decoration: underline;	
}

#upper-menu {
	position: absolute;
	bottom: 0;
	right: 0;
}
#top-menu {
	height: 29px;
}
.nav-left {
	float: left;
	width:10px;
	height: 29px;
	background: transparent url('../images/top-nav-left-corner.gif') no-repeat;
}
.nav-right {
	float: left;
	width:10px;
	height: 29px;
	background: transparent url('../images/top-nav-right-corner.gif') no-repeat;
}

#contents-wrap {
min-height: 400px;
border-left: 1px solid #2474b9;
border-right: 1px solid #2474b9;
background: #fff;
padding: 10px;
}
#contents-inner-wrap {
	min-height: 400px;
	border-bottom: 1px solid #b3cfe7;
	background: transparent url('../images/blue-vert-divider.gif') 330px 850px repeat-y; 
}
#contents-interior {
background: #fff url('../images/blue-vert-divider-2.gif') 330px 850px repeat-y;
}

#left-col {
width: 661px;
float: left;
}

#main-contents {
width: 661px;
float: left;
padding-bottom: 20px;
background: #fff;
}
#contents-interior #main-contents {
background: transparent;
}
#contents-interior #main-contents p
{color: #333;}

#main-contents h1 {
	background: #B3CFE7 url('../images/title-bg.gif');
	color: #333;
	padding: 0;
	height: 36px;
	line-height: 36px;
	margin-bottom: 10px;
}
#main-contents h1 span {
	width: 10px;
	height: 36px;
	display: inline-block;
	float: left;
	background: #fff url('../images/title-left-corner.gif');
	padding: 0;
}

#right-col {
width: 215px;
float: left;
padding-bottom: 10px;	
}
#right-col h2 {
	color: #333;
}
#menu-right {
	min-height: 150px;
}
#lower-contents {

}
#lower-left-col {
min-height: 100px;
width: 661px;
float: left;
position: relative;
}
#lower-left-col .block1 {
	width: 330px;
	float: left;
	margin-top: -20px;
	padding-bottom: 25px;
}
#lower-left-col .block1 p, #lower-left-col .block1 h2 {
	padding-left: 5px;
}
#lower-left-col .block1 h2, #lower-left-col .block2 h2 {
	font-size: 14px;
}

#lower-left-col .block2 {
	width: 330px;
	float: left;
	margin-top: -20px;
	padding-bottom: 25px;

}
#lower-left-col p.more-bt-left {
	position: absolute;
	bottom:0px;
	right: 330px;
}
#lower-left-col p.more-bt-right {
	position: absolute;
	bottom:0;
	right: 0;
}

#lower-right-col {
min-height: 100px;
width: 215px;
float: left;
}
#lower-right-col h3 {
	color: #333;
	font-size: 18px;
	border-top: 1px solid #b3cfe7;
	margin-top: 10px;
	padding: 10px;
}
#lower-right-col p {
	padding: 10px;
}

#contents-interior #lower-right-col {
	padding-bottom: 20px;
	border-bottom: 1px solid #b3cfe7;
}
#lower-inner-wrap {

}
#lower-inner-left {
	width: 660px;
	float: left;
	padding-top: 5px;
	border-right: 1px solid #b3cfe7;
}
#lower-inner-right {
	width: 215px;
	float: left;
	padding-top: 5px;
}

#bottom-corners {
	height:8px;
	background: transparent url('../images/bottom-corners.gif') no-repeat;
}
#footer {
clear:both;
width: 900px;
height: 50px;
	}


/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
#upper-menu ul {
	list-style: none;
	margin: 0;
	padding: 0px 0 0 0px;
	background: transparent;
	height: 29px;
}
#upper-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	color: #fff;
}
#upper-menu ul li a, #upper-menu ul li a:link, #upper-menu ul li a:active, #upper-menu ul li a:visited {
	font: bold 12px/29px Verdana, Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #2675ba;
	padding: 0 10px;
	margin: 0;
	text-decoration: none;
	
	
}
#upper-menu ul li.noborder1 {
	border-left: 0;
}
#upper-menu ul li a:hover {
	text-decoration: underline;
	color: #2675ba;
}


/*********** Top Menu Navigation ***********/
#top-menu ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0px 0 0 0px;
	width: 880px;
	text-align: left;
	background: transparent url('../images/top-nav-bg.gif') repeat-x;
	height: 29px;
}
#top-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	color: #fff;
}
#top-menu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	font: bold 12px/29px Verdana, Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0 25px;
	margin: 0;
	text-decoration: none;
	
	
}
#top-menu ul li.noborder1 {
	border-left: 0;
}
#top-menu ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

/*********** Right Menu Navigation ***********/
#menu-right ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0px 0 0 10px;
	text-align: left;
	background: transparent;
}
#menu-right ul li {
	margin: 0;
	padding: 5px 0;
	color: #fff;
}
#menu-right ul li a, #menu-right ul li a:link, #menu-rightul li a:active, #menu-right ul li a:visited {
	font: normal 10px/10px Verdana, Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #888;
	padding: 0 20px;
	margin: 0;
	text-decoration: none;
	text-transform:uppercase;
	background: transparent url('../images/bullet-right.gif') no-repeat;
	
	
}
#menu-right ul li.noborder1 {
	border-left: 0;
}
#menu-right ul li a:hover {
	text-decoration: underline;
	color: #888;
}

/*********** Footer Navigation ***********/
#footer ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 750px;
	text-align:left;
}
#footer ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: bold 11px/12px Verdana,Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #fff;
    border-left: 1px solid #fff;
}
#footer ul li a, #footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
	font: bold 11px/12px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0 7px;
	margin: 0;
	text-decoration: none;
	
}
#footer ul li.noborder1 {
	border-left: 0;
	padding-right: 7px;
}
#footer ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
	
/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
vertical-align:middle; /*remove this line for PC store - add it to desired id or class*/
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}
.left-img-padding {
	padding: 5px 10px 0 0;
}
/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 10px 0 0 0;
	padding: 0;
	width: 200px;
	height: 75px;
	display: block;
}

#newsletter #enter-email {
	width: 150px;
	height: 16px;
	border: 1px solid #ccc;
	margin-left: 10px;
	float: left;
	
}
#newsletter #submit {
	background: aqua url('../images/bt-go.gif') no-repeat;
	width: 36px;
	height: 22px;
	border: 0;
	cursor:pointer;
	float: left;
}
