/* SITE SPECIFIC LAYOUT */

* {
	padding: 0;
	margin: 0;
}

    body {
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 62.5%;
        
              
        text-align: center;
    }
	
	/*
	 * assume 1024x768 resolution based on
	 * http://www.w3schools.com/browsers/browsers_display.asp
	 *
	 * 1024px => 1000px after scroll bar
	 * 1000px => 100em
	 */ 
    div#page {
        width: 100em;
        
        margin:  0em auto 0em auto;
        padding: 0;
        
        text-align: center;
    }
    
    /* HEADER */
	
		/*
		 * background is NSU blue
		 */
        div#header {
            margin: 0em auto 0em auto ;
            padding: 0em;
            
            color: #000080;
            background: white;
            text-align: left;
        }
		
		div#header img {
            padding: 0 1em 0 0;
			margin: 0;
        }
		
		div#header h1 {
            padding: 0 0em 0 0;
            margin: 0;
            font-size: 6.6em;
			line-height: 0em;
			font-family: Times New Roman;
        }

    /* END HEADER */
    
    
    /* CONTENT */
	    /* width should match div#page but in px (ie 10x)*/
	    div#content {
			position: relative;
			width: 1000px;
			
			/* margin: 0 auto 2em auto; */
			margin: 0 0em 0.5em 0;
			padding: 0;
			text-align: left;
		}

		div#content p {
			margin: 1em 0em 1em 0em;
		}
        
		/* nav */
		
		    div#nav {
				float: left;
				width: 20em;
				margin: 2em 0 0em 0;
				display: inline;
			}

		
		    div#nav li {
				display: block;
		   
				list-style: none;
				
				margin: 0;
				padding: 0;
				
				line-height: 1em;
			}
			* html div#nav li {
				/* hide ie/mac \*/
				height: 1%;
				/* end hide */
			}

		
        /* MAIN */
		    /*
			 * div#nav + div#main + center gutter = div#page
			 * 20em    + 78em     + 2em           = 100em
			 */
            div#main {
				float: right;
				width: 78em;
				display: inline;
				margin: 2em 0 2em 0;
				padding: 0;
			}
			
			div#main h1 {
				font-size: 3.6em;
				margin: 0 0 0.4em 0;
				padding: 0;
			}
			
			div#main h2 {
				font-size: 2.0em;
				margin: 0 0 0.2em 0;
				padding: 0;
			}
			
			div#main p div.question div.answer {
				line-height: 1.8em;
				margin: 0 0 1.8em 0;
			}
			
			div#main ul {
				margin: 0 0 1.8em 0;
			}
			
			div#main ul li{
				font-size: 1.2em;
				line-height: 1.8em;
				list-style: circle url(none) inside;
				padding-left: 1em;
			}
			
			div#main hr {
				
				margin: 0 0 1.8em 0;
				
				border: none 0;
				border-top: 1px dotted #000;/*the border*/
				width: 100%;
				height: 1px;/*whatever the total width of the border-top and border-bottom equal*/

			}
			
        /* END MAIN */
        
    /* END CONTENT */
    
	/* Q&A */
	
	div.question {
		font-weight: bold;
		font-size: 1.6em;
		margin: 0em 0em 0.5em 0em;
	}
	
	div.answer {
		margin: 0em 0em 2em 2em;
		font-size: 1.4em;
		line-height: 1.8em;		
	}
    
	/* END Q&A */
	
    /* FOOTER */
        div#footer {
			color: white;
            background: #000080;
        }
        div#footer p {
            font-size: 1em;
            
            margin: 0em;
            padding: 1em;
        }
		div#footer a {
            color: white;
        }
		
		div#footer a:hover {
            color: yellow;
        }
    /* END FOOTER */
/* END LAYOUT */

/* END CONTENT */

/* clearing */
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 23px;
		/* End hide from IE-mac */
	}
/* end clearing */

/* LINKS */
	a,
	a:link 
	a:active {
		color: blue;
		text-decoration: underline;
	}
	a:visited {
		color: purple;
	}
	a:hover {
		text-decoration: none;
	}
/* END LINKS */

	img {
		border: 0;
		margin: 1em;
		padding: 0;	
	}

	
	img.right {
		float: right;
		margin: 1em 0 1em 1em;
	}
	
	img.left {
		float: left;
		margin: 1em 1em 1em 0em
	}
	
	/* Form styles */
	div.form-container {
		margin: 0;
		padding: 0em;
		background-color: #ffffff;
	}
	
	div.form-container p.legend {
		margin-bottom: 1em;
	}
	
	div.form-container p.legend em {
		color: #C00;
		font-style: normal;
	}
	
	div.errors {
		margin: 0 0 1em 0;
		padding: 0.5em 1em;
		border: #FC6 1px solid;
		background-color: #FFC;
	}
	
	div.errors p {
		margin: 0;
	}
	
	div.errors p em {
		color: #C00;
		font-style: normal;
		font-weight: bold;
	}
	
	form p {
		margin: 0;
	}
	
	p.note {
		color: #777;
	}
	
	div.form-container form fieldset {
		margin: 0em 0em;
		padding: 1em;
		border: #666 1px solid;
	}
	
	div.form-container form legend {
		font-weight: bold;
		color: #666;
	}
	
	div.form-container form fieldset div {
		padding: 0.5em 0;
		font-size: 1.4em;

	}
	
	div.form-container label, 
	div.form-container span.label {
		margin-right: 1em;
		padding-right: 1em;
		width: 15em;
		display: block;
		float: left;
		text-align: right;
		position: relative;

	}
	
	div.form-container label.error, 
	div.form-container span.error {
		color: #C00;
	}
	
	div.form-container label em, 
	div.form-container span.label em {
		position: absolute;
		right: 0;
		font-size: 1.2em;
		font-style: normal;
		color: #C00;
	}
	
	div.form-container input.error {
		border-color: #C00;
		background-color: #FEF;
	}
	
	input:focus,
	input.error:focus, 
	textarea:focus {
		background-color: #FFFF99;
		border-color: #555555;
	}
	
	input,
	input.error, 
	textarea {
		background-color: #FFFFFF;
		border: #BBB 1px solid;
		padding: 0.2em;
		margin: 0em 0 1em 0;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	input {
		width: 15em;
	}
	
	textarea {
		width: 100%;
		padding: 0.2em;
		line-height: 1.5em;
		font-size: 1.1em;
	}
	
	label, span.label {
		font-size: 1.2em;
		text-align: left;
		margin: 0.5em;
	}
	
	div.controlset input {
		background-color: #CCC;
		border: none;
		vertical-align: bottom;
		width: 1.2em;
	}
	
	div.buttonrow input {
		color:#000088;
		font-weight:bold;
		background-color:#FFFFCC;
		border:1px solid;
		border-top-color:#666;
		border-left-color:#666;
		border-right-color:#333;
		border-bottom-color:#333;
		padding: 0.5em 1.5em 0.5em 1.5em;
		margin-right: 1em;
	}
	
	div.controlset br {

	}
	
	div.form-container div.controlset label, 
	div.form-container div.controlset input {
	display: inline;
	float: none;
	vertical-align: middle;

	}
	
	div.form-container div.controlset div {
		margin-left: 17em;
				vertical-align: middle;
	}
	
	div.form-container div.buttonrow {
			vertical-align: middle;

		display: inline;
		float: none;
	}
p {
	font-size: 1.4em;
	line-height: 2em;
}