@import url("reset.css");

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

/* Main Styles */

#container
{
	margin: 0 auto;
	/*width: 85%;*/
    width: 60em;
    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 #title
	{
		width: 100%;
		padding: 0.0em 0em 1.5em 0em;
		line-height: 1.5em;
		border-bottom: 0.2em solid #DDD;
		height:auto;
	}	

/*--Title logo container--*/
		#container #title #logo
		{
			float: left;
			width: 65%;
			/*height: 100%;*/
            line-height: 1.5em;
            font-size: 5.0em;
        } 

/*--Menu container--*/
		#container #title #menu
		{
			float: left;
			width: 35%;
			/*height: 100%;*/
            line-height: 1.5em;
            padding: 0.0em 0.0em 0.0em 0.0em;
        } 

		#container #title #menu ul
		    {
				float: left;
				width: auto;
                padding: 0.5em 2.0em 0 2.0em;
			}
            /*--Menu element--*/
			#container #title #menu ul li
			{
				float: left;
			/*	display: block;*/
                width: 100%;
                margin: 0 0 0 0;
                padding: 0.2em 1em;
			}
		        /*--Link filling menu element--*/	
			    #container #title #menu ul li a
			    {
				    float: left;
				    /*display: block;*/
				    /*color: #111;*/
                    color: #FFFF00;
				    background: #196419 url("../images/gbgbut.resized.png");/*#1E4CB7;*/
				   /* margin: 0 0 0 0.5em;*/
                    margin: 0 0 0 0;
				    padding: 0.2em 1.5em 0.2em 1.5em;
				    line-height: auto;
				    text-decoration: none;
				    text-transform: uppercase;
                    /*border-bottom: 0.1em*/
				    /*bottom: 100%;*/
				    width: 10em;
				    white-space: nowrap;
			    }
			#container #title #menu ul li a:hover
			{
				    float: left;
				    /*display: block;*/
				    /*color: #111;*/
                    color: #000000;
				    background: #00FFFF;
				   /* margin: 0 0 0 0.5em;*/
                    margin: 0 0 0 0;
				    padding: 0.2em 1.5em 0.2em 1.5em;
				    line-height: auto;
				    text-decoration: none;
				    text-transform: uppercase;
                    /*border-bottom: 0.1em*/
				    /*bottom: 100%;*/
				    width: 10em;
				    white-space: nowrap;
			}
			#container #title #menu ul li a#selected
			{
				    float: left;
				    /*display: block;*/
				    /*color: #111;*/
                    color: #000000;
				    background: #00FFFF;
				   /* margin: 0 0 0 0.5em;*/
                    margin: 0 0 0 0;
				    padding: 0.2em 1.5em 0.2em 1.5em;
				    line-height: auto;
				    text-decoration: none;
				    text-transform: uppercase;
                    /*border-bottom: 0.1em*/
				    /*bottom: 100%;*/
				    width: 10em;
				    white-space: nowrap;
			}

    #container #maincont
	{
		width: 100%;
		padding: 2.0em 0;
		line-height: 1.5em;
		border-bottom: 0.2em solid #DDD;
		height:auto;
	}	
		#container #maincont ul {padding: 1em 0;list-style-position: inside; list-style-type: none; }
        #container #maincont ul li{position:relative; left:1em;}
        #container #maincont ul li h8 {font-weight: bold;}

        #container #maincont select { font-size: 1.0em; }
        #container #maincont button { font-size: 1.0em; }
        #container #maincont input { font-size: 1.0em; }
	    #container #maincont p { margin: 0 0 1.5em 0; }	
		
		#container #maincont h1, #container #maincont h2 
        { 
            font-weight: normal; 
            letter-spacing: -0.1px; 
        }
		#container #maincont h1 { margin: 0 0 0.75em 0; font-size: 2.5em; color: #7777FF;}
		#container #maincont h2 { margin: 0 0 0.5em 0; font-size: 2.0em; color: #00bbbb;}			


			  			
	#container #footercont
	{
		width: 100%;
		padding: 2.0em 2.0em 0em 2.0em;
		text-align: left;
		color: #FFF;
        font-size: 1em;
	}