html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body {line-height: 1; color: black; background: white;}
a img {border:none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

:focus {
	-moz-outline:0;
	outline:0;
	outline-offset:0;
}

/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left; font-weight: normal;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after, 
q:before, q:after {
	content: '';
	content: none;
}

/* General
--------------------------------------- */

.left {float: left; margin-right: 1em;}
.right {float: right; margin:0 25px 0 0.5em;}
.small {font-size: smaller; line-height: 1.5em;}
.large {font-size: larger; line-height: 1.5em;}
.hide {display: none;}

li ul, li ol { margin:0 1.5em; }
ul, ol { margin: 0 1.5em 1.5em 2em; }

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
	
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1.25em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

abbr, acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
p {margin: 0 0 1.5em 0;}

label { font-weight: bold; }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }

/* Structure and Layout
--------------------------------------- */
html {overflow-y: scroll;}

body {
	text-align: center;
	background: #000 url(/images/bg.jpg) top center no-repeat;
	color: #999;
	font-family: Arial, helvetica, sans-serif;
	font-size: 90%;
	line-height: 1.5em;	
	}

#bg-body-top { background:url(/images/bg-body-top.png) top left no-repeat; height:16px; }
#bg-body-ctr { background:url(/images/bg-body-ctr.png) top left repeat-y; padding:0 20px 20px 20px; overflow:hidden; }
#bg-body-btm { background:url(/images/bg-body-btm.png) top left no-repeat; height:16px; }

#pub-app { clear:both; margin:0 0 0 20px; width:100%; }
	#pub-app h2 { padding:0; }
	#pub-app .req { color: #e62401; font-weight:bold; }
#pub-success { font-size:1.4em; line-height:1.6em; }

#main { width:520px; float:left; }
	#main h1 { border-bottom:1px solid white; }
	#main h3 { color:#ccc; font-style:italic; }
#sidebar { width:240px; float:left; margin:10px 0 0 20px; padding:0 0 0 20px; height:100%; border-left:2px dotted #666; }
	#sidebar h2 { margin-top:10px; font-size:1.6em; }
.about #sidebar { border-width:0px; width:290px; float:left; margin:0 -20px 0 20px; padding:0; height:100%; }

/* Feature carousel
--------------------------------------- */

#bgSlides {
	background:url(/images/bg-slider.png) top left;
	width: 856px;
	height: 346px;
}
#mySlides {
	overflow: hidden;
	width: 850px;
	height: 340px;
	}

#mySlides .slide {
	color: #ccc;
	padding: 25px 0px 25px 25px;
	font-size: 1.25em;
	line-height: 1.333em;
}

#mySlides .slide h2 {
	font-size: 2em !important;
	margin: 0.75em 0 0.5em 0 !important;
	width: 330px;
}

#mySlides .slide p {width: 330px;}

#feature .nav {
	background: url(/images/bg-slider-btm.png) top left no-repeat;
	font-size: 1.2em;
	color: #13a6ea;
	height: 80px;
	position: relative;
	padding-left: 30px;
}

#feature .nav a {
	color: #fff;
	float: left;
	height: 58px;
	line-height: 58px;
	margin-top: -7px;
	margin-right: 1em;
	padding-left: 62px;
}

#feature .nav .one a {background: url(/images/num1.png) no-repeat left top;}
#feature .nav .two a {background: url(/images/num2.png) no-repeat left top;}
#feature .nav .three a {background: url(/images/num3.png) no-repeat left top;}
#feature .nav .four a {background: url(/images/num4.png) no-repeat left top;}

#feature .nav a:hover, #feature .nav a.jFlowSelected {
	color: #e62401;
	text-decoration: none;
	background-position: left -58px;
}
#feature .nav .hide {display: none;}
	
.contents {
	text-align: left;
	margin: 0 auto;
	width: 856px;
	padding: 0 52px;
}

#header {
	padding: 0;
	height: auto !important;
	height: 126px;
	min-height: 126px;
	position: relative;
	}

#container {
	float: left;
	display: inline;
	width: 482px;
	margin-left: 48px;
}

.oneCol #container {
	width: 776px;
}

.home #container {	
	width: 548px;	
	margin-left: 18px;
	}

#mainCol {
	padding: 2em 0;
	color: #333;
}

.home #mainCol {
	float: left;	
	display: inline;
	width: 230px;
	padding: 1em 15px 1em 20px;
	color: #ccc;
	}	

#subCol, .oneCol #subCol {display: none;}

.home #subCol {
	display: inline;
	float: right;
	width: 230px;
	padding: 1em 15px 1em 20px;
	color: #ccc;
	}

#extraCol {
	float: right;
	display: inline;
	width: 240px;
	margin-right: 30px;
	color: #333;
	padding: 2.5em 0 0 0;
}

