/* ------------------------
structure and layout
------------------------ */

html {margin: 0px; padding: 0px; font-size: 100%;}

body {margin: 0px; padding: 50px 0px 0px 0px; font-size: 62.5%; text-align: center;} 
 
#pagewidth {position: relative; width: 800px; margin: 0px auto; padding: 0px; text-align: left;} 
 
#header {height: 30px;} 

#maincol {float: right; display: inline; margin: 0px 40px 0px 0px;}
	#flashcontent {width: 440px; margin: 0px; padding: 0px;}
 
#leftcol {position: absolute; left: 40px; width: 240px;}

#footer {clear: both; position: relative; height: 65px;}
	#login {position: absolute; left: 0px; width: 300px; text-align: left; padding: 20px 0px 0px 40px;}
	#login form {}

	#menu {position: absolute; right: 0px; width: 500px; padding: 18px 40px 0px 0px; text-align: right;}
	#navlist {margin: 0px; padding: 0px; list-style-type: none;}
	#navlist li {display: inline; }

ul.switch {position: absolute; top: 830px; left: 50%; width: 780px; margin: 0px 0px 0px -360px; padding: 0px; list-style-type: none; text-align: center;}
	ul.switch li {display: inline;}




/* ------------------------
colors and look
------------------------ */

html, body {background: #333333; font-family: "trebuchet ms", verdana, sans-serif; }

#pagewidth {border: 1px solid #666; background: #000000; color: #ffffff; font-size: 1.2em;}

#flashcontent {border: 1px solid #666; background: #161616;}

#leftcol {text-align: center;}
	#leftcol h1 {font-size: 1.8em;}
	#leftcol h2 {font-size: 1.4em;}
	input, textarea {padding: 2px; background: #333; border: 1px solid #666; color: #ffffff;}

/* the links resume etc */
#navlist a {display: block; float: right; width: 100px; margin-left: 10px; padding: 3px 0px; border: 1px solid #666666; color: #fff; background: #333333; text-align: center; text-decoration: none; }
#navlist a:hover {background: #000000;}


ul.switch {font-size: 0.9em;}
ul.switch a {text-decoration: none;color:#666;}