body {
 background: #e9f3ea;
 font: small arial, helvetica, sans-serif;
 margin:0;
 padding:0;
 line-height: 1.6em
}

#maincontainer {
 background: #fff;
 border: 1px solid #666;
 width: 960px;
 margin: 0 auto
}

#header {
 height: 184px
}

#header h1 span {
 color: #333;
 letter-spacing: 2px;
 margin-top: 10px;
 font-size: 50%
}

#header h1 {
 color: #cc0000;
 font-size: 250%;
 line-height: 0.9em;
 font-weight: normal;
 letter-spacing: 4px;
 margin: 0;
 padding: 10px 0 0 0
}

#header img {
 float: left;
 margin-right: 10px
}

#navcontainer ul {
 padding: 0;
 margin: 0;
 background-color: #aecbed;
 color: #fff;
 float: left;
 width: 100%
}

#navcontainer ul li { 
 display: inline; 
}

#navcontainer ul li a, #navcontainer ul li a:link, #navcontainer ul li a:visited {
 font-size: 90%;
 padding: 0.2em 1em;
 background-color: #aecbed;
 color: #fff;
 outline: none;
 text-decoration: none;
 float: left;
 letter-spacing: 1px;
 text-transform: uppercase;
 border-right: 1px solid #fff
}

#navcontainer ul li a:hover {
 background-color: #8fbc8f;
 color: #fff
}

#contentwrapper {
 float: left;
 width: 100%
}

#contentcolumn {
 background: #fff;
 font-size: 1.1em;
 padding: 30px 30px 0 30px;
 margin: 0 0 20px 220px
}

#contentcolumnH {
 background: #fff;
 font-size: 1.1em;
 padding: 30px 30px 0 30px;
 margin: 0;
 width: 900px 
}

#contentcolumn p {
 clear: both;
 margin: 0 0 10px 0
}

#contentcolumnH p {
 clear: both;
 margin: 0 0 10px 0
}

.clear { 
 clear: both;
 line-height: 1em
}

#contentcolumn h1 {
 font-size: 150%;
 font-weight: normal;
 letter-spacing: 2px;
 padding: 0 0 5px 0;
 margin: 0 0 20px 0
}

#contentcolumnH h1 {
 font-size: 150%;
 font-weight: normal;
 letter-spacing: 2px;
 padding: 0 0 5px 0;
 margin: 0 0 20px 0
}


#contentcolumn h2 {
 color: #fff;
 background-color: #8fbc8f;
 font-size: 130%;
 font-weight: normal;
 letter-spacing: 2px;
 padding: 2px 0 2px 5px;
 margin: 20px 0 5px 0
}

#contentcolumn h3 {
 color: #cc0000;
 font-size: 110%;
 font-weight: bold;
 margin: 20px 0 0 0;
 letter-spacing: 1px
}

#contentcolumn h4 {
 font-size: 100%;
 font-weight: bold;
 letter-spacing: 1px;
 margin: 20px 0 0 0
}

h3 {
 font-size: 100%;
 font-weight: bold;
 color: #b4bc5a;
 margin: 5px 0 0 0
}

h4 {
 font-size: 100%;
 font-weight: bold;
 color: #aecbed;
 margin: 5px 0 0 0
}

h5 {
 font-size: 100%;
 font-weight: bold;
 color: #000;
 margin: 5px 0 0 0
 
}


#contentcolumn a, #contentcolumn a:link, #contentcolumn a:visited, #leftcolumn a, #leftcolumn a:link, #leftcolumn a:visited, #contentcolumnH a, #contentcolumnH a:link, #contentcolumnH a:visited {
 color: #567156;
 font-weight: bold;
 outline: none;
 text-decoration: underline;
}

#contentcolumn a:hover, #contentcolumnH a:hover, #leftcolumn a:hover {
 color: #8fbc8f;
 text-decoration: none;
}

blockquote { 
 margin: 10px 48px 0 24px; 
  letter-spacing: 1px 
}
/* blockquote background: transparent url(images/blockquote_start.gif) left top no-repeat; */

blockquote p { 
 font-style: italic; 
 padding: 5px 20px 1px 45px; 
 
}

/*blockquote p background: transparent url(images/blockquote_end.gif) right bottom no-repeat*/

cite { 
 display: block;
 padding-left: 30px; 
 font-size: 0.9em; 
 color:#333; 
 font-style: italic
}

.img-left { 
 border-bottom: 1px solid #333;
 border-left: 1px solid #333; 
 padding: 0 0 4px 4px; 
 float: left; 
 margin: 6px 10px 6px 0 
}

.img-right { 
 border-bottom: 1px solid #333;
 border-right: 1px solid #333;
 padding: 0 4px 4px 0; 
 float: right; 
 margin: 6px 0 6px 6px 
}

.img-full { 
 border: 1px solid #333;
 padding: 4px; 
 float: left; 
 margin: 0 10px 6px 0 
}

#leftcolumn {
 background: #fff;
 float: left;
 width: 210px;
 padding: 5px 0 0 10px;
 margin: 0 0 20px -960px
}

#leftcolumn p {
 clear: both;
 margin: 5px 0 5px 0
}

#leftcolumn .box {
 border-top: 2px solid #b4bc5a;
 border-bottom: 1px dotted #b4bc5a;
 color: #000;
 background: #fff;
 margin: 55px 0 5px 0;
 padding: 5px
}

#leftcolumn .box2 {
 border-top: 2px solid #aecbed;
 border-bottom: 1px dotted #aecbed;
 color: #000;
 background: #fff;
 margin: 10px 0 0 0;
 padding: 5px
}

/*#leftcolumn .readmore {
 color: #fff;
 background-color: #e9967a;
 font-weight: bold;
 padding: 5px;
 border-bottom: 10px solid #cc0000;
 margin-bottom: 10px
}

#leftcolumn .readmore a, #leftcolumn .readmore a:link, #leftcolumn .readmore a:visited  {
 color: #fff;
 font-weight: bold;
 outline: none
}

#leftcolumn .readmore a:hover  {
 color: #eaeadf;
 text-decoration: none
}*/

#navleftlist
{
padding: 0;
margin: 0;
width: 200px
}

#navleftlist li {
 list-style: none;
 margin: 0
}

#navleftlist li a, #navleftlist li a:link, #navleftlist li a:visited {
 color: #fff;
 background: url(images/button.gif) no-repeat;
 display: block;
 width: 100%;
 font-weight: bold;
 height: 32px;
 outline: none;
 text-decoration: none;
 letter-spacing: 1px;
 text-decoration: none;
 padding-top: 6px
 text-indent: 6px
}

#navleftlist li a:hover {
 color: #eaeadf;
 background-position: 0% -38px
}

ul {
 padding-left: 2px
}

li {
 list-style: none;
 margin: 0;
 padding-left: 0
}

#footer {
 background: #aecbed url(images/footer2.png) no-repeat top right;
 border-top: 1px solid #666;
 clear: left;
 width: 960px;
 color: #fff;
 padding: 4px 0
}

#footer a, #footer a:link, #footer a:visited {
 color: #fff;
 font-weight: bold;
 outline: none;
 text-decoration: underline
}

#footer a:hover {
 color: #d8e8d8;
 text-decoration: none
}

#footer #column1 {
 padding: 5px 10px;
 float: left;
 width: 250px
}

#footer #column2 {
 padding: 5px 10px;
 float: left;
 width: 300px
}

#footer #column3 {
 padding: 5px 10px;
 float: left;
 width: 350px
}

img  {
	border: 0;
	border-style: none;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:205px; text-decoration:none;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#000;}


