/* Reset styles */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0 ; padding: 0 ; border: 0 ;
	outline: 0 ; vertical-align: baseline ;
}

:focus { outline: 0; } /* focus highlighting style required */
body { line-height: 1.0 ; color: black ; background: white ; }
ol, ul { list-style: none ; }
table { border-collapse: separate ; border-spacing: 0 ; } /* cellspacing=0 still required */

caption, th, td { text-align: left ; font-weight: normal ; }

a, ins { text-decoration: none ; } /* insert highlighting style required */
del { text-decoration: line-through ; }

blockquote:before, blockquote:after, q:before, q:after { content: "" ; }
blockquote, q { quotes: "" "" ; }

html { font-size: 1.25em ; } /* Set base font size to 20px (= 1.25 x 16px) */ 
body { font: normal normal 50%/100% Arial, Helvetica, sans-serif ; } /* 50% of 20px = 10px */  
html>body { font-size: 10px ; } /* Overrides the above in all browsers except IE */
a { font-weight: normal ; color: #0033ff ; }
a:hover { text-decoration: underline ; }
hr { display: none ; }

/* End reset */

body { font-family: Helvetica, Arial, sans-serif;
		background: #fff url(images/bg-body-large.png) repeat-x center top;  }
#branding { width: 312px; height: 83px;}
#branding a { display: block; width: 312px; height: 83px; text-indent: -9999px; 
				position: absolute; top: 30px; left: 0;
			   background: transparent url(images/bg-logo.png) no-repeat left top; }

#container { position: relative; width: 960px; margin: 0 auto; }
#content { margin: 110px 0 0 0; }
#content-main { padding: 25px; }

#siteinfo { clear: left; padding: 50px 0 0 0 ; }
#siteinfo  p { font-size: 1.2em; padding: 30px 0 30px 20px; line-height: 1.4; }
#siteinfo #footerlogo { clear: left; text-align: center; margin: 20px 0 60px 0; padding: 75px 0 0 0;
						background: transparent url(images/bg-footer-logo.png) no-repeat center top; }
#siteinfo #footerlogo a { color: #333; }

/* Main nav */
#navmain { position: absolute; top: 144px; left: 35px; }
#navmain ul { position: relative; }
#navmain li { float: left; margin-right: 45px; }
#navmain li.last { margin-right: 0; }
#navmain li a { display: block; color: #fff; font-size: 1.6em; font-weight: normal; padding: 5px 0 0 0; }
#navmain li a:hover { text-decoration: none; color: #61b5e3; }
#navmain li span { font-size: 0.7em; font-weight: 100; line-height: 3.0;  }
#navmain a.mybaswlogo { display: block; text-indent: -9999px; min-width: 100px;
						background: transparent url(images/sprite-nav-logo.png) no-repeat left top; }
#navmain a.mybaswlogo:hover { background: transparent url(images/sprite-nav-logo.png) no-repeat left -53px; }
#navmain a#accountpref { position: absolute; right: -652px;  }

/* General typography */
#content-main h1, 
#content-main h2,
#content-main h3, 
#content-main h4,
#content-main h5 { line-height: 1.5; font-weight: bold; color: #19528A; margin-bottom: 5px; }

#content-main h1 { font-size: 24px; }
#content-main h2 { font-size: 18px; }
#content-main h3 { font-size: 16px; }

#content-main p,
#content-main ol,
#content-main ul { font-size: 14px; line-height: 1.5; color: #333; margin-bottom: 14px; }
#content-main ul ul,
#content-main ul ol,
#content-main ol ul,
#content-main ol ol { font-size: 14px; }

#content-main a { color: #3875d7; text-decoration: underline; }
#content-main a:hover { color: #61b5e3; }

.aligncenter { text-align: center; }

