html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #D6D6D6;
	font-family: Helvetica, Arial, sans-serif;
	color: #191919;
	background-image: url( "images/home/bg.gif" );
	background-repeat: repeat-x;
	font-size: 12px;
	min-height: 100%; 
	margin-bottom: 1px;
}

h6 {
	display: inline;
	font-family: Arial;
	font-size: 10px;
	color: #044C6A;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

h6 a {
	display: inline;
	font-family: Arial;
	font-size: 10px;
	color: #044C6A;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

h6 a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

a {
	color: #044C6A;
}

p {
	margin: 0 0 1em;
}

#main {
	margin: 0 auto 0;
	width: 1000px;
	background: #FFF;
}

/* top curve */
#topcurve {
	display: block;
	margin: 0; 
	padding: 0;
}

/* =========================== MASTHEAD ================================================= */
#masthead {
	margin: 0;
	padding: 2px 0 1.5em 0;
	background: #FFFFFF;
}

#homelink {
	display: block;
	margin: 0 0 2em 43px; 
}

#navlink {
	background: #FFFFFF;
}

/* =========================== NAV LINKS ================================================= */
span {
	display: none;
}
.menu {
	margin: 0;
	padding: 0 0 0 19px;
	list-style: none;
	background: #FFF;
	width: 976px;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 33px;
	margin-right: 0;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 33px;
	background-repeat: no-repeat;
}

.homeON {background-image: url( "images/topnav/btnHomeON.gif" ); width: 82px;}
.home {background-image: url( "images/topnav/btnHomeHOVER.gif" ); width: 82px;}
.home a {background-image: url( "images/topnav/btnHomeOFF.gif" );}

.aboutON {background-image: url( "images/topnav/btnAboutON.gif" ); width: 93px;}
.about {background-image: url( "images/topnav/btnAboutHOVER.gif" ); width: 93px;}
.about a {background-image: url( "images/topnav/btnAboutOFF.gif" );}

.servicesON {background-image: url( "images/topnav/btnServicesON.gif" ); width: 116px;}
.services {background-image: url( "images/topnav/btnServicesHOVER.gif" ); width: 116px;}
.services a {background-image: url( "images/topnav/btnServicesOFF.gif" );}

.eventsON {background-image: url( "images/topnav/btnEventsON.gif" ); width: 79px;}
.events {background-image: url( "images/topnav/btnEventsHOVER.gif" ); width: 79px;}
.events a {background-image: url( "images/topnav/btnEventsOFF.gif" );}

.newsON {background-image: url( "images/topnav/btnNewsON.gif" ); width: 109px;}
.news {background-image: url( "images/topnav/btnNewsHOVER.gif" ); width: 109px;}
.news a {background-image: url( "images/topnav/btnNewsOFF.gif" );}

.blogON {background-image: url( "images/topnav/btnBlogON.gif" ); width: 66px;}
.blog {background-image: url( "images/topnav/btnBlogHOVER.gif" ); width: 66px;}
.blog a {background-image: url( "images/topnav/btnBlogOFF.gif" );}

.contactON {background-image: url( "images/topnav/btnContactON.gif" ); width: 102px;}
.contact {background-image: url( "images/topnav/btnContactHOVER.gif" ); width: 102px;}
.contact a {background-image: url( "images/topnav/btnContactOFF.gif" );}

.miro {background-image: url( "images/topnav/btnMiro.gif" ); width: 318px;}

ul.menu li a:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* =========================== MAIN CONTENT ================================================= */
/* content div should contain both content itself and side bar - side by side */
#maincontent {
	float: left;
	width: 783px;
	margin: 0;
	padding: 0 200px 0 17px;
	background: #FFF; 
	color: #000;
}

/* =========================== SIDEBAR ================================================= */
#sidebar {
	float: left;
	width: 205px;
	margin: 0 0 0 -222px; /* -222px is to control the white space on the right-hand side */
	padding: 0;
	border-left: 1px dotted #CCC;
	background: url("images/home/sidebarbg.gif") repeat-x 0 0;
}

#sidebar img { /* for the three buttons above */
	display: block;
	margin: 6px auto 0;
}


