/*** GENERAL STYLES ***/

body {text-align: center; margin: 0; padding: 0;}
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 14px; color: #333;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 20px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #333;}
a:hover {color: #999;}

.hide {display: none;}
.alert {color: #c00;}
.small {font-size: 10px;}
.large {font-size: 13px;}
.nowrap {white-space: nowrap;}

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 30px 20px 0;}
.imgright {float: right; margin: 0 0 20px 30px;}
.imgborder {border: 1px solid #ccc; padding: 5px;}
.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}


/*** TOP STYLES ***/

#outer {position: relative; margin: 30px auto 0; text-align: left; border: 15px solid #fff; background: #fff;
/*	box-shadow: 			0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-op-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 	0 0 5px rgba(0,0,0,.25);*/
	border-radius:			6px;
	-moz-border-radius: 	6px;
	-op-border-radius:		6px;
	-webkit-border-radius: 	6px;
}
#header {height: 84px; overflow: hidden; margin-bottom: 10px;}
#header h2 {float: left;}

#nav {float: left; font-family: 'QuicksandBook', arial, sans-serif; font-size: 16px; color: #fff; /*text-transform: uppercase; border-right: 1px solid #fff; overflow: hidden;*/}
#nav li {float: left;/* border-left: 1px solid #fff;*/}
#nav a {position: relative; display: block; color: #fff; text-decoration: none; height: 36px; line-height: 36px; padding: 48px 10px 0 10px; white-space: nowrap;}


/*** CONTENT STYLES ***/

#main {background: url(/images/main.gif) 0 0 repeat-x;}
#content {padding: 40px 50px 40px 50px;}
#content h1 {font-family: 'QuicksandBook', arial, sans-serif; font-size: 26px; line-height: 36px; border-bottom: 1px dotted #ccc; margin-bottom: 30px;}
#content h2 {font-size: 20px;}
#content h3 {font-size: 17px;}
#content ul {margin: 1.5em 0;}
#content ul li {padding-left: 10px; background: url(/images/bullet.gif) 0 6px no-repeat; margin-bottom: 8px;}

#spreaddiv {position: relative; z-index: 1;}
#spread {position: absolute; left: 0; top: 0; z-index: 1;}
#content #spreaddiv ul, #content #spreaddiv li {margin: 0; padding: 0; background: none;}

#toctab {position: absolute; right: -26px; top: 0; cursor: pointer;}
#toc {position: absolute; z-index: 2;}
#toc li a {display: block; text-decoration: none;}
#toctab.main {display: none;}
#toc.main {right: auto;}
#toc.main li a {text-indent: -3000px; overflow: hidden; background: url(/images/blank.gif); zoom: 1;}
#toctab.side {}
#toc.side {display: none; right: 0; top: 0; padding: 5px 0 !important; background: #fff !important; font-family: 'QuicksandBook', arial; font-size: 13px; line-height: 13px;
	box-shadow: 			-3px 3px 3px rgba(0,0,0,.25);
	-moz-box-shadow: 		-3px 3px 3px rgba(0,0,0,.25);
	-op-box-shadow: 		-3px 3px 3px rgba(0,0,0,.25);
	-webkit-box-shadow: 	-3px 3px 3px rgba(0,0,0,.25);
}
#toc.side li a {padding: 3px 10px; white-space: nowrap;}

#arrows {position: absolute; left: 0; top: 350px; width: 100%;}
#arrows img {display: block;}
#prevarrow, #nextarrow {position: absolute; left: -65px; bottom: 0; padding: 10px; z-index: 3;}
#nextarrow {left: auto; right: -65px;}
#links a {display: block; position: absolute; line-height: 2000px; overflow: hidden; z-index: 20; background: url(/images/blank.gif); zoom: 1;}
#flashdiv {position: absolute; width: 569px; height: 320px;}
#flashvideo a {display: block; background: #000; text-align: center; height: 320px; line-height: 320px; color: #fff;}

#issuesgrid {margin-right: -15px;}
.issuesitem {float: left; margin: 0 15px 15px 0; padding: 13px; width: 220px; height: 180px; text-align: center;
	box-shadow: 			0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-op-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 	0 0 5px rgba(0,0,0,.25);
}
.issuesitem img {width: 220px; height: 152px;}
.issuesitem a {display: block; font-family: 'QuicksandBook', arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 12px;}

#smalldrawgrid {margin-right: -15px;}
.smalldrawitem {float: left; margin: 0 15px 15px 0; padding: 13px; width: 157px; height: 230px; text-align: center;
	box-shadow: 			0 0 5px rgba(0,0,0,.25);
	-moz-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-op-box-shadow: 		0 0 5px rgba(0,0,0,.25);
	-webkit-box-shadow: 	0 0 5px rgba(0,0,0,.25);
}
.smalldrawitem img {width: 155px; height: 200px; border: 1px dotted #ccc;}
.smalldrawitem a {display: block; font-family: 'QuicksandBook', arial, sans-serif; text-transform: uppercase; text-decoration: none; font-size: 12px;}


/*** TABLE STYLES ***/

table {border-collapse: collapse; margin-bottom: 1.5em;}
th, td {border: 1px solid #ccc; padding: 5px 10px;}
thead th, thead td, .thead th, .thead td, td.thead, th.thead {font-weight: bold; background: #eee;}


/*** FORM STYLES ***/

form div {overflow: hidden; margin: 10px 0;}
form div div {overflow: visible; margin: 0;}
form label {position: relative; float: left; width: 120px; padding-right: 20px; text-align: right; font-family: 'QuicksandBook', arial, sans-serif; text-transform: lowercase; font-size: 14px;}
form .note {display: block; padding-left: 200px; margin-bottom: 5px; font-size: 11px;}
form .req {position: absolute; right: 4px; top: 0; color: #c00; font-size: 27px; line-height: 24px;}
form .text input, form textarea {width: 350px;}
form textarea {height: 100px;}
form .checkbox input {vertical-align: middle; width: auto !important;}
form .button {padding-left: 140px;}
form .button input {cursor: pointer;}
#QapTcha {margin-left: 120px; margin-bottom: 10px; width: 330px;}


/*** HOME STYLES ***/




/*** FOOTER STYLES ***/

#footer {margin: 0 auto; padding: 7px 0 40px; font-family: 'QuicksandBook', arial, sans-serif; font-size: 12px;}
#footer a {color: inherit; text-decoration: none;}
#footer a:hover {text-decoration: underline;}