/* @override 
	http://kemphannon.com/css/home.css
	http://z911.net/kemp/css/home.css
*/

/* CSS Document */

body {
	font-size:.625em;
	background-color:#CCC;
	background-image:url(../img/shadow_grad.gif);
	background-repeat:repeat-y;
	background-position:top;
	padding:0px;
	margin:0px;
	height:100%;
}
html { height:100%; }

a {
	text-decoration:none;
	color:inherit;
}

a:hover {
	text-decoration:underline;
}

a.dignified:hover {
	text-decoration:none;
	text-shadow:3px 3px 3px rgba(0,0,0,.4);
}

div.dropdown {
	display:none;
	border-left:2px #CCC solid;
	position:absolute;
	top:24px;
	left:111px;
	text-align:left;
	font-family:Arial;
	font-size:1.2em;
	cursor:pointer;
	z-index:100;
	-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
	-moz-box-shadow: 3px 3px 10px rgba(0,0,0,.5);
	box-shadow: 3px 3px 10px rgba(0,0,0,.5);
}

div.dropdownitem {
	background-image:url(../img/navbuttons_dd_grad.png);
	background-repeat:repeat-x;
	background-position:-20px;
	padding:6px 20px 6px 10px;
	border-right:2px #CCC solid;
	width:100px;
	color:#000;

}

div.dropdownitemhover {
	background-image:url(../img/navbuttons_ddhover_grad.png);
}


img.bullet { 
	float:left;
	margin-right:5px; 
}

span.bullet {
	cursor:pointer;
}

span.bullet:hover {
	text-decoration:underline;
}

#wrapper {
	width:798px;
	position:relative;
	left:50%;
	margin-left:-400px;
	padding:0px 0px;
	background-color:#FFF;
	border:#FF0 0px solid;
}

#footer {
	width:790px;
	height:30px;
	padding:5px;
	color:#FFF;
	margin:0px 0px;
	float:left;
	font-family:Verdana;
	font-size:1.2em;
	background-image:url(../img/masthead_grad.png);
	background-repeat:repeat-x;
	background-position:bottom;	
	border:#FF0 0px solid;
	border-top:#000 solid 1px;
	text-align:center;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

#subfooter {
	width:789px;
	margin:0px 0px;
	float:left;
	font-family:Verdana;
	font-size:1.2em;
}

#masthead_div {
	width:780px;
	height:100px;
	font-family:Georgia;
	color:#FCC;
	background-image:url(../img/masthead_grad.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px;
	border:0px;
}

#navbuttons_div {
	position:absolute;
	top:81px;
	left:30px;
	width:560px;
	height:24px;
	margin-top:15px;
	background-color:#FFC;
	border:#FF0 0px solid;
}

.navbutton {
	color:#000;
	float:left;
	border:1px #CCC solid;
	text-align:center;
	padding:3px 0px;
	font-family:Arial;
	font-size:1.2em;
	cursor:pointer;
	height:16px;
	width:110px;
	border:0px 1px;
	line-height:17px;
	background-image:url(../img/navbuttons_grad.png);
	background-repeat:repeat-x;
	background-position:-20px;
}

.navbuttonhover { 
	background-image:url(../img/navbuttons_hover_grad.png); 
}

span.topicheadline {
	font-size:2.0em;
	font-weight:bold;
}

span.headline {
	font-weight:bold;
	color:#990000;
}

#toprightseal {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:210px;
	z-index:100;
	border:0px;
}

/*#toprightseal:hover {
	background-color:rgba(255,204,205,.4);
}*/

.welcome {
	float:left;
	text-align:justify;
	padding:5px;
	font-size:1.3em;
	font-family:Arial;
	margin:10px 10px 0px 0px;
	border:1px solid #DDD;
	overflow:hidden;
}

#welcome_div {
	width:430px;
	height:145px;
}

#welcome_left {
	width:204px;
	height:230px;
	text-align:left;

}

