body { background: #efeeef;}

#pagewrap { max-width: 960px; min-width: 320px; margin: 0 auto; position: relative; }

#header { min-height: 65px; padding: 0; }

#footer { background-color: #EFEEEF; }  

#footer a:link { font-weight:normal;}

#main { min-height: 200px; 
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1%;
		margin-top: 1%;
		overflow: auto; 
		display: inline-block;
		display: block;
		padding: 2% ; 
		background: #fff; 
		height: 100%; 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		-webkit-border-radius: 8px 8px 8px 8px; 
    	-moz-border-radius: 8px 8px 8px 8px; 
     	border-radius: 8px 8px 8px 8px; 

		-moz-background-clip: padding; 
		-webkit-background-clip: padding-box; 
		background-clip: padding-box;
	
		-moz-box-shadow:    3px 3px 5px 6px #ccc;
 		 -webkit-box-shadow: 3px 3px 5px 6px #ccc;
 		 box-shadow:         3px 3px 5px 6px #ccc; }
	
#links {text-align: center; margin-bottom: 1%;}

#left { float: left; width: 50%; }

#right { float: right;  width: 50%; }

#center { width: 75%; margin: 0 auto;}

#questions {clear: both;}
	
h1 {font-size: 220%;}

.linklist {margin-bottom:-1px;}

.hanging {text-indent: -20px; padding-left: 20px;}

.new {	background-color: #950000; color: #FFF;	border: none; margin: 1px; padding: 1px; width: 100%;	}

.bar {	background-color: #1b3f8b; color: #eee;	border: none; border-radius: 4px; margin: 10px;	padding: 6px; width: 95%; clear: both;	}

/***NESTED ACCORDION STYLES*********/
.ui-accordion .ui-accordion-content {padding: 1%;}
#accordion2.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #808080;}
#accordion2.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #8d8d8d;}
#accordion2.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {background: #8d8d8d;}
#accordion3.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #808080;}
#accordion3.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #8d8d8d;}
#accordion3.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {background: #8d8d8d;}

/**************BUTTONS****************************/
	.option_button {
	background-color: #1b3f8b;
	color: #eee;
	border: none;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #333;
	margin: 10px;
	padding: 6px;
	text-shadow: 1px 1px 0px #333;
}
	.reset {
	background-color: #950000;
	color: #eee;
	border: none;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #333;
	margin: 10px;
	padding: 6px;
	text-shadow: 1px 1px 0px #333;
	}
	.submit {
	background-color: #647293;
	color: #eee;
	border: none;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #333;
	margin: 10px;
	padding: 6px;
	text-shadow: 1px 1px 0px #333;
	}
/**********MEDIA QUERIES*******************/
@media screen and (max-width: 700px) {
	   	#left { width: auto; float: none;}
	   	#right { width: auto; float: none;}
		#center { width: auto; margin: 0 auto;}
		#main { width: 95%;}
	   }