/* =General
-----------------------------------------------------------------------------*/
@import url("sIFR-screen.css");

/* Remove padding and margin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #242424;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Class for clearing floats */
.clear {
	clear:both;
	height:0%
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#0188c0;}
a:hover, a:active {text-decoration:underline; color:#0188c0; }
strong{font-weight:bold}

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif;
  background:#0088c5;   
}

/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:920px;  margin:0px auto; background:url(../images/layout/NDP.gif) no-repeat 3% 95% #fff; padding:20px; margin-top:10px; font-size:12px;position:relative  }

/* =Headings
-----------------------------------------------------------------------------*/
h1 a{width:396px; height:86px; display:block; background:url(../images/layout/logo2.gif) no-repeat; text-indent:-9999px; float:left; margin-bottom:10px;}
#hp_bottomholder h2{border-bottom:1px solid #7dbcdf; color:#0086c4; font-size:17px;}
#content h2{color:#b04090; font-size:18px;}
.membership_hp h2{margin-bottom:5px;}
h3{margin:10px 0px; font-weight:bold}

/* =MainNav
-----------------------------------------------------------------------------*/
 ul#mainNav {width:204px; float:left; margin-right:20px; display:block; margin-bottom:100px;}
 ul#mainNav li a{width:204px; display:block; text-indent:-9999px;}
 ul#mainNav li a:hover, ul#mainNav li a#active {background-position:bottom right;}
 ul#mainNav li{display:block; width:204px; background:none; padding-left:0; margin-bottom:0px;}
 
.home{background:url(../images/layout/nav/home.jpg) no-repeat top left; height:55px}
.news{background:url(../images/layout/nav/news.jpg) no-repeat top left; height:54px}
.membership{background:url(../images/layout/nav/membership.jpg) no-repeat top left; height:52px}
.gallery{background:url(../images/layout/nav/gallery.jpg) no-repeat top left; height:56px}
.downloads{background:url(../images/layout/nav/downlaods.jpg) no-repeat top left; height:52px}
.links{background:url(../images/layout/nav/links.jpg) no-repeat top left; height:57px}
.contactus{background:url(../images/layout/nav/contact.jpg) no-repeat top left; height:62px}

/* =Body
-----------------------------------------------------------------------------*/
.gallery_HP{background:url(../images/layout/gallery_hp.jpg) no-repeat; width:299px; height:247px; display:block; text-indent:-9999px; margin-right:20px; float:left; margin-left:7px;}

a.top_contact{color:#fff; width:200px; padding-left:13px;  height:23px; display:block; background:url(../images/layout/contact_top.gif) no-repeat; text-decoration:none; float:right; margin-top:-20px;}
.hp_promo{float:right; width:370px;}

.hp_promo li{width:346px; display:block; background:url(../images/layout/news_hp_full.jpg) no-repeat #b04190; margin-bottom:5px; padding:11px; color:#fff; clear:both; overflow:hidden; line-height:17px; height:48px;}
.hp_promo li:first-child{background:url(../images/layout/news_hp_full_1st.jpg) no-repeat #b04190; height:51px; padding-top:30px; }
.hp_promo li img{float:left; width:52px; border:1px solid #fff; margin-right:15px; }
.hp_promo li a{color:#fff; font-weight:bold; display:block;}

#hp_bottomholder{background: url(../images/layout/hp_bottomT.gif) no-repeat #0088c4 10px 4%; width:689px; margin-top:10px; float:right; padding-top:10px; padding-bottom:5px;}

.endhp_bottom{clear:both; background:url(../images/layout/hp_bottomB.gif) no-repeat #0088c4 10px 0%;width:689px; height:10px; display:block;}
.downloads_hp{float:left; width:321px; background:#fff; margin:3px 0px 0px 10px; padding-left:15px;  height:180px; }
.membership_hp{float:right; width:276px; background: url(../images/layout/HPbottomright_hand.gif ) 96% 100% no-repeat #fff; padding-right:15px; height:180px; padding-left:41px;  margin:3px 11px 0px 0px;}

.downloads_hp ul{margin-top:5px;}

.pdf{background:url(../images/layout/pdf.jpg) no-repeat 0% 80%; padding-left:50px; margin-bottom:0px;}
.word{background:url(../images/layout/word.jpg) no-repeat 0% 80%; padding-left:50px; margin-bottom:0px;}

#content{ float:right; width:670px;}
#content img{border:1px solid #ef9544; margin:10px;}

li{background:url(../images/layout/bullet.gif) no-repeat 0px 8px; display:block; padding-left:10px; margin-bottom:20px;}

.flashbanner{ width:416px; margin:0 auto;margin-top:30px; }


/* =Footer
-----------------------------------------------------------------------------*/
#footer {width:920px; margin: 0 auto; text-align:right; color:#fff}
#footer a{color:#fff}


/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {margin:0;padding:0;}

select {height:20px; font-size:12px; color: #666666; }


/* =Tables
-----------------------------------------------------------------------------*/


td {
  text-align: left;
	font-weight: normal;
}