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

#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 {position: absolute; top: 0px; left: 0px; height: 50px; width: 100%;}
	#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: url(/cssfront/graphics/bg4.gif) top left repeat #eeeeee; font-family: "trebuchet ms", verdana, sans-serif; }

#pagewidth {border: 1px solid #cccccc; background: #f3f3f3; color: #666666; font-size: 1.2em; font-family: georgia, "times new roman", serif;}

#flashcontent {border: 1px solid #cccccc; background: #efefef;}

#leftcol {background: url(/cssfront/graphics/leftcol4.gif) bottom center no-repeat; padding-bottom: 40px; text-align: center; font-variant: small-caps; letter-spacing: 1px;}
	#leftcol h1 {font-size: 1.8em; font-weight: normal; }
	#leftcol h2 {font-size: 1.2em; font-weight: normal;}
	
	input, textarea {background: #eeeeee; border: 1px solid #cccccc; color: #333333;}

#footer {font-variant: small-caps; }

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





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