#welcome_right {
	width:204px;
	height:162px;
	text-align:left;
}

.social {
	float:left;
	margin:10px 0px 0px 0px;
	overflow:hidden;
	text-align:center;
	padding:5px;
	font-size:13px;
	font-family:Arial;
	width:62px;
	height:49px;
	border:0px;
}

.social:hover {
	background-color:#FCC;
}

.shoutout {
	display:block;
	float:right;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #DDD;
	overflow:hidden;
	background-color:#CCC;
	background-position:middle;
}

#shoutout_banner1 {
	width:766px;
	height:100%;
	padding:5px;
	border:2px solid #990000;
	text-align:left;
	font-family:Georgia; 
	font-size:1.5em; 
	color:#990000;
}

#shoutout_banner2 {
	width:766px;
	height:100%;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	border:2px solid #990000;
	text-align:left;
	font-family:Georgia; 
	font-size:2.2em; 
	color:#990000;
}

#shoutout_banner3 {
	width:766px;
	height:100%;
	padding:5px;
	border:2px solid #990000;
	text-align:left;
	font-family:Georgia; 
	font-size:2.5em; 
	color:#990000;
}

#shoutout_star {
	width:766px;
	height:100px;
	padding-left:5px;
	padding-top:5px;
	padding-right:5px;
	background-color:#FFF;
	border:2px solid #990000;
	text-align:right;
}
.vertcentcontainer {
	height:120px;
	width:766px;
	display: table-cell;
	text-align:right;
	vertical-align: middle }
}

.headline {
	font-size:1.4em;
	color:#990000;
	font-weight:bold;
}

.infolink {
	display:block;
	font-size:1.2em;
	color:#990000;
	font-weight:bold;
	text-align:right;
}

.infolink:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#990000;
}

div.briefs {
	padding:5px;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:255px;
	height:210px;
	margin:0px;
	float:left;
	border:solid 0px #FF0;
}

#leftbriefs_div {
	background-color:#FFF;
}

#centerbriefs_div {
	border-left:1px #900 solid;border-right:1px #900 solid;
	background-color:#FCC;
}

#rightbriefs_div {
	background-color:#FFF;
}

div.staticstage {
	font-size:1.3em;
}

#staticstageBleft_div {
	width:380px;
	border:0px #000 solid;
	padding:10px;
	float:left;
}

#staticstageBright_div {
	width:382px;
	border:0px #000 solid;
	padding:10px;
	float:left;
}

input {
	background-color:#FFF;
	border:1px #000 solid;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.4em;
	padding:0px 4px;
}

div.articlewrapper {
	width:550px;
	font-size:1.2em;
	font-family:Verdana;
	padding:0px 10px;
	text-align:left;
	margin:10px 0px 0px 0px;
	border-right:#DDD 1px solid;
}

div.topicwrapper {
	width:550px;
	font-size:1.2em;
	font-family:Verdana;
	padding:0px 10px;
	text-align:left;
	margin:10px 0px 0px 0px;
	border-right:#DDD 1px solid;
}

div.topicwrapper a {
	color:#990000;
}

div.articlewrapper a {
	color:#C00;
}

div.articlewrapper a:hover {
	text-decoration:underline;
}

span.articleheadline {
	font-weight:normal;
	font-size:1.8em;
	font-family:Georgia, serif;
}

span.articleinfo {
	font-weight:bold;
	font-size:1.0em;
	color:#666;
	font-family:sans-serif;
	line-height:20px;
}

div.toolwrapper {
	position:absolute;
	left:580px;
	top:183px;
	border:0px solid #000;
	font-size:1.2em;
	font-family:Verdana;
}

div.tooltopic {
	padding:4px;
	margin:0px 10px;
	width:180px;
	font-family:Verdana;
	background-color:#9CF;
}

div.toollist {
	background-color:#09F;
	padding:5px;
}

span.toollist {
	line-height:20px;
	font-family:serif;
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
}

