/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BASE

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

.zeromargin {
	margin: 0;
	padding: 0;
}

td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}

a {
	color: #008dc1;
	text-decoration: none;
}

a:hover {

}

a:visited {
	color: #008dc1;
}

a:active{outline: none;}
a:focus{-moz-outline-style: none;}

map area{outline: none;-moz-outline-style: none;}

H1 { color: #000; font-family: Arial, Helvetica, sans-serif; font-size:24px; margin: 0 0 12px 0; padding: 0; }
H2 { color: #007dad; font-family: Arial, Helvetica, sans-serif; font-size:16px; margin: 0 0 6px 0; padding: 0; }
H3 { margin: 0 0 12px 0; }
H4 { font-size:16px; margin: 0 0 12px 0; }
H5 { margin: 0 0 12px 0; }
H6 { margin: 0 0 12px 0; }

p { font-size:12px; margin: 0 0 12px 0; }

.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
} 
 
.clearfix {
	display: inline-table;
} 
 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {
	display: block;
} 
/* End hide from IE-mac */

/* remove outline from links */ a:active{outline:none;}a:focus{-moz-outline-style:none;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADER

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.header
{
    background: url('Images/TemplateImages/header_bg.jpg') no-repeat;
    margin: 0 auto;
    width: 896px;
    height: 159px;
	position:relative;
	margin-top:30px;
	margin-bottom:6px;
}

.header .contact-info
{
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:20px;
	text-align:right;
	top:45px;
	width:200px;
	z-index:-999;
}

.header .contact-info a
{
    color: #666;
}

.header .contact-info h5
{
    margin-top:0;
	margin-bottom:12px;
}

.header .contact-info a:hover
{
    color: #000;
}

.header .navigation
{
    position: absolute;
    width: 896px;
	top:-24px;
	right:0;
}

.header .navigation a
{
    color: #007dad;
    font-size: 13px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PAGE LAYOUT

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.master-page-wrapper
{
    background-color: #fff;
    clear: both;
    width: 100%;
}

.master-content-wrapper
{
    margin: 0 auto;
    padding: 0px 0 0 0;
    width: 896px;
	background:url(Images/TemplateImages/footer_bg3.jpg) no-repeat bottom left;
	position:relative;
}


.content-column-wrapper
{
    padding: 0 0px 173px 0px;
    width: 634px;
	float:left;
}

.side-column-wrapper
{
    float: right;
    padding: 0px;
    width: 255px;
}

.blank
{
    height: 100px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOOTER

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer-wrapper
{
    clear: both;
	width: 896px;
	height: 22px;
	border-bottom:3px solid #007dad;
	position:relative;
	margin-top:6px;
}

.footer-wrapper .footer-site-links
{
    position: absolute;
    color: #008dc1;
    bottom: 0px;
    padding: 5px;
    text-align: center;
    width: 886px;
}

.side-column-wrapper .pen-links
{
	margin-top:0px;
}

.footer-wrapper .pen-links
{
	position:absolute;
	right:29px;
	top:0;
}

.side-column-wrapper .pen-links #menuJS li,
.footer-wrapper .pen-links #menuJS li
{
	padding:0px;
	margin:0;
}

.side-column-wrapper .pen-links #menuJS li a,
.footer-wrapper .pen-links #menuJS li a
{
    width: 255px;
	padding:0px;
	margin:0;
	height:31px;
	border:none;
	background:url(Images/bt_clickformore.png) no-repeat;
}

.side-column-wrapper .pen-links #menuJS ul ul li a,
.side-column-wrapper .pen-links #menuJS ul ul ul li a,
.footer-wrapper .pen-links #menuJS ul ul li a,
.footer-wrapper .pen-links #menuJS ul ul ul li a
{
	background: #007dad;
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	width: 170px;
	height:auto;
}

.side-column-wrapper .pen-links #menuJS ul ul li:hover a,
.side-column-wrapper .pen-links #menuJS ul ul li:hover,
.footer-wrapper .pen-links #menuJS ul ul li:hover a,
.footer-wrapper .pen-links #menuJS ul ul li:hover
{
    background-color: #0092c8;
}

.side-column-wrapper .pen-links #menuJS ul ul,
.footer-wrapper .pen-links #menuJS ul ul {
	position: absolute;
	left: 10px;
	top: 31px;
	width: 190px;
	background-color: #0092c8;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BUTTONS

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.buttons
{
	height:103px;
}

.buttons img
{
    margin-bottom: 3px;
	display:block;
	width:231px;
	height:31px;
	float:left;
}

.button-spacer
{
    width: 600px;
    height: 173px;
    border: none;
	position:absolute;
	bottom:0;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PARTNERS -HOME

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.partner
{
	background: url('Images/TemplateImages/bg_promospot.gif') left top no-repeat;
	/*height:120px;*/
	margin-bottom:6px;
}

.partner .top
{
/*	background: url('Images/TemplateImages/bg_side_top.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 45px;*/
}

.partner .content
{
    margin: 0;
	padding: 0 17px;
	background: url('Images/TemplateImages/bg_promospot_bottom.gif') bottom no-repeat;
	width: 221px;
	height:110px;
	padding-top:10px;
}

.partner .content .slideshow
{
	margin:0;padding:0;

}

.partner .content .slideshow li
{
    display:none;
	background:none;
	width: 201px;
}

.partner .content p
{
    margin: 0;
    padding-bottom: 6px;
}

.partner .content p img
{
	/*margin: 0px 10px 10px 0px;*/
}

.partner .bottom
{
/*	background: url('Images/TemplateImages/bg_side_bottom.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 35px;
	margin-bottom:15px;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	$1 PROMO SPOT -CONTENT

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.promoslideshow div{
	width:255px;height:280px;
}

.promo-spot
{
	background: url('Images/TemplateImages/bg_promospot.gif') left top no-repeat;
	height:280px;
	margin-bottom:6px;
}

.promo-spot .top
{
/*	background: url('Images/TemplateImages/bg_side_top.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 45px;*/
}

.promo-spot .content
{
    margin: 0;
	padding: 0 17px;
	background: url('Images/TemplateImages/bg_promospot_bottom.gif') bottom no-repeat;
	width: 221px;
	height:270px;
	padding-top:10px;
}

.promo-spot .content .slideshow div
{
    display:none;
	background:none;
	width: 201px;
}

.promo-spot .content p
{
    margin: 0;
    padding-bottom: 6px;
}

.promo-spot .bottom
{
/*	background: url('Images/TemplateImages/bg_side_bottom.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 35px;
	margin-bottom:15px;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP NEWS -CONTENT

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.top-news
{
	background: url('Images/TemplateImages/bg_promospot.gif') left top no-repeat;
	/*height:120px;*/
	margin-bottom:6px;
}

.top-news .top
{
/*	background: url('Images/TemplateImages/bg_side_top.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 45px;*/
}

.top-news .content
{
    margin: 0;
	padding: 0 17px;
	background: url('Images/TemplateImages/bg_promospot_bottom.gif') bottom no-repeat;
	width: 221px;
	height:107px;
	padding-top:10px;
}

.top-news .content .slideshow div
{
    display:none;
	background:none;
	width: 201px;
}

.top-news .content p
{
    margin: 0;
    padding-bottom: 6px;
}

.top-news .bottom
{
/*	background: url('Images/TemplateImages/bg_side_bottom.png') left no-repeat;*/
    margin: 0;
    padding: 0;
/*	width: 231px;
	height: 35px;
	margin-bottom:15px;*/
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	$1 PROMO SPOT - HOME

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.promospot-wrapper
{
    float: right;
	width: 255px;
}

.promospot-wrapper .content b
{
    color: #000;
    font-size: 16px;
}

.promospot-wrapper .content p
{
    margin: 0;
	padding:0px;
    padding-bottom: 6px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	VIDEO WRAPPER - HOME

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.video-wrapper
{
	width: 373px;
	float:left
}

.video-navigation
{
    width: 373px;
}

.video-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.video-navigation ul li
{
	float: left;
}

.video-navigation ul li a
{
    background: url(images/templateimages/tab_bg_o.png) #d8dfe9 no-repeat;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-right: solid 1px #fff;
	padding: 4px 0;
	width: 92px;
	color:#008dc1;
}

#video3
{
	width: 93px;
}

.video-content
{
    border: solid 2px #008dc1;
    clear: left;
    margin: 0 0 5px 0;
    width: 368px;
    height: 219px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS -HOME

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.news-wrapper
{
    border-top:1px solid #afbcd1;
	border-bottom:1px solid #afbcd1;
	height: 95px;
	padding-top:4px;
}

.news-wrapper h2
{
    margin-bottom: 5px;
}

.news-content-wrapper
{
    float: left;
    margin-bottom: 10px;
    width: 300px;
    height: 60px;
}

.news-content-separator
{
    float: left;
    background-color: #afbcd1;
    margin: 0 18px;
    width: 1px;
    height: 60px;
}

.news_title
{
    color: #007dad;
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    margin: 0 0 15px 0;
    padding: 0;   
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	EMAIL NEWSLETTER SIGNUP

*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#emailnewslettersignup .text{width:180px;}
#emailnewslettersignup .button{width:184px;}