html, body, #wrapper { height:100%; margin: 0; padding: 0; border: none; text-align: left; }

   
body { 
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
	line-height: 1.6em;
	background: #fff url(images/top-bar.jpg) repeat-x; 
	color: #444; 
}


a {	color: #317486;	background: inherit; text-decoration: none; }
a:hover { color: #808080; background: inherit; }
p { margin: 0 0 15px 0; }
h1 { font-size: 1.7em; font-weight: bold; font-style: normal; font-variant: normal; line-height: normal; margin: 20px 0 0; }
h1 a { color: #fff; background: inherit; }
h1 a:hover { color: #E4FFD3; background: inherit; }
h2 { font: bold 1.6em Arial, Sans-Serif; margin: 0 0 12px; }
h3 { font-size: 1.6em; font-weight: bold; font-style: normal;font;line-height: normal; t-variant: normal; }
h4 { color: #808080; background: inherit; font-weight: normal; font-size: 0.9em; letter-spacing: 0.1em; margin-bottom: 0; padding-bottom: 0;; }


#logo { color: white;}
	#logo h2 { color: white; font-size: 70px; margin: 0; padding: 0; border-width: 0; }
	#logo h2 a { color: #317486;	background: inherit; text-decoration: none; }
	#logo h2 a:hover { color: #808080; background: inherit; }

	#logo h1 { color: white; font-size: 40px; font-weight: normal; text-align: left; letter-spacing: 1px; position: relative; top: 7px; left: -80px; margin: 0; padding: 0; border-width: 0; }
	#logo h1 a { color: white;  }
	#logo h1 a:hover { color: #00f;  }

	#logo h3 { color: white; font-size: 16px; font-weight: lighter; font-style: normal; text-align: right; letter-spacing: 2px; }
	#logo h3 a { color: white; font-size: 16px; font-weight: lighter; font-style: normal; text-align: right; letter-spacing: 2px; }





#content { width: 900px; margin: 0 auto; }




#menu { float: right; margin: 0 60px 18px 0; padding: 2px 40px 0 0; }
#menu li { font-size: 1.1em; display: inline; }
#menu li a { margin: 0 0 0 10px; color: white; background-color: #363636; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; position: relative; left: 50px; padding-right: 15px; padding-bottom: 0; padding-left: 15px; }
#menu li a:hover { color: #feffb8; background-color: #6e6e6e; background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; }

#intro { clear: both; color: #4c8734; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; height: 50px; margin: 0 0 20px; padding: 45px 40px 0 0; text-align: right; }
	#intro h1 { color: white; font-size: 18px; font-weight: lighter; font-style: normal; letter-spacing: 1px; margin: 8px 0 0; }
	#intro p { margin: 0; }
	
	#language { font-size: .9em; margin: 82px 0 0; }
	#language a { color: #fff; background: #ccc; padding: 4px 20px 6px;}
	#language a:hover { color: #fff; background: #8be1fa url(images/loginhover.gif) no-repeat; }

#left { clear: left; float: right; width: 240px; padding: 0 34px 0 15px; font-size: .9em; margin: 0 0 15px; }
	#leftmenu { list-style: none; margin: 0 0 20px 0; }
	#leftmenu li { padding: 0 0 0 12px; color: #808080; background: #fff url(images/bullet-eyes.jpg) no-repeat 0 top; }
	#leftmenu li a { background: #ccc; color: #00f; }

#left-c { clear: left; float: right; width: 240px; padding: 0 34px 0 15px; font-size: 0.9em; margin: 0 0 15px; }
	#leftmenu-c { text-align: left; margin: 0 0 10px; padding-left: 0; list-style: none; }
	#leftmenu-c li { background: #fff url(images/bullet-eyes.jpg) no-repeat left center; color: #808080; padding: 0 0 0 16px; }
	#leftmenu-c li a { color: #00f; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
	#leftmenu-c li a:hover { color: #6e6e6e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: underline; }
	#left-c a { color: #00f; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
	#left-c a:hover { color: #00f; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: underline; }


#right { border-right: 1px solid #ccc; float: right; width: 560px; text-align: justify; margin-top: 0; margin-bottom: 20px; margin-left: 15px; padding-top: 0; padding-right: 35px; padding-bottom: 0; }

#bottom-nav { color: #383836; padding-left: 15px; }
	#bottom-nav a {color: #9c9c9b; }
	#bottom-nav a:hover { color: white; text-decoration: underline; }

#notice { padding: 12px 14px 1px; background: #f4f4f4 url(images/noticebg.gif) no-repeat bottom right; color: #808080; }
	#left a, #right a { color: blue; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
	#left a:hover, #right a:hover { color: #6e6e6e; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: underline; }

	#left h3 { border-bottom: 1px solid #eee; padding: 0 0 7px; margin: 0 0 15px 0; }
	#right h2 { border-bottom: 1px solid #ccc; padding: 0 0 8px; }

#foot { clear: both; border-top: 1px solid #ccc; padding: 10px 0; margin: 0 0 15px; font-size: 1em; color: #808080; background: #fff; }
	#foot a { color: blue; background: #fff; }
	#col1 { float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }
		#col1 a { color: #000; font-weight: bold; }
		#col1 a:hover { color: blue; text-decoration: underline; }
	
	#col2 { float: left; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col3 { float: right; width: 250px; border-left: 1px solid #ccc; padding: 7px 0 0 40px; }
	#col4 { background-image: url(images/bottom-bar2.gif); float: left; width: 274px; padding: 7px 0 0 15px; margin: 0 0 10px; }

#footer { background-image: url(images/bottom-bar2.gif); background-repeat: repeat; position:relative; bottom: 0; width:100%; height:400px; margin-bottom: 0; border-bottom-width: 0; }
#footer a { color: blue; }