@charset "utf-8";
/* CSS Document */

html { height:auto; }
body {
	height:auto;
	background:#ececec url(../images/bg_color.gif) repeat;
	color:#5d5d5d;
}
#siteWrapper {
	width:712px;
	margin:20px auto;
	overflow:visible;
}

#siteShadowLeft { background:url(/images/shadow_left.gif) repeat-y; }
#siteShadowRight { background:url(/images/shadow_right.gif) repeat-y; }
#siteShadowBottom { background:url(/images/shadow_bottom.gif) repeat-x; }

#bannerArea {
	width:680px; height:165px;
	margin:0px auto 20px auto;
	padding-left:16px;
	overflow:visible;
}
#bannerLogo {
	border-right:1px #dadada solid;
	padding-right:10px;
	width:365px; height:165px;
	float:left; clear:none;
}
#bannerContent {
	width:300px;  height:165px;
	float:left; clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;		
}
#bannerLinks {
	border-bottom:1px #dadada solid;
	padding:10px;
	margin-bottom:10px;
	text-align:center;
}
#bannerLinks span.bookmark a { 
	color:#919191;
	text-decoration:none;	
}
#bannerLinks span.tellafriend a { 
	color:#ba340f;
	text-decoration:none;
	margin-left:20px;
}
#bannerLinks span a:hover { text-decoration:underline; }
#bannerLines {
	padding:10px 0px;
	text-transform:none;
	color:#397bb2;
	font-size:16px;
	text-align:center;
}
.line3, .line3 a { 
	color:#265983;
	text-decoration:none;
}
#postItArea {
	width:273px;
	position:relative;
	left:680px; top:-165px;
}

#aboveArea {
	width:680px;
	margin:0px auto 20px auto;
	border:0px #febe10 solid;
	padding:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#265983;	
	text-align:center;
}

H1 {
        font-size:20px;
	padding:0; 
	margin:0;
}

H2 {
	font-size:18px;
}

H5 {
	margin:0px;
	padding:5px;
	font-size:12px;
	color:#777;
}

H5 a:hover { 
	text-decoration:underline; 
	color:#0000EE;
}
	

#tabbedArea {
	width:712px; 
	margin:0 auto;
	padding:0px;
	background-color:#fbfbfb;	
}
#tabs {
	width:100%; height:50px;
}
#leftTab, #rightTab {
	width:50%; height:50px;
	float:left; clear:none;
	background:#397bb2 url(../images/corner_leftTab.gif) left top no-repeat;
	color:#fff;
	font-family:Calibri, Tahoma, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	line-height:250%;
	cursor:pointer;
}

H2 {
	font-size:18px;
}

#rightTab {	background:#265983 url(../images/corner_rightTab.gif) right top no-repeat; }
#leftTab:hover, #rightTab:hover, #leftTabText:hover, #rightTabText:hover { text-decoration:underline; }
#slider {
	width:33px;
	position:relative;
	left:156px;
}
#tabbedContent {
	border:#dadada solid;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-top-width:0px;
	width:680px;
	overflow:visible;
}

#theTabContent {
	margin:0px auto;
	padding:20px 0px 50px 0px;
	color:#72808c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	text-align:center;	
	height:150px;
}
#theTabContent .emphasis {
	color:#397bb2;
	font-weight:bold;
}
#theTabContent a, #howItWorks a {
	/*color:#ba340f;*/
	color:#0000FF;
	font-size:16px;
	text-decoration: none;
}
#theTabContent a:link, #howItWorks a:link {
        color:#0000FF;
        font-size:16px;
        text-decoration: none;
}

#theTabContent a:visited, #howItWorks a:visited {
        color:#0000FF;
        font-size:16px;
        text-decoration: none;
}
#theTabContent a:hover, #howItWorks a:hover {
	text-decoration: underline;
}
#theTabContent .small {
        font-size:14px;
        color:gray;
        font-weight: normal;
}

/* Left tab elements */
#txtID {
	width:200px; height:40px;
	font-size:18px;
	line-height:178%;
	text-align:center;
	border:2px #397bb2 solid;
	margin-bottom:10px;
}
.btnSubmit {
	background-color:#f5ab1f;
	color:#fff;
	border:1px #dedede solid;
	width:160px; height:40px;
	font-size:18px;
}
/* right tab elements */
#rightTabMods {
	font-size:18px;
}
#rightBullets {
	font-size:16px;
	text-align:left;
	line-height:105%;
	margin:0px 0px 0px 140px;
}
#rightBullets a { color:#ba340f; }
#howItWorks {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
#slidingDiv {
	margin-top:20px;
	height:340px;
}
#slidingDiv img {
	float:left; clear:none;
	margin-left:20px;
	border:1px #dadada solid; 
}
#slidingDiv span.note {
	float:left; clear:none;
	width:200px;
	margin:8px 0px 0px 20px;
}


#underArea { width:100%; }
.underAreaBox {
	float:left; clear:none;
	width:339px; height:58px;
	border:1px #dadada solid;
	border-top-width:0px;
	background:url(../images/bg_underBoxHilite.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#5d5d5d;
}
.uabBottom { 
	border-bottom-width:2px;
	border-bottom-color:#fff; }
.underAreaBox img {
	padding:15px 25px;
	vertical-align:middle;
}

#footer {
	width:712px;
	margin:50px auto 20px auto;
	color:#72808c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
#footer a { 
	color:#265983;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline; }

.float-left { float:left; clear:none; }
.clear-both { float:none; clear:both; }

.drag{
	position:relative;
	cursor:move;
	z-index: 100;
}