@import url("reset.css");

body
{
	background: #000000 url("../images/bg_stars_small.jpg");
	color: #FFFFFF;
	font-size: 120%;
	font-family: 'Droid Sans';
	padding: 3.0em 0em;
    width: 100%;
}

/* Main Styles */

#container
{
	margin: 0 auto;
	/*width: 85%;*/
    width: 80em;
    height: auto;
	padding: 2em 2em;
	background-color:rgba(0,0,0,0.5);
}
    #container a {color: #00DDDD;}
	#container a:hover {color: yellow;}
	#container a#alt {color: blue;}
	#container a:hover#alt {color: yellow;}
	
	#container #headercont
	{
		width: 100%;        
		height: 20%;		
        padding: 1em 0em;
        border-bottom: 0.2em solid #DDD;
	}
	
		#container #headercont #logo
		{
		    float: left;
			width: 20em;
			height: 8em;
			background: url("../images/sumseq.jpg");
			background-color:rgba(0,0,0,0);
			background-repeat: no-repeat;	
            background-size: contain;
		}
		
		/*--Menu container--*/
		#container #headercont #menu
		{
			float: right;
			width: 70%;
			height: 100%;
		}/*--Menu element array(array of drop-downs)--*/
			#menu ul
			{
				float: right;
				height: 100%;
				width: auto;
			}
            /*--Menu element--*/
			#menu ul li
			{
				float: left;
				display: block;
			}
		    /*--Link filling menu element--*/	
			#menu ul li a
			{
				float: left;
				display: block;
				color: #111;
				background: #EEE;
				margin: 0 0 0 0.5em;
				padding: 0em 2em;
				line-height: 3em;
				text-decoration: none;
				text-transform: uppercase;
				bottom: 100%;
				width: auto;
				white-space: nowrap;
			}
			#menu ul li a#selected
			{
				float: left;
				display: block;
				color: #FFF;
				background: #1E4CB7;
				margin: 0 0 0 0.5em;
				padding: 0 2em;
				line-height: 3em;
				text-decoration: none;
				text-transform: uppercase;
				bottom: 100%;
				width: auto;
				white-space: nowrap;
			}
			
			#menu ul ul li a
			{ 
				float: none; 
				padding: 0em 2.0em;
				line-height: 3em;
				width: auto;
			}
            /*--Link in element hovered, element hovered, and sub-menu default*/
			#menu ul li a:hover, #menu ul li.sfHover a, #menu ul ul a
			{
				color: #FFF;
				background: #1E4CB7;
			}
			
			#menu ul ul a#subselected
			{
				color: #FFF;
				background: #008DC6;
			}
			
			/*--Submenu link hovered, element hover*/
			#menu ul li li a:hover, #menu ul li.sfHover li a:hover
			{
				color: #FFF;
				background: #008DC6;
			}
			
			/*** SuckerFish Essential Styles ***/				
			.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:	none; }
			.sf-menu { line-height:	3.0em; }
			.sf-menu ul { position: absolute; width: auto;}
			.sf-menu ul li { width:	100%; }
			.sf-menu li:hover { visibility: inherit; }
			.sf-menu li { float: left; position: relative; }
			.sf-menu a { display: block; position: relative; }
			.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3em; z-index: 99; }
			ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -99.9em; }
			ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 14.0em; top: 0; }
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul { top: -99.9em; }
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul { left: 1.0em; top: 0; } 
				
	#container #maincont
	{
		width: 100%;
		padding: 2.0em 0;
		line-height: 1.5em;
		border-bottom: 0.2em solid #DDD;
		height:auto;
	}
	
			#container #maincont p { margin: 0 0 1.5em 0; }
			
			#container #maincont h1, #container #maincont h2, #container #maincont h3, #container #maincont h4, #container #maincont h5 { margin: 0 0 0.5em 0; font-weight: normal; color: #7777FF; letter-spacing: -0.1px; }
			#container #maincont h1 { font-size: 3.0em; }
			#container #maincont h2 { font-size: 3.0em; }
			#container #maincont h3 { font-size: 2.5em;/*min(3em, 42px;)*/}
			#container #maincont h4 { font-size: 2.8em; }
			#container #maincont h5 { font-size: 2.8em; }
			#container #maincont #mainleft h1, #container #maincont #mainleft h2, #container #maincont #mainleft h3, #container #maincont #mainleft h4, #container #maincont #mainleft h5 { color: #7777FF; }
			
			#container #maincont ul { margin: 0 0 1.5em 2.0em; list-style-type: square; }
			#container #maincont ul li { padding: 0 0 0 0.2em; }
			
			#container #maincont ol { margin: 0 0 1.5em 2.0em; list-style-type: decimal; }
			#container #maincont ol li { padding: 1.0em 0 0 0.2em;  font-size:1.25em; }
            #container #maincont ol li h8 {font-size:0.9em; font-weight: bold;}
            #container #maincont ol li span {font-size:0.9em; }
			
			#container #maincont blockquote { color: #000000; background: #DDD; border-left: 2em solid #7777FF; padding: 1em; margin: 0 0 1.5em 0; font-style: italic; line-height: 1.5em; }
	    
		
		#container #maincont #mainleft
		{
			float: left;
			width: 15em;
			padding: 0 2em 0 0;
		}
		
			#container #maincont #mainleft ul.sidemenu
			{
				float: left;
				width: 90%;
				margin: 0 0 2em 0;
			}
			
			#container #maincont #mainleft ul.sidemenu li
			{
				display: block;				
			}
			
			#container #maincont #mainleft ul.sidemenu li a
			{
				float: left;
				width: 90%;
				padding: 0.5em 1.0em;
				margin: 0 0 0.2em 0;
				background: #EEE;
				color: #111;
				text-decoration: none;				
			}
			#container #maincont #mainleft ul.sidemenu li a#selected
			{
				float: left;
				width: 90%;
				padding: 0.6em 1.0em;
				margin: 0 0 0.1em 0;
				background: #008DC6;
				color: #FFF;
				text-decoration: none;				
			}
			
			#container #maincont #mainleft ul.sidemenu li a:hover
			{
				color: #FFF;
				background: #008DC6;
			}

		#container #maincont #mainright
		{
			float: left;
			width: 63em;
		}

		
	#container #footercont
	{
		width: 100%;
		padding: 2.0em 2.0em 0em 2.0em;
		text-align: right;
		color: #FFF;
	}