/* ------------------------
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; height: 510px; margin: 0px auto; padding: 0px; text-align: left;} 
 
#header {display: none;} 

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

#footer {position: absolute; top: 0px; left: 0px; height: 50px; width: 780px;}
	#login {position: absolute; left: 0px; width: 200px; text-align: left; padding: 17px 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
------------------------ */

a {text-decoration: none;}
a: hover {color: #089EC9; }

body {
	margin: 50px 10px 10px 10px; padding: 0px; 
	background:url(/cssfront/graphics/bg01.gif) top left repeat #f6f6f6;
	color: #333333;
	font-family: "lucida sans unicode", "trebuchet ms", verdana, arial, tahoma, sans-serif;  
	font-size: 70%;
	line-height: 140%; 
	text-align: center; 
	}

#pagewidth {background: url(/cssfront/graphics/square05_bg.gif) bottom left repeat-x #ffffff; border: 1px solid #a7a7a7; text-align: left;}

#header {margin: 0px 0px 10px 0px; padding: 0px; background: #089EC9; color: #ffffff; border-bottom: 10px solid #000000;}

#flashcontent {text-align: center; padding: 0px 0px 10px 0px;}

#leftcol {padding-top: 80px; text-align: center;}
	#leftcol h1 {font-size: 1.8em; font-weight: normal;}
	#leftcol h2 {font-size: 1.4em; color: #777777; font-weight: normal;}

	input, textarea {background: #089EC9; border: 1px solid #ffffff; color: #ffffff;}

#footer {clear: both; margin: 0px; padding: 10px; background: #089EC9; color: #ffffff; border-bottom: 10px solid #000000; text-align: center; }
	#navlist a {margin-left: 10px; color: #ffffff; font-size: 1.3em;}
	#navlist a:hover {color: #000000;}



ul.switch {font-size: 1.4em;}
ul.switch a {text-decoration: none;}
	.black a {color: black;}
	.white a {color: white;}
	.red a {color: red;}
	.brown a {color: #601802;}
	.khaki a {color: #c1b575;}