/* CSS Document */
/* Reset the defaults. */
* {margin: 0px; padding: 0px;}
body, th, td, tr, h1, h2, h3, h4, h5, h6, div, ul, li, p, legend {color: #FFFFFF; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
html {background: #000000 url('/Images/Common/bg.jpg') no-repeat 50% 300px;}
ul, li {list-style-type: none;}

/* Paragraphs. */
p {padding-top: .5em; padding-bottom: .5em; padding-left: 10px; padding-right: 10px;}

/* Position entire page.*/
html {text-align: center;}
body {text-align: center; position: absolute; left: 50%; margin: 0px; padding: 0px;}
#page_container {text-align: left; position: absolute; top: 0px; left: -400px; width: 800px;}
#page_content {position: relative; top: 200px; left: 200px; width: 597px; margin-bottom: 100px;}
ul, li {background: transparent; list-style-type: none; padding-left: 10px; padding-right: 10px;}

/* Banner. */
h1 {background: #000000 url('/Images/Common/banner.jpg') no-repeat 0px 0px; text-indent: -9999px; width: 800px; height: 200px; position: absolute; top: 0px; left: 0px;}
h2 {text-indent: -9999px; clip: rect('0', '0', '0', '800');}
/* Date. */
#date {color: #666666; font-size: 11px; text-align: right; width: 300px; position: absolute; top: 25px; left: 490px;}

/* Default link settings. */
a {font-weight: normal;}
a, a:link {color: #FF6600; text-decoration: none;}
a:active {color: #FF6600; text-decoration: underline;}
a:hover {color: #0066FF; text-decoration: underline;}
a:visited {color: #FF3300; text-decoration: none;}

/* Navigation. */
ul#nav li, ul#footer_nav li, ul#admin_nav li {margin-left: 2px; margin-right: 2px; display: inline;}

/* Main navigation. */
ul#nav {font-size: 14px; text-align: left; position: absolute; top: 175px; left: 200px; width: 600px;}
ul#nav a, ul#nav a:link, ul#nav a:hover, ul#nav a:active, ul#nav a:visited {font-weight: bold;}
ul#nav a, ul#nav a:link, ul#nav a:visited {color: #FF6600;}
ul#nav a:hover, ul#nav a:active {color: #0066FF;}
ul#nav a, ul#nav a:link, ul#nav a:active, ul#nav a:visited {text-decoration: none;}
ul#nav a:hover {text-decoration: underline;}
ul#nav li {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 15px;}
ul#nav li a {padding-bottom: 10px;}

/* Sub-menu alignment. */
ul#nav li ul {text-align: left; background-color: #000000; position: absolute; top: 21px; margin: 0px; border-color: #666666; border-width: 1px; border-style: solid; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; display: none; z-index: 1;}
ul#nav li ul li, ul#nav li ul li a {margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px;}

/* Portfolio sub-menu. */
ul#portfolio_sub {left: 51px;}

/* About sub-menu. */
ul#about_sub {left: 130px;}

/* Personal sub-menu. */
ul#personal_sub {left: 192px;}

/* Make sub-menus appear. */
ul#nav li:hover ul, ul#nav li:hover ul li {display: block;}

/* Makes the entire sub highlight. */
ul#nav li ul li a {display: inline;}

/* Footer navigation. */
ul#footer_nav {font-size: 12px; text-align: center; margin-top: 10px; top: 200px; padding-left: 200px; position: relative;}
ul#footer_nav a, ul#footer_nav a:link, ul#footer_nav a:hover, ul#footer_nav a:active, ul#footer_nav a:visited {font-weight: bold;}
ul#footer_nav a, ul#footer_nav a:link, ul#footer_nav a:active, ul#footer_nav a:visited {text-decoration: none;}
ul#footer_nav a:hover {text-decoration: underline;}

/* Admin navigation. */
ul#admin_nav {font-size: 10px; text-align: center;}
ul#admin_nav a, ul#admin_nav a:link, ul#admin_nav a:hover, ul#admin_nav a:active, ul#admin_nav a:visited {font-weight: normal;}
ul#admin_nav a, ul#admin_nav a:link, ul#admin_nav a:active, ul#admin_nav a:visited {text-decoration: none;}
ul#admin_nav a:hover {text-decoration: underline;}

/* Page title. */
h3 {color: #FF6600; font-size: 14px; font-weight: bold; text-align: center;}

/* Sub Title. */
h4 {color: #666666; font-size: 11px; font-weight: bold; text-align: center;}

/* Page content headers. */
h5 {font-size: 11px; font-weight: bold; padding-left: 10px;}
h6 {font-size: 10px; font-weight: bold; padding-left: 10px;}

/* Welcome. */
#welcome {color: #666666; font-size: 10px; font-weight: bold; position: absolute; top: 166px;}

/* Profile links. */
ul#profile_links {position: absolute; top: 181px; left: 5px; display: inline;}
ul#profile_links li {padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px; display: inline;}
.profile_options {color: #666666; font-size: 10px; font-weight: normal;}
.profile_options, .profile_options:link, .profile_options:hover, .profile_options:active, .profile_options:visited {font-weight: normal;}
.profile_options, .profile_options:link, .profile_options:visited {color: #666666; text-decoration: none;}
.profile_options:hover, .profile_options:active {color: #0066FF; text-decoration: underline;}

/* Other sites nav. */
div#other_sites {position: absolute; top: 210px; left: 10px; width: 190px;}
li.more_sites a, li.more_sites a:link, li.more_sites a:hover, li.more_sites a:active, li.more_sites a:visited {font-size: 10px;}
li.more_sites a, li.more_sites a:link, li.more_sites a:visited {color: #666666;}
li.more_sites a:hover, li.more_sites a:active {color: #0066FF;}

/* Page options. */
#page_options {color: 333333; font-size: 10px; width: 788px; padding: 10px; display: block; float: none; clear: both;}
#page_options li {padding-left: 5px; padding-right: 5px; display: inline;}

/* Associate sites. */
ul#associates label {color: #ff6600; font-size: 14px; font-weight: bold;}
ul#associates li {padding-left: 5px;}
ul#associates li.more_sites {padding-left: 0px}

/* Top sites. */
ul#top_sites {padding-top: 5px;}
ul#top_sites label {color: #ff6600; font-size: 14px; font-weight: bold;}
ul#top_sites li {padding-left: 5px;}
ul#top_sites li.more_sites {padding-left: 0px;}

/* Login box */
#login_container {position: absolute; top: 367px; left: 0px; width: 175px; display: none;}
#login_box {width: 175px; margin: 0px; padding: 2px;}
#login_box fieldset {background-color: #000000;}
#login_box p {position: relative; width: 146px; padding-top: 1px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px; line-height: 2em;}
#login_box p.minor_error {font-size: 10px; width: 150px; padding-bottom: 0px;}
#login_box p.usr_pass input {position: absolute; top: 4px; left: 70px;}

/* Reset password. */
#login_box #reset {font-size: 10px; font-weight: normal; text-align: right; position: relative; top: -10px; left: 65px; width: 100px; margin-left: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 1px;}
#reset a, #reset a:link, #reset a:hover, #reset a:active, #reset a:visited {font-weight: normal;}
#reset, #reset a:link, #reset a:visited {text-decoration: none;}
#reset a:hover, #reset a:active {text-decoration: underline;}

/* Membership. */
#login_box #membership {font-size: 10px; font-weight: normal; text-align: right; position: relative; top: -20px; left: 65px; width: 100px; margin-left: 10px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 1px;}
#membershiip a, #membership a:link, #membership a:hover, #membership a:active, #membership a:visited {font-weight: normal;}
#membership, #membership a:link, #membership a:visited {text-decoration: none;}
#membership a:hover, #membership a:active {text-decoration: underline;}

/* Login submit button. */
#login {position: absolute; left: 0px; width: 50px; padding: 2px;}
#login_submit {position: absolute; top: 4px; left: 0px; padding: 0px; width: 65px;}

/* Copyright & web design. */
#web_design {padding-bottom: 250px;}
#web_design p {color: #666666; font-size: 10px; font-weight: normal; text-align: center; position: relative; top: 200px; margin-left: 200px;}

/* Main error message. */
#main_error_message {position: absolute; top: 50px; left: 475px; width: 315px; z-index: 2;}

/* Content divs. */
.main_content {background: #111111; width: 588px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding: 5px; border: 1px solid #666666; float: none; clear: none;}
.sub_content {background: #111111; width: 284px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 5px; border: 1px solid #666666; float: left;}

/* Elements. */
fieldset {padding: 3px;}

/* Classes. */
.success {color: #006600;}
.minor_error {color: #FF0000;}
.error {color: #FF0000; font-weight: bold;}
.content_lists {padding-left: 5px; padding-right: 5px;}
.faqs_headers {color: #FF6600; font-size: 11px; font-weight: bold; padding-left: 10px; padding-top: 15px;}
.important {color: #0066FF; font-size: 12px; font-weight: bold; text-align: center;}

/* Temp. */
#page_options li {display:none;}