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

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; background-color:#000;}
.clear {clear: both;}

h1 {padding: 0px; margin: 0px 0px 0px 0px; color:#573e94;}
p {color: #FFF;}
b, strong {color: #FFF; font-weight:bold;}

a {color: #573e94; text-decoration:none;}
a:hover {text-decoration: underline;}

#hannahjakes {margin: 0px auto; width: 768px; height: auto;}

#loginArea {margin: 40px auto; width: 485px; height: auto; background:url(../images/home_login.jpg) top left no-repeat;}
#fullArea {margin: 0px auto; width: 762px; height: auto;}

#header {height: 157px; width: 762px; background: url(../images/logo.jpg) top left no-repeat; padding: 0px; margin: 0px;}

#menu {height: 55px; width: 748; padding: 90px 20px 14px 0px; }
#menu #small-menu {float: right; width: auto; height: 20px; clear: both;}
#menu #main-menu {float: right; width: auto; height: 20px; clear: both;}
#menu #extra {float: right; width: auto; height: 20px; clear: both; padding: 0px 10px 0px 0px; }

#menu ul {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; list-style-type:none;}
#menu ul li {float: left; padding: 0px; margin: 0px 10px 0px 0px;}
#menu #main-menu ul li a.large {color: #999; display:block; text-transform:uppercase; text-decoration:none; font-size: 14px; font-weight:bold;}
#menu #main-menu ul li a.large:hover {text-decoration: underline; color:#FFF;}

#menu #small-menu ul li a.small {color: #999; display:block; text-transform:uppercase; text-decoration:none; font-size: 12px; font-weight:bold;}
#menu #small-menu ul li a.small:hover {text-decoration: underline; color:#FFF;}
#menu p {color: #FFF; font-size:10px; margin: 0px; padding: 0px;}

#loginmenu {height: 55px; width: 485px; padding: 0px 20px 0px 0px; position:absolute; margin: -15px 0px 20px 140px; }
#loginmenu #small-menu {float: right; width: auto; height: 20px; clear: both;}
#loginmenu #main-menu {float: right; width: auto; height: 20px; clear: both;}
#loginmenu #extra {float: right; width: auto; height: 20px; clear: both; padding: 0px 10px 0px 0px; }

#loginmenu ul {padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; list-style-type:none;}
#loginmenu ul li {float: left; padding: 0px; margin: 0px 10px 0px 0px;}
#loginmenu #main-menu ul li a.large {color: #999; display:block; text-transform:uppercase; text-decoration:none; font-size: 14px; font-weight:bold;}
#loginmenu #main-menu ul li a.large:hover {text-decoration: underline; color:#FFF;}

#loginmenu #small-menu ul li a.small {color: #999; display:block; text-transform:uppercase; text-decoration:none; font-size: 12px; font-weight:bold;}
#loginmenu #small-menu ul li a.small:hover {text-decoration: underline; color:#FFF;}
#loginmenu p {color: #FFF; font-size:10px; margin: 0px; padding: 0px;}


#container {width: 762px; height: auto; margin: 10px 0px 10px 0px;}
#home-content {height: 271px; width: 768px; background:url(../images/content-home-bg.jpg) top left no-repeat; padding: 0px 0px 0px 0px;}
#content {height: auto; width: 708px; background:url(../images/content-bg.jpg) top left no-repeat;  padding: 10px 40px 20px 20px;}

#loginForm {width: 426px; height: auto; padding: 75px 0px 0px 190px; color:#FFFFFF;}
#loginForm .formLabel {width: 269px; height:45px; position:relative;}
#loginForm .holdingLabel {width: 269px; height:auto; position:relative;}
#loginForm .formLabel .formLeft {width: 75px; height: 17px; float:left; display:block; padding:5px 0px 0px 0px; text-transform:uppercase; font-size:10px;}
#loginForm .formLabel .formRight {width: 184px; height: 25px; float:right; display:block;}

.formInput {color: #FFF; border: none; background: url(../images/inputbox-1.gif) top left no-repeat; width:162px; height:22px; padding:5px 10px 0px 10px;}
.formInputLarge {color: #FFF; border: none; background: url(../images/inputbox-2.gif) top left no-repeat; width:264px; height:22px; padding:5px 10px 0px 10px;}
.button {border: none; background: url(../images/submit-button.gif) top left no-repeat; text-align:center; padding: 0px 0px 0px 0px; font-size:12px; color:#FFFFFF; text-transform:uppercase; width:72px; height:27px; display:block; cursor:pointer;}

#largefooter {margin: 0px auto; width: 742px; height: 96px; padding: 14px 0px 0px 0px;}
#largefooter p {color: #666; font-size:10px;}
#largefooter a {color: #666; font-size:10px; text-decoration:underline;}

#footer {margin: 0px auto; width: 465px; height: 96px; padding: 0px 0px 0px 20px;}
#footer p {color: #666; font-size:10px; text-align:center;}
#footer a {color: #666; font-size:10px; text-decoration:underline;}

#errors {border:1px solid #dadada; width:255px; padding:5px; margin: 10px 0px 20px 0px; position:relative; text-align:center;}
#errors p {color: #573e94; font-size: 10px; margin: 0px; padding:0px;}

table {color: #FFFFFF;}

#profile-left {float: left; /*border: 1px solid red;*/ width: 450px;}
#profile-right {float: right; /*border: 1px solid yellow;*/ width: 250px;}

#divinputfile{background:url(../images/browse-box.gif) top left no-repeat; height:27px; width:363px; margin:0px; display:block; cursor:pointer;}
#divinputfile #uploadfile{opacity: 0.0; -moz-opacity: 0.0; filter: alpha(opacity=00); font-size:18px;}
#fakeinputfile{margin-top:-28px;}
#fakeinputfile #fakefilepc{padding:7px 10px 0px 10px; width:264px; height:20px; font-size:12px; font-family:Arial; background:none; color:#FFFFFF; border:none;}

span.checkbox {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/checkbox.gif) no-repeat; display: block; clear: left; float: left;}
span.radio {width: 19px; height: 25px; padding: 0 5px 0 0; background: url(../images/radio.gif) no-repeat; display: block; clear: left; float: left;}

.home-image-link {display: block; background:url(../images/content-home-bg.jpg) top left no-repeat; height:271px; width:768px; border:none;}