#sidebar a.btnIcon1 {
	display: block;
	background-image: url( "images/home/btn1.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}

#sidebar a.btnIcon1:hover {
	display: block;
	background-image: url( "images/home/btn1HOVER.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}

#sidebar a.btnIcon2 {
	display: block;
	background-image: url( "images/home/btn2.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}

#sidebar a.btnIcon2:hover {
	display: block;
	background-image: url( "images/home/btn2HOVER.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}

#sidebar a.btnIcon3 {
	display: block;
	background-image: url( "images/home/btn3.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}

#sidebar a.btnIcon3:hover {
	display: block;
	background-image: url( "images/home/btn3HOVER.jpg" ); width: 188px; height:59px;
	margin: 6px auto 0;
}


/*
.blogON {background-image: url( "images/topnav/btnBlogON.gif" ); width: 66px;}
.blog {background-image: url( "images/topnav/btnBlogHOVER.gif" ); width: 66px;}
.blog a {background-image: url( "images/topnav/btnBlogOFF.gif" );}
*/

#sidebar img.rightsidebarbottom {
	display: block;
	margin: 0 auto 0;
}

#sidebar img.ads1 {
	margin: 14px auto 0;
}

#sidebar div.dontmiss {
	margin: 0 auto 0;
	padding: 0;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background: #FFF;
	width: 185px;
}

.ads1 {
	background: #908E87; 	
	margin: 0;
	border-bottom: 1px solid #D9D9D9;
}

#sidebar div.freeresources {
	margin: 0 auto 0;
	padding: 0;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background: #FFF;
	width: 185px;
}

/* ================== FREE RESOURCES TEXT ====================== */ 
#freeresourcetext { 
	
	font-size: 1em;
	color: #000;
	padding: 1em;
}

#freeresourcetext p{ 
	margin: 0 0 0.5em;
}

#freeresourcetext a.red ,
#freeresourcetext p.red {
	color: #FB1B1B;
	font-size: 1em;
	margin: 0;
	font-weight: bold;
	text-decoration: none;
}


#freeresourcetext .grey {
	color: #5f5e5a;
	font-size: 1.1em;
	margin: 0 0 0.5em;
	font-weight: bold;
	line-height: 1.4em;
}

#freeresourcetext .blackbold {
	color: #000;
	font-size: 1em;
	margin: 0 0 0.7em;
	font-weight: bold;
}

#freeresourcetext .black {
	color: #000;
	font-size: 1em;
	margin: 0 0 0.7em;
	font-weight: none;
	line-height: 1.4em;
}

#freeresourcetext a.bigblue {
	color: #044C6A;
	font-size: 15px;
	margin: 0 0 0.4em;
	font-weight: none;
	line-height: 1.4em;
	font-weight: bold;	
	text-decoration: none;
}

#freeresourcetext a:hover {
	text-decoration: underline;
}


/* ================== ADS TEXT ====================== */ 
#ads1text { 
	
	font-size: 1em;
	color: #000;
	padding: 1em;
}

#ads1text p{ 
	margin: 0 0 0.5em;
}

#ads1text a.red {
	color: #FB1B1B;
	font-size: 1em;
	margin: 0 0 0.5em;
	font-weight: bold;
	text-decoration: none;
}


#ads1text .grey {
	color: #918E87;
	font-size: 1em;
	margin: 0 0 0.5em;
	font-weight: bold;
	line-height: 1.4em;
}

#ads1text .blackbold {
	color: #000;
	font-size: 1em;
	margin: 0 0 0.7em;
	font-weight: bold;
}

#ads1text .black {
	color: #000;
	font-size: 1em;
	margin: 0 0 0.7em;
	font-weight: none;
	line-height: 1.4em;
}

#ads1text a:hover {
	text-decoration: underline;
}

/* =========================== NEWS ================================================= */
/* contentbody should contain both news section and content text - side by side */
#news {
	margin-right: 2em;
	padding: 17px 0 0 0;
	background: #FFF; 
	color: #000;
	float: left;
}

#news div.noteworthy {
	margin-bottom: 17px;
}

