/* CSS Document */

body { margin: 0; padding: 0; background: url(images/bkg-stretch-9x116.jpg) repeat-x; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;}
a { text-decoration: none; border-style: none;}
img { border: 0 none; }
.clear { clear: both;}
.container { width: 600px; margin: 0 auto;}
#header a.logo { margin: 0; padding: 0; width: 237px; height: 62px; display: inline-block; float: left; color: #ff7e00;}
div#header { text-align: center;}
#topheader { width: 480px; margin-right: auto; margin-left: auto;}
img, div { behavior: url(https://s3.amazonaws.com/www.gibnow.com/images/iepngfix.htc) }

/* @group Nav Bar */
ul#nav { margin: 0 auto; padding: 0; width: 589px; height: 54px;}
ul#nav li { display: block; margin: 0; padding: 0; float: left;}
ul#nav li a { display: block; height: 54px; margin: 0; padding: 0;}
ul#nav li a.home { width: 112px; background: url(images/nav-bar-587x165.jpg) 0 0;}
ul#nav li a.about { width: 123px; background: url(images/nav-bar-587x165.jpg) -112px 0;}
ul#nav li a.contact { width: 140px; background: url(images/nav-bar-587x165.jpg) no-repeat -235px 0;}
ul#nav li a.login { width: 97px; background: url(images/nav-bar-587x165.jpg) no-repeat -375px 0;}
ul#nav li a.signup { width: 114px; background: url(images/nav-bar-587x165.jpg) no-repeat -472px 0;}
ul#nav li a.home:hover { width: 112px; background: url(images/nav-bar-587x165.jpg) 0 -56px;}
ul#nav li a.about:hover { width: 123px; background: url(images/nav-bar-587x165.jpg) -112px -56px;}
ul#nav li a.contact:hover { width: 140px; background: url(images/nav-bar-587x165.jpg) no-repeat -235px -56px;}
ul#nav li a.login:hover { width: 97px; background: url(images/nav-bar-587x165.jpg) no-repeat -375px -56px;}
ul#nav li a.signup:hover { width: 114px; background: url(images/nav-bar-587x165.jpg) no-repeat -472px -56px;}
ul#nav li a.home-active { width: 112px; background: url(images/nav-bar-587x165.jpg) 0 -111px;}
ul#nav li a.about-active { width: 123px; background: url(images/nav-bar-587x165.jpg) -112px -111px;}
ul#nav li a.contact-active { width: 140px; background: url(images/nav-bar-587x165.jpg) no-repeat -235px -111px;}
ul#nav li a.login-active { width: 97px; background: url(images/nav-bar-587x165.jpg) no-repeat -375px -111px;}
ul#nav li a.signup-active { width: 114px; background: url(images/nav-bar-587x165.jpg) no-repeat -472px -111px;}
ul#nav li a span{ display:none; }
/* @end */



/* @group Left Column */
form {margin:0;padding:0;}
#left-col { float: left; width: 269px; height: 381px; background: url(images/loginback-269x381.jpg) no-repeat;}
#left-col table tr td { height:30px;}
td.form-ttl { text-transform: uppercase; font-size: 13px;}
td.form-ttl span{ text-transform: uppercase; font-weight: bold;}
td.form-ttl a { font-size: 8px; color: #4370b4; text-decoration: underline;}
td.form-ttl a:hover { color: #ff920f;}
td.label { font-size: 10px; text-align: right;}
td.form-forgot { font-size: 10px;}
td.form-forgot a{ font-size: 10px; color: #476fb5; text-decoration: underline;}
td.form-forgot a:hover{ color: #fe9311;}
#left-col table { width: 227px; margin-right: auto; margin-left: auto; padding-top: 57px;}
input.id-num { width: 43px;}
hr.form-hr { margin-top: 12px; margin-bottom: 12px;}
/* @end */


/* @group Right Column */
#right-col { width: 330px; float: left;}
/* @end */


/* @group Footer */
ul#footer-nav { padding: 0; width: 596px; height: 54px; margin: 0 auto 0 6px; font-family: Arial, Helvetica, Geneva, sans-serif;}
ul#footer-nav li { display: inline; font-size: 10px; border-right: 1px solid #ccc; color: #4174bf; float: left;}
ul#footer-nav li.end { border-right: none; padding-left: 8px;}
ul#footer-nav li a {  padding-right: 8px; padding-left: 9px; text-align: center; color: #000;}ul#footer-nav li a:hover { color: #fe910e;}
#footer-logos { margin-right: auto; margin-left: auto; width: 390px; padding-top: 10px; padding-bottom: 10px;}
#footer-logos img{ padding: 0 30px;}
/* @end */