/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html,body,address,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,p,blockquote,table,caption,th,td,img { margin: 0; padding: 0; }
a img, a:link img, a:visited img { border: none; border-width: 0; vertical-align: top; }
fieldset { border: none; border-width: 0; }

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Globals
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

html, body {border: 0; height: 100%;}

body {background-color: #F4F3F1; font-family: verdana, arial, helvetica, sans-serif; font-size: 95%; line-height: 1em; text-align: center;}

body#home, body#member, body#account {
	background-color: #F4F3F1;
	background-image: url(../image/bg-main1a.png);
	background-repeat: repeat-x;
	background-position: left top;
}

a:link, a:visited {
	color: #246A8B;
	font-weight: bold;
	text-decoration: underline;
}

a:hover {
	background-color: #246A8B;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clear {*zoom: 1;/*for ie 5.5-7*/}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Main Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

h1 {font: bold 1.7em;}

h2 {
	margin: 0;
	line-height: 120%;
	margin-bottom: 20;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.7em;
	font-weight: bold;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20;
	margin-left: 0;
}

h4 {font-size: 1.45em; margin: 0;}

p, ul, ol {margin: 0; line-height: 1.7em; padding: 0 0 18px 0;}

blockquote {margin: 22px 40px; padding: 0;}

ul, ol {margin: 0 15px 20px 25px; padding: 0;}

ol li {list-style-type: decimal; margin: 5px 0 10px 0; text-align: left;}

ul li {list-style-type: disc; margin: 5px 0 10px 0; text-align: left;}

small {font-size: 0.85em;}

strong {font-weight: bold;}

img {border: 0;}

acronym, abbr {cursor: help; letter-spacing: 1px; border-bottom: 1px dashed;}

hr {text-align: center; width: 90%; height: 1px; color: #ccc; border: none; margin: 0 auto 20px auto;}

html > body hr {margin: 0 auto 20px auto; width: 90%; height: 1px; background-color: #ccc; border: 0px solid #ccc;}

.center {margin: 10px auto; text-align: center;}

.notice  {background-color: #FFFFCC; border: 1px solid #FFCC66; font-size: 1em; margin: 10px auto; padding: 10px; text-align: left; width: 500px;}

.right {float: right;}

.left {float: left;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

form {margin: 0; padding: 0; display: inline;}

input, select, textarea {font-size: 1em;}

textarea {line-height: 1.25;}

label {cursor: pointer;}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Site Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

#main-header {background: url('../image/bg-header.jpg') transparent no-repeat top center; height: 160px; margin: 0 auto 0 auto; padding: 0px; width: 960px;}


#home #nav-bar { background: url('../image/mem-login-arrow.png') transparent no-repeat left center; color: #fff; font-size: .8em; height: 49px; margin: 0 auto; padding: 0 0 0 100px; text-align: left; width: 810px;}

#home #nav-bar a, #home #nav-bar a:visited {color: #fff;text-decoration: underline; font-weight: normal;}
#home #nav-bar a:hover, #home #nav-bar a:focus, #home #nav-bar a:active  {color: #333; background-color: #fff; text-decoration: none; font-weight: normal;}

#home #nav-bar form { margin: 0; padding: 0;}

#home #nav-bar p {display: inline;}

#home #nav-bar .message {font-size: 1.1em; float: left; margin:0; padding: 14px 0 10px 0;}

#home #nav-bar p.left {float: left;}

#home #nav-bar p.right {font-size: 1.1em;float: right; padding: 14px 0 0 0;}

#home #nav-bar .go-button { margin: 8px 0 0 2px; padding: 0 0 3px 0; }

#home #nav-bar label { float: left; margin: 17px 3px 0 0; padding: 0; font-size:.9em;}

#home #nav-bar .request { font-size: .8em; margin: 0 0 0 220px; padding: 0;}

#home #nav-bar input.text-input  {background: url('../image/bg-form-text.png') #fff no-repeat left top; border: 1px solid #D57329; float: left; margin: 12px 10px 0 0; padding: 4px; width: 100px;}

#nav { padding: 0; }

ul#nav { width: 100%; text-align: center; }

ul#nav li { display: inline; }

#nav li {display: inline; margin: 0;}

#nav li a { float: left; font-size:.8em; text-decoration: none; padding: 10px 15px 9px 15px; margin: 0 1px 0 0; color: #fff; }

#nav li a.current { background: url('../images/bg-nav-active.png') #FF9933 repeat-x center top; color: #000; }

#nav li a:hover { background: url('../images/bg-nav-active.png') #FF9933 repeat-x center top; color: #000;  }

#home h1 {
	color: #930;
	font-size: 2.5em;
	text-align: center;
	margin: 10px auto 20px auto;
	line-height: 110%;
}

#home h2 {
	color: #246A8B;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 0 15px 0;
}

#home h3 {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#home h4 {font-size: 1.45em; margin: 0;}

#home #content {font-size: .9em; margin: 0px auto; padding: 0; min-height: 700px; text-align: left; width: 900px; clear: both;}




.meta {color: #777; font-size: 0.7em; margin: 0;}

.meta a:hover, .meta a:active {
	color: #246A8B;
	font-weight: normal;
	text-decoration: none;
}

.post {clear: left; padding: 0px 0px 25px 0px; margin: 0px 0px 30px 0px; background: url('../images/bg-post.png') no-repeat center bottom;}

.postmetadata {font-size: 0.75em;}

.postmetadata a:link, .postmetadata a:visited {color: #333399; text-decoration: underline;}

.postmetadata a:hover, .postmetadata a:active {
	color: #246A8B;
	text-decoration: none;
}

.storycontent {padding: 0px; margin: 15px 0px;}


#slider {
    width: 850px;
    margin: 0px auto 0 auto;
    position: relative;
}

#slider a {
   outline: none;
}

.scroll {
       border: 1px solid #E5E5E5;
    width: 850px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF;
}

.scrollbox div.panel {
    margin: 0 auto;
    padding: 30px;
    width: 790px;
}

.scrollbox div.panel p.right {
   padding: 0 30px 0 0;
     text-align: right;
}

ul.navigation {
    list-style: none;
    margin: 0 auto;
    padding: 12px 0 9px 0;
    width: 800px;
}

ul.navigation li {
    display: inline;
    margin: 0;
}

ul.navigation a {
     border-top: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
    background-color: #CCCCCC;
    margin:0;
    padding: 10px 10px 10px 10px;
    color: #555;
    text-decoration: none;
   outline: none;
}

ul.navigation a#nav-problem {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-solution {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-expert {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-forms {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-test {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-deal {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a#nav-getit {
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a:hover {
	border-top: 1px solid #246A8B;
	color: #246A8B;
}

ul.navigation a.selected {
	border-top: 1px solid #246A8B;
	color: #000;
	padding: 10px 10px 10px 10px;
	margin:0 0 1px 0;
}

ul.navigation a.selected#nav-problem, ul.navigation a:hover#nav-problem {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-solution, ul.navigation a:hover#nav-solution {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-expert, ul.navigation a:hover#nav-expert {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-forms, ul.navigation a:hover#nav-forms {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-test, ul.navigation a:hover#nav-test {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-deal, ul.navigation a:hover#nav-deal {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.navigation a.selected#nav-getit, ul.navigation a:hover#nav-getit {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
}


ul.navigation a:focus {
    outline: none;
}


.scrollbuttons {
    position: absolute;
    top: 30px;
    cursor: pointer;
}

.scrollbuttons.left {
    left: -20px;
}

.scrollbuttons.right {
    right: -20px;
}

.hide {
    display: none;
}

.testbox {
	width: 600px;
	border: 1px solid #999;
	text-align: left;
	position: relative;
	padding: 15px;
	clear: both;
	float: none;
	background-color: #9CF;
}

#disclaimer {background: color: #fff;
	font-size: 1em;
	margin: 0px auto;
	padding: 20px 20px;
	text-align: left;
	width: 810px;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	line-height: 1.2em;
}

#footer {background: url('../image/bg-footer.png') transparent repeat-x top center; clear: both; color: #fff; font-size: 0.7em; margin: 0px auto; padding: 20px 20px; text-align: left;     width: 810px;}
#footer a:link, #footer a:visited {color: #777; font-weight: normal; text-decoration: underline;}
#footer a:hover {background-color: #eee; color: #777; font-weight: normal; text-decoration: none;}