/* CSS Document 
light gray: #e8e8e8
dark gray: #777777
*/

@font-face {
    font-family: 'FolioBook';
    src: url('/css/folio_book_bt-webfont.eot');
    src: url('/css/folio_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/folio_book_bt-webfont.ttf') format('truetype'),
         url('/css/folio_book_bt-webfont.woff') format('woff'),
         url('/css/folio_book_bt-webfont.svg#FolioBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {margin:0; padding:0; border:none}

body {width:100%; margin:0 auto; text-align:center;	background:#777 url(/images/bg.gif) repeat-x top center; font-family:'FolioBook', Verdana, Sans-Serif; font-size:62.5%; color:#736160}

#top h1 {width:960px; margin:90px auto 0 auto; text-align:center; padding:0; font-size:xx-small; color:#54377a; line-height:8px; background-image:none; height:auto}

#top-nav {width:960px; height:46px; margin:0 auto; text-align:center}
	#top-nav ul {margin-left:3px}
	#top-nav li {float:left; list-style:none}
	#top-nav li.ctr {padding:0 65px}
	
#top-m {clear:both; width:960px; height:10px; margin:7px auto 0 auto; text-align:center; background-color:#e8e8e8}
	
#hold-all {clear:both; width:960px; margin:0 auto; text-align:center}
#content {clear:both; float:left; width:960px; margin:0 auto; text-align:center; background:#e8e8e8 url(/images/bg-body.gif) repeat-y 10px 10px}

#b-left {clear:both; width:220px; float:left; padding:10px 0}
	#navigation {width:220px; margin:30px auto; text-align:center}
	#navigation ul {margin-left:0}
	#navigation li {list-style:none; margin:0 auto}
	
#b-center {width:520px; float:left}
	#b-copy {clear:both; width:480px; margin:0 auto; text-align:center; padding:10px}
	
#b-right {width:220px; float:left; padding:10px 0}
	p.caption {width:184px; margin:0 auto; font-size:1.3em; font-weight:bold; color:#6b4c93; background-color:#e6e6e6; text-align:center; padding:2px 0}
	.votd {width:164px; margin:30px auto 0 auto; font-weight:normal; font-size:1.1em; text-align:center; color:#623d90; background-color:#e6e6e6; padding:10px}
	
#footer {
	clear:both;
	width:960px;
	height:200px;
	margin:0 auto 20px auto;
	text-align:center;
	background:url(/images/footer.jpg) no-repeat bottom center;
	font:xx-small sans-serif;
	color:#fff;
	letter-spacing:.2em
}
	.fb {padding-top:20px}
	.footer {padding-top:50px}


/* Typography */
h1 {font-size:2.2em; font-weight:bold; padding:18px 0; margin:0; text-align:left; color:#54377a; background:url(/images/bg-h1.png) bottom left no-repeat; height:30px}
h2 {font-size:1.6em; font-weight:bold; padding:14px 0; margin:0; text-align:left; color:#6b4c93; line-height:1.5em}

p {font-size:1.6em; margin-top:16px; text-align:left; line-height:1.6em}
img {margin:0; padding:0; border:none}

.img {padding:7px 7px; margin:5px 10px; border:solid 1px #ece8f2}
.no-margin {margin:0; padding:0; background-image:none; height:auto}
.red {color:#c00}
.bld {font-weight:bold}
.sm {font-size:1.0em}
.clear {clear:both}
.msg {overflow:auto}


fieldset {font-family:'FolioBook', Verdana, Sans-Serif; font-size:1.6em}
input, .msg, select {
	border:solid 1px #6b4c93;
	padding:3px 2px;
	margin-top:10px;
	background-color:#ece8f2;
	font-family:'FolioBook', Verdana, Sans-Serif;
	font-size:1.0em;
	color:#54377a
}

select {font-family:'FolioBook', Verdana, Sans-Serif; font-size:1.0em}

.form-l {text-align:right; padding-right:8px; margin-top:5px}
.form-r {text-align:left; margin-top:8px}
.form-c {text-align:center; margin-top:8px}

.qanda h2 {margin:24px auto 0 auto; padding:0 0 0 30px; min-height:30px; background:url(/images/ico-question.png) no-repeat top left}
.qanda p {margin:10px auto 0 20px; padding:0}


/* Buttons */
    .button, .button-logout-small {
        background-attachment:scroll;
        background-clip:padding-box !important;
        background-origin:padding-box;
        background-position:0 0;
        background-repeat:repeat;
        background-size:auto auto;
        border-radius:9px 9px 9px 9px;
        box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);
        color:white;
        cursor:pointer;
        display:inline-block;
        font-size:1.6em;
        line-height:1.6em;
        padding:5px 24px;
        text-decoration:none;
        text-shadow:-1px -1px 0 rgba(0, 0, 0, 0.5);
        height:auto
    }
    
    .button {background-color:#6b4c93; background-image:-moz-linear-gradient(center top, #aa80e0 0%, #6b4c93 100%); border:1px solid #13e608}


/* Links */
a:link, a:visited {color:#8552c8; text-decoration:underline}
a:hover, a:active {color:#13e608; text-decoration:none}
#footer a:link, #footer a:visited {color:#13e608; text-decoration:none}
#footer a:hover, #footer a:active {color:#fff; text-decoration:underline}