#articlegalleryslot{
	overflow:hidden;
	border:3px double #900;
	padding:10px 40px;
	width:464px;
	margin-bottom:10px;
}

#articlegallerywrapper {
	overflow:hidden;
	height:150px;
	width:4999px;
}

.articlegalphoto {
	border:1px #000 solid;
	width:150px;
	height:150px;
	margin:0px 5px 5px 0px;
}

#articlegalleryleft {
	width:40px;
	position:absolute;
	height:170px;
	top:133px;
	left:13px;
	background-color:#FFF;
}
#articlegalleryright {
	width:40px;
	position:absolute;
	height:170px;
	top:133px;
	left:517px;
	background-color:#FFF;
}
img.galleryarrow {
	margin-top:70px;
	margin-left:6px;
	padding:5px;
	border:1px solid #900;
	background-color:#FFF;
	cursor:pointer;
}

/* QUESTIONNAIRE STYLES */

#q_wrapper {
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	padding:0px 0px;
	background-color:#CC0000;
	border:#FF0 0px solid;
	text-align:center;
}

#q_header {
	width:780px;
	height:250px;
	font-family:Georgia;
	color:#FCC;
	background-image:url(../img/masthead_grad.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:10px;
	border:0px;
}

#q_titlewrapper {
	width:250px;
	height:250px;
	margin-left:135px;
	border:#FFF solid 0px;
	text-align:center;
	font-family:serif;
	text-shadow: 3px 3px 3px rgba(0,0,0,.9);
}

	.q_titlecred { font-size:19px; }
	.q_titleyear { font-size:120px; line-height:95px; }
	.q_titletext { font-size:28px; line-height:30px; }
	
#q_seal {
	position:absolute;
	top:0px;
	left:50%;
	margin-left:5px;
	margin-top:10px;
	z-index:100;
	width:255px;height:250px;
	border:0px;
}

.formfield {
	float:left;
	border:0px #000 solid;
	margin-right:15px;
	margin-bottom:10px;
}

.q_box {
	text-align:left;
	display:block;
	margin:10px;
	padding:15px;
	width:750px;
	height:260px;
	background-color:#EF9A9C;
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,.9);
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,.9);
}

.q_input {
	background-color:#FFF;
	border:1px #000 solid;
	height:20px;
	font-family:Helvetica;
	font-size:14px;
	padding:3px 4px 0px 4px;	
}

.q_num {
	float:left;
	font-size:240px;
	color:#fff;
	height:250px;
	margin:0px 20px 0px 20px;
	border:0px #000 solid;
	text-shadow: 3px 3px 3px rgba(0,0,0,.9);
}

.q_ques {
	float:left;
	width:550px;
	height:220px;
	padding:15px;
	border:0px #000 solid;
}

.q_queshead {
	margin:0px 0px 10px 0px;
	font-size:26px;
	line-height:28px;
}

.q_quessubhead {
	margin:0px 0px 10px 0px;
	font-size:22px;
	line-height:24px;
}

.q_col {
	float:left;
	padding:6px;
	width:250px;
	margin-top:0px;
	margin-right:10px;
	border:0px solid #000;
}

.q_cb {
	width:15px;
	border:0px #FFF solid;
}

.q_submit {
	cursor:pointer;
	background-color:#EF9A9C;
	width:400px;
	border:1px solid #000;
	margin:10px;
	padding:10px;
	font-family:serif;
	font-size:20px;
	height:50px;
}

#q_footwrapper {
	width:800px;
	position:relative;
	left:50%;
	margin-left:-400px;
	padding:0px 0px;
	background-color:#FFFF;
	border:#FF0 0px solid;
}

#messageBox {
	text-align:left;
	display:block;
	margin:10px;
	padding:15px;
	width:750px;
	height:auto;
	background-color:#EF9A9C;
	display:none;
	-moz-border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,.9);
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,.9);
}
	#messageBox li {
		margin-left:15px;
		font-family:Helvetica;
		font-size:14px;
	}