body{
 background-color: #eee;
 top: 25px;
 height: auto;
 margin: 10px;
 padding: 0;
 font: 1em arial, sans-serif;
 color: #000;
 background-image:url(images/newLogo.gif);
 background-repeat:no-repeat;
 background-position:25px 5px;
}

 /* The header at the top. */
#header{
 left: 0; top: 0;
 width: auto;
 height: 145px;
 text-align: left;
 margin-left:200px;
}

 /* Styles the <H1> tag which is in the header div. */
#header h1{
 margin: 0px;
 font: 55px times, serif;
 background-color: transparent;
 font-variant:small-caps;
}

 /* Styles the word red (#word1) Works only with <H1> and <H3>. */
h1 .word1, h2 .word1, h3 .word1{
 color: #30A080;
}

 /* Styles the word black (#word2) Works only with <H1> and <H3>. */
h1 .word2, h2 .word2, h3 .word2{
 color: black;
}


 /* Styles the menu-holder. */
#menu{
	float:left;
	width: 150px;
	height: auto;
	padding: 0px;
	margin:30px 0px 0px 0px;
	border:solid 1px #ccc;
	border-width:1px 0px 1px 1px;
}

 /* Styles the list holder. */
#menu ul{
 margin: 0;
 padding: 0;
 list-style: none;
/* font: 14px arial, sans-serif;*/
 font: 14px times, serif;
}

#menu ul li{
 background-color:#507BC3;
 font-weight:bold;
/* height:26px; */
}

 /* Styles the link within the button. */
#menu ul li a{
 display: block;
 color: #507BC3;
 text-decoration: none;
 display: block;
 margin: 0px;
 padding: 3px 3px 3px 13px;
 border:solid 1px #ccc;
 border-width:1px 0px;
 background-color:#fff;
 text-transform:lowercase;
 font-style:italic;
}

 /* Gives the link a hover-effect. */
#menu ul li a:hover{
/* color: #000; */
 color: #507BC3;
 background-image:url(images/bg2.gif);
/* background-color:#FFDD77; */
/* margin: 0px 0px 0px 10px; */
 padding: 3px 3px 3px 8px;
 border:solid 1px #FFDD77;
 border-width:1px 0px;
}


 /* Styles and positions the content-holder. */
#content{
	float:left;
/*	width: 800px; */
	width: 75%;
	height: auto;
	border: 1px #ccc solid;
	padding-bottom: 0px;
	background-color:#fff;
	margin-bottom:15px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
}

 /* Styles the Header (<h2>). */
#content h2{
 display: block;
 font: 2.2em times, serif;
 color: #30A080;
 margin: 1em 0 0 1em;
 padding: 0 0 .4em 0;
 border-bottom: 1px #ddd solid;
 font-variant:small-caps;
 background-image:url(images/globe3.gif);
 background-repeat:no-repeat;
 background-position:right top;
}

 /* Styles the Header (<h3>). */
#content h3{
 display: block;
 font: 1.6em times, serif;
 color: #000;
 margin: 1em 0 0 1em; padding: 0 0 .4em 0;
 border-bottom: 1px #ddd solid;
 font-style:oblique;
 font-weight:bold;
}

 /* Styles the paragraphs (<p>) in #content. */
#content p{
 display: block;
 margin: .6em 1em 0 2.4em;
 padding: 0 .6em .6em 0;
 font: .8em arial, sans-serif;
 text-align: justify;
 text-indent: .8em;
 line-height: 1.4em;
}

#content ul{
 margin: 0 0 0 5em;
 padding: 0px;
}

#content li{
 font: .8em arial, sans-serif;
 text-align: justify;
 line-height: 1.4em;
}

 /* Styles the links within the #content. */
#content a{
 color: black;
 text-decoration:underline;
}

#content a:link img{
 color: black;
 text-decoration:none;
 border:2px solid #000000;
}

 /* Gives the links a hover effect. */
#content a:hover{
 color: red;
 text-decoration:none;
}

#content table tr td p{
	margin:0px;
}

div .leftcol{
	float:left;
	margin-right:5%;
	width:45%;
}

div .rightcol{
	float:left;
	width:45%;
/*	width:375px; */
}

 /* The footer. */
#footer{
 width: 100%; height: auto;
 font: .8em arial, sans-serif;
 margin-top:20px;
 color: #888;
 border-top:1px solid #ccc;
 text-align: right;
 background-color:#eee;
 clear:both;
}

#footer p{
	text-align:right;
}

 /* Styles the <acronym> tag. */
acronym{
 border-bottom: 1px #000 dotted;
 cursor: help;
}