/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; }


	/* MAIN LAYOUT */
	
html, body { width:100%; height:100%; text-align:center; background:url(imagesema/background.jpg) repeat-x; } /* here you can change the background color or add an image as background */
div#center { width:950px; margin:0 auto; text-align:left; }
div#wrapper { width:100%; float:left; font-family:Arial; }
div#header { width:100%; height:261px; float:left; background:url(imagesema/header.jpg) no-repeat; } /* here you can change the header image and size */
div#content { width:100%; float:left; background:#fff; padding-bottom:20px; }
div#nav { width:200px; float:left; text-align:center; }
div#right { float:right; width:730px; padding:0 10px 0 10px; }
div#footer { width:100%; height:35px; float:left; text-align:center; background:url(imagesema/footer.jpg) repeat-x; } /* here you can change the footer color or add an image as background */
#footer p { color:#fff; font-size:0.7em; margin-top:9px; font-weight:bold; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { color:#ccc; }


	/* HEADER */
	
#header .logo2 { float:left; clear:left; }
#header .logo1 { float:right; clear:right; }


	/* NAVIGATION */
	
#nav img { clear:both; margin-left:10px; float:left; display:inline; }
#nav ul { float:left; list-style:none; margin-left:10px; width:180px; background:url(imagesema/nav_bg2.jpg) repeat-y; display:inline; }
#nav ul li { float:left; width:140px; margin-left:20px; display:inline; border-bottom:1px dotted #ffffff; }
#nav ul li a { float:left; width:140px; line-height:14px; text-decoration:none; font-weight:bold; color:#ffffff; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; padding:5px 0 5px 0; }
#nav ul li a:hover { background:#e3cef6; font-weight:bold; color:#2F4F4F;}
#nav li.bottom { border:0; }

#nav img.undernav { margin:20px 0 20px 18px; }
#nav p { text-align:center; margin:0 10px 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.6em; float:left; display:inline; }


	/* RIGHT */
	
img.welcome { clear:both; }
#right p { color:#000000; font-weight:normal; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
#right p.center { text-align: center; }
#right .title { color:#000080; font-weight:bold; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .title2 { color:#ffffff; font-weight:bold; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 1px;}
#right .title3 { color:#ffffff; font-weight:bold; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 1px;}
#right .subtitle { color:#5a5859; font-weight:bold; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .newstitle { color:#000000; font-weight:bold; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .main { margin:20px 40px 10px 30px; }
#right .mainposted { color:#000000; font-weight:normal; font-size:0.7em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 10px 1px 10px;}
#right .mainform { color:#000000; font-weight:normal; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 10px 1px 30px;}
#right .main3 { margin:1px 30px 10px 30px; }
#right .main4 { margin:1px 30px 1px 4px; }
#right .main4b { margin:1px 1px 1px 1px; }
#right .main4a { color:#000000; font-weight:normal; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:1px 5px 40px 10px; }
#right .main5 { color:#000000; font-weight:normal; font-size:0.6em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:1px 1px 1px 1px; }
#right .main2 { color:#000000; font-weight:normal; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 30px 10px 30px; }
#right .hindent { color:#5a5859; font-weight:bold; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 30px 10px 30px; }
#right .mainnews { margin:10px 10px 1px 10px; }
#right .mainnews2 { margin:10px 10px 1px 30px; }
#right img.image { float:left; margin:25px 0 0 30px; }
#right .caption { margin:20px 30px 10px 310px; }
#right .caption2 { margin:20px 30px 10px 10px; }
#right .spacer { color:#ffffff; font-weight:normal; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:1px 1px 1px 1px; }

#right .h1 { color:#5a5859; font-weight:bold; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .h2 { color:#5a5859; font-weight:bold; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .h3 { color:#5a5859; font-weight:bold; font-size:0.8em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 30px 10px 30px;}
#right .h4 { color:#5a5859; font-weight:bold; font-size:0.6em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}
#right .h5 { color:#5a5859; font-weight:bold; font-size:0.4em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0 1px 0 10px;}

ul.circle { margin-left:60px; list-style:disc outside; }
.circle li { padding:3px 30px 3px 3px; font-size:0.8em; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif;}


#right img.left { float:left; clear:left; margin-right:5px; }
#right img.right { float:right; clear:right; margin-left:5px; }
#right img.center { display:block; margin:0 auto; text-align:center; } 
	

a img {border: none; }
a:link, a:visited { text-decoration:none; color:#0000FF}
a:hover { text-decoration:underline; color:#666666

}