body {
	/* 
	Here we'll declare the default font-size and font-family.
	The rest of the typographical rules use relative sizes based on this font-size.
	We can easily modify overall typography by changing or overriding these values.
	*/
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	color:#333;
	background-color:#fff;
	background-image:none;
	margin:0;
	padding:0;
	}

p {margin:0 0 1em;
  text-align: justify;
	}

	
#Content p {line-height:1.8; /* ~20px */}
#Content blockquote p {line-height:1.5;}
/* Browsers that understand the CSS child selector get the good typography. */


a {
	color:#09c;
	text-decoration:none;
	font-weight:600;
	}
a:link {color:#09c;}
a:visited {color:#09c;}
a:hover {background-color:#eee;}

a:link.title {color:#999;}
a:visited.title {color:#999;}
a:hover.title {background-color:#eee;}

a:link.links {color:#fff;}
a:visited.links {color:#fff;}
a:hover.links {background-color:#fff;}

h1 {
	color:#09c;
	font-size:12px; /* Not a relative value, since this is the site logotype */
	line-height:12px; /* Ditto */
	font-weight:800;
	font-family:verdana, arial, helvetica, sans-serif; /* Again, it's the logotype, so we want this control. */
	margin:0;
	padding:0;
	}
h2 {
	color:#999;
	font-size:2em; /* ~24px */
	font-weight:800;
	margin:0 0 .83em; /* margin-bottom: ~20px */
	}
h3 {
	color:#333;
	font-size:1em;
	font-weight:700;
	margin:.43em 0 .214em; /* ~18px 0 ~3px */
	}
h4 {
	color:#09c;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.43em 0 .214em; /* ~6px 0 ~3px */
	padding: 0.8em 0 0.5em;
	background-image:url(dotted_h.gif);
	background-repeat:repeat-x;
	}
h5 {
	color:#333;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.43em 0 .214em; /* ~6px 0 ~3px */
	padding: 0.8em 0 0.5em;
	background-image:url(dotted_h.gif);
	background-repeat:repeat-x;
	}


blockquote {
	margin:1em 2.7em 1.36em; /* 11px ~30px ~15px */
	color:#666;
	line-height:1.5;
	}
	
img {border-width:0;}
img.thumb {margin:10px 1px;}

#Menu {
	float:right;
	width:180px;
	margin-top:0px;
	padding:0 10px 40px;
	background-image:url(dotted_v.gif);
	background-repeat:repeat-y;
	}
#Menu h2 {
	color:#999;
	font-size:1.27em; /* ~14px */
	font-weight:800;
	margin:.86em 0 .214em; /* ~12px 0 ~3px */
	}
#Menu p {
	font-size:.9em;
	line-height:1.5;
	margin:0 0 2em;
	}
#Menu ul {margin:0 0 0 1em; padding:0;}
#Menu li {list-style-type:none; margin:0; padding:0; text-indent:-1em;}

.current a{
	 background-color: #eee;	
	 }
	 
/* Please forgive me.
   The extra DIV (Main) is needed to overcome a shortcoming of Opera5/Win.
   The prefered way to set the width of the content would be to pad the 
   content of #Content using 
   "#Content>* {padding-left:114px; padding-right:15px;}" */

#Main {
	/*clear:left;*/
	float:right;
	width:60%;
	}

#Content {
	padding:40px 200px 0px 100px;
	/*background-image:url(bg_leaf0.gif);
	background-repeat:no-repeat;
	background-position:top right; */
	} 

#Header {
	float:left;
	height:300px;
	width: 1000px;
	background-image:url(logo_2010.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:20px 20px 0px 20px;
	margin: 20px 130px 0px;
	}


#Copyright {
	clear:both;
	padding:50px 0px 100px 0px;
	text-align:center;
	font-weight:800;
	color:#999;
	}
#copyrightText {
	position:relative;
	left:-1.5em;
	}

#logNav {margin:3em 0 4em; text-align:center;}