.oneCol #extraCol {display: none;}

.home #extraCol {	
	width: 230px;
	padding: 1em 15px 1em 20px;	
	margin-right: 18px;
	color: #ccc;
	}

#footer {
	clear: both;
	color: #ccc;
	padding: 2.5em 0 6em 0;
	}
.oneCol #footer { }
.noBrand #footer {background-color: #001B4D}
.home #footer {}
#footer .contents {text-align: center;}

/* Links
--------------------------------------- */

a, a:link, a:visited {
	color: #e62401;
	text-decoration: none;
	font-weight: bold;
	}

a:hover, a:active {
	color: #FFF;
	text-decoration: underline;
	}
	
.home a {
	color: #e62401;
	}

.home a:hover, .home a:active {
	color: #FFF;
	text-decoration: none;
	}

#footer a {
	color: #e62401;
	text-decoration: none;
}

/* Navigation
--------------------------------------- */

.nav {margin: 0; padding: 0;}
.nav li {display: inline; list-style: none;}

#header .nav {

	position: absolute;
	top: 135px;
	right: 0;
}

#header .nav a {
	font-size: 1.333em;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	line-height: 40px;
	height: 41px;
	float: left;
	text-align: center;
	margin-right: 0.75em;
}

#header .nav a:hover {color: #e62401;}

#header .nav a.what {
	background: url(/images/nav1.png) no-repeat;
	width: 144px;
}

#header .nav a.how {
	background: url(/images/nav2.png) no-repeat;
	width: 152px;
}

#header .nav a.sign {
	background: url(/images/nav3.png) no-repeat;
	width: 102px;
}

#header .nav a.account {
	background: url(i/nav_account.png);
	width: 138px;
}

#header .nav a.forms{
	background: url(i/nav_forms.png);
	width: 121px;
}

#footer .nav a {
	font-weight: bold;
	color: #e62401;
	text-decoration: none;
	margin: 0 0.5em;
}

#footer .nav a:hover {
	color: #fff;
}

/* Headers
--------------------------------------- */


h1 {
	font-size: 2.5em;
	line-height: 1em;
	margin: 0 0 .3em;
	color: #fff;
	}

h2, #extraCol h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 1.125em 0 .375em;
	color: #fff;
	}

h3, #extraCol h2 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 1.5em 0 .5em;
	color: #fff;
	}

h4, #extraCol h3, .feedburnerFeedBlock span.headline {
	font-size: 1.1667em;
	line-height: 1.286em;
	margin: 1.929em 0 0.643em;
	color: #333;
	}

h5, #extraCol h4 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 2.25em 0 0.75em;
	font-weight: bold;
	color: #333;
	}

h6, #extraCol h5 {
	font-size: 1em;
	line-height: 1.2857em;
	margin: 2.25em 0 0;
	font-weight: bold;
	color: #333;
}

.home #h1, .home h2, .home h3, .home h4, .home h5, .home h6 {
	font-size: 1.41667em !important;
	color: #FFF !important;
	font-weight: bold !important;
	margin: 0.5em -1em 0 0 !important;
	padding: 0;
	line-height: 1.1764em;
}

#logInForm h1, #logInForm h2, #logInForm h3, #logInForm h4, #logInForm h5, #logInForm h6 {
	color: #FFF;
}

/* Content
--------------------------------------- */

#header h1 {
	margin: 0 0 0 -12px !important;
	background: url(/images/logo.png) top left no-repeat;
	width: 290px;
	text-indent: -9999em;
}

#header h1 a {
	height: 200px;
	display: block;
	text-decoration: none;
}

.home #feature {
	height: auto !important;
	height: 332px;
	min-height: 332px;
}

.home #mainCol p, .home #subCol p, .home #extraCol p {clear: both;}

.home h2 img {vertical-align: text-top;}

.bordered {border: 1px solid #CCC;}	
	
/* Clearing
--------------------------------------- */

.clearfix:after, #container:after, #frame:after, .contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #container, #frame {display: inline-block;}
* html .clearfix, * html #container, * html #frame {height: 1%;}
.clearfix #container, #frame {display: block;}
.clear { clear:both; }

/* Lightbox
--------------------------------------------------------------*/

.lightbox { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
#lightbox_content.managed div.lightbox-content { width: 600px; height: 400px; display: block; border-top: 1em solid #002c67; background-color: #fff; padding: 15px; }

#lightbox_content.managed div.lightbox-content li { list-style-type: none; padding: 10px 0px; }
/* Lightbox Editor
--------------------------------------------------------------*/
#tinyContainer .save-options { padding-top: 10px; }
#tinyContainer .save-options .button { font-size: 0.9em; }