/* Noteworthy and Newsdetail section */
.newsdetail {
	background: #FFF;
	padding: 0;
	margin: 0;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
}

.noteworthy {
	background: #FFF;
	padding: 0;
	margin: 0;
}

.borderbottom {
	margin: 0;
	padding: 0;
}

#newsdetailtext { 
	background: #FFF;
	font-size: 12px;
	font-family: Arial; 
	color: #000;
	padding: 1em 1em 1em 1em;
}

#newsdetailtext p{ 
	margin: 0 0 0.3em;
}

#newsdetailtext a.newsdate {
	font-family: Arial;
	font-size: 12px;
	color: #FB1B1B;
	font-weight: bolder;
	margin: 0 0 0.3em;
	text-decoration: none;
}

#newsdetailtext a:hover {
	text-decoration: underline;
}

/* =========================== CONTENT TEXT ================================================= */
#contenttext {
	padding: 15px 10px 0 0; /* 6em to fill up the space if the sidebar is longer than the content text*/
	background: #FFF;
}



#contenttext p {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 19px;
}

/*
#contenttext li { 
	margin: 0 0 0 1em;
	list-style-position: outside;
	list-style-image: url("images/bulletpt.gif"); 
}
*/
#contenttext span.biggerred {
	display: inline;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FB1B1B;
	font-weight: bold;
}

#contenttext span.red {
	display: inline;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #FB1B1B;
	font-weight: bold;
}

#contenttext span.biggerfont {
	display: inline;
	font-size: 13px;
	font-family: Helvetica, Arial, sans-serif;
}

#contenttext span.list {
	display: block;
	font-family: Helvetica, Arial, sans-serif;	
	padding-bottom: 17px;
}

#contenttext span.list2 {
	display: block;
	font-family: Helvetica, Arial, sans-serif;	
	padding-bottom: 17px;
	line-height: 18px;
}

#content {
	width: 750px;
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #000;
}


#promo {
	padding-bottom: 1em;
	border-bottom: 1px solid #D3D3D3;
	background: url("images/home/mainpromo.jpg") no-repeat 0 0;
	width: 749px;
	height: 197px;
}

#promo h1 {
	color: #FFF;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 3.9em 0 2px 18px;
}

#promo h2 {
	color: #FFF;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0.4em 0 3px 18px;
}

#promo h3 {
	color: red;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 1em 0 0 18px;
	font-style: italic;
}

#promo img {
	margin: 0;
	padding: 0 20px 0 0;
	font-style: italic;
}

/* =========================== FOOTER ================================================= */
#footer {
	clear: both;
	padding-top: 23px;
	background: #FFF;
	text-align: center;
	font-size: 10px;
	color: #6C6D6D;
	font-family: Arial;
	width: 959px; 
	background: url("images/home/hr.gif") repeat-x 0 23px;
	margin: 10px 10px 0 19px;
}


/*
#footer h4 {
	border-top: 2px solid #D3D3D3;	
	margin: 10px 10px 0 7px;
	width: 959px;  959 + 10 + 7 + footer padding 1em on each side = 1000px 
	padding: 0;
}
*/
#footer p {
	margin: 0;
	padding: 0;
}

#footer p.firstline {
	padding-top: 22px;
	margin-bottom: 12px;
}


#footer p.lastline {
	margin-top: 18px;
	padding: 0;
	margin-bottom: 0;
}

#footer a.bluelink {
	color: #044C6A;
	font-size: 10px;
	text-decoration: none;
}

#footer a.greylink, #footer a.separator { 
	display: inline;	
	font-size: 10px;
	color: #6C6D6D;
	font-weight: normal;
	text-decoration: none;
}

#footer span.copyright { 
	display: inline;
	font-size: 11px;
	color: #6C6D6D;
	font-weight: normal;
}

#footer a:hover {
	text-decoration: underline;
}

#footer a.separator:hover {
	text-decoration: none;
}

#footer a.email {
	font-weight: normal;
	color: #044C6A;
	font-size: 11px;
}

#bottomcurve {
	clear: both;
	display: block;
	padding-bottom: 3em;
	background: #D6D6D6;
}