/* General form styles */
label { color: #333; font-size: 14px; }
.nodisplay { display: none; }

.alert { color: #ff0000; font-weight: bold; font-size: 1.2em; margin-bottom: 1em; }
.alert a { color: #333; text-decoration: underline; }

.userform label { float: left; display: block; width: 130px; padding: 8px 0 0;  }
.userform li { margin: 0 0 25px 0; list-style: none; }
.userform li.singletext { float: left; }
.userform li.singletext input { border: 1px solid #ccc; font-size: 14px; color: #333; padding: 8px 10px 8px 10px; }
.btnsubmit,
.btngreen { padding: 0 40px 4px; font-size: 16px;
			  color: #fff; background: #1384cb; cursor: pointer;
			  border: none; cursor: pointer; height: 30px;
			  -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.userform li.singletext input:focus { border: 1px solid #77B2EE; }
.userform .btnsubmit { margin-left: 166px; }
.userform li.singletext  { position: relative; }
.nodisplay { display: none; }
.textarea { width: 727px; height: 200px; padding: 9px 9px 9px 9px;
			font-family: Helvetica, Arial, sans-serif; font-size: 1.4em; line-height: 1.4; border: 1px solid #ccc; }
.textarea:focus { border: 1px solid #77B2EE; }
.btnsubmit {  background: #1384cb; }
.btnsubmit:hover { background: #61b5e3; }
.btngreen { background: #749C34; font-size: 16px; padding: 0 30px 3px; }
.btngreen:hover { background: #8FC03F; }


/* Home */
body#home #content-main { width: 435px; padding: 30px 0 0 0; margin: 10px 0 0 50px; }
body#home #content-main h2 { font-size: 35px; }
body#home #content-main a.btnreg { display: block; width: 420px; padding: 8px 0 3px 0; margin: 15px 0 0 0;
								   font-size: 21px; text-align: center;	text-decoration: none; font-weight: normal; color: #fff;
									background: #283C63; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
body#home #content-main a.btnreg:hover { background: #1384CB; }

body#home #content-supp { position: absolute; top: 220px; right: 50px; width: 300px; padding: 30px 25px; background: #ededed; }
body#home #content-supp h2 { text-indent: -9999px; width: 300px; height: 85px;
							 background: transparent url(images/bg-home-login.png) no-repeat center top; }
body#home #content-supp label { font-size: 16px; color: #333; margin: 0 0 10px 0; }
body#home #content-supp li.singletext input { height: 24px; width: 280px; padding: 8px 10px; font-size: 14px; }
body#home #content-supp a.help { float: right; margin: 25px 20px 0 0; color: #666; font-weight:bold; font-size: 14px; }
body#home #content-supp a.last { margin-right: 0 ; }
body#home #siteinfo { padding-top: 200px; }

body#home .alert { text-align: center; }

/* Registration */
body#reg #stage { position: absolute; top: 47px; right: 50px;  text-align: right; }
body#reg #stage h2 { font-size: 22px; margin: 0; }
body#reg #stage h3 { font-size: 16px; font-weight: normal; color: #333; }
body#reg #container { overflow: hidden; margin: 40px auto 0; background: #fff url(images/bg-register-logo.png) no-repeat 50px 50px; }
body#reg #content { margin-top: 100px; }
body#reg #content-main { padding: 50px; }
body#reg #content-main.narrow { width: 605px; }
body#reg { background: transparent url(images/bg-register-body.png) repeat-x left top; ) }
body#reg h2 { color: #333;font-size: 18px; margin: 20px 0 10px 0; }
body#reg li { margin-bottom: 25px; }
body#reg li label { font-size: 14px; }
body#reg li .gray { border: 1px solid #ccc; font-size:14px; height:20px; padding: 8px 10px 8px 10px; width: 400px; }
body#reg li input:focus { border: 1px solid #77B2EE; }
body#reg li.float { float: left; margin: 0 16px 30px 0; }
body#reg li.last { margin-right: 0; }
body#reg .btnsubmit { float: right; padding: 0 30px 4px 30px; }

body#reg ul.error { margin: 10px 0 0 0; }
body#reg ul.error li { margin: 0 0 10px 0; }

/* Account reset */
body#pwdreset label { float: none; width: 300px; margin-bottom: 8px; }
body#pwdreset .userform li { margin: 0 0 15px 0; }
body#pwdreset .userform #lblresetnum { line-height: 1.3; padding: 0; }
body#pwdreset .userform .btnlogin { margin: 5px 0 0 246px; }
body#pwdreset .userform li.singletext { float: none; }
body#pwdreset .userform .btnsubmit { margin: 20px 0 0 0; }
body#pwdreset .userform li.singletext input { width: 250px; }

/* About */
body#about #content-main { padding:0;  }
body#about #articlecontent { padding: 45px 40px 25px; overflow: hidden; }
body#about #articlecontent h2 { text-shadow: 1px 1px 1px #ccc; font-weight: normal; font-size: 3.4em; }

body#about .left p,
body#about .right p { width: 435px; color: #636667; }

body#about .left { clear: right; margin: 0 0 70px 0; }

body#about .right { float: right; width: 620px; margin: 0 0 100px 0; }
body#about .right p { float: right; text-align: right; }
body#about .right h2 { text-align: right; }

body#about #connect { background: transparent url(/images/bg-about-exchange.png) no-repeat 199px 13px; }
body#about #connect h2 { float: right; width: 366px; line-height: 1.3; }
body#about #pswonline { height: 200px; background: transparent url(/images/bg-about-psw.png) no-repeat right top; }
body#about #whatis { height: 220px; background: transparent url(/images/bg-about-cindisplay.png) no-repeat right top; }
body#about #comingsoon { margin: 0; background: transparent url(/images/bg-about-construction.png) no-repeat 300px top; }
body#about #comingsoon h2 { margin-bottom: 22px; }