@charset "utf-8";
/* CSS Document */

body
{
margin:0px auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
color:#8c8686;
font-size:13px;
line-height:18px;
background: url(../images/body-bg.jpg) left top repeat-x #4b9cdd;
}
img
{
border:none;
}
form
{
margin:0px;
padding:0px;
}
P
{
margin:13px 0px;
padding:0px;

}
.left
{
float:left;
}
.right
{
float:right;
}
a
{
text-decoration:none;
color:#3b6c00;
}
a:hover
{
text-decoration:underline;
color:#871f26;
}

.footer
{
background:url(../images/footer-bg.jpg) left top no-repeat;
height:97px;
color:#fff;
font:normal 12px/18px Arial, Helvetica, sans-serif;
}


.footer a
{
color:#fff;
font:bold 12px/18px Arial, Helvetica, sans-serif;
text-decoration:none; 
margin-left:5px;
margin-right:5px;
}
.footer a:hover
{
color:#34ccff;
font:bold 12px/18px Arial, Helvetica, sans-serif;
text-decoration:none; 
margin-left:5px;
margin-right:5px;
}
.mid-bg
{
background:url(../images/content-bg.jpg) left top repeat-y;
border-bottom:10px solid #fff;
border-top:10px solid #fff;
}
.involved
{
background:url(../images/side-bg.jpg) left top no-repeat;
padding-top:15px;
}

.side-box
{
background:#9dcef1;
border:1px solid #0088bf;
font: bold 12px/16px Arial, Helvetica, sans-serif;
color:#3c698d;
padding:5px;
}
.side-box a
{
font: bold 12px/16px Arial, Helvetica, sans-serif;
color:#3c698d;
text-decoration:none;
}
.side-box a:hover
{
font: bold 12px/16px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
.side-box img
{
vertical-align:middle;
margin-right:5px;
}
h1
{
padding:0px;
margin:0px;
font:bold 16px/18px Arial, Helvetica, sans-serif;
color:#346790;
text-transform:uppercase;
}
h2
{
padding:0px;
margin:0px;
font:normal 14px/18px Arial, Helvetica, sans-serif;
color:#db4300;
}
h2 a
{
padding:0px;
margin:0px;
font:normal 14px/18px Arial, Helvetica, sans-serif;
color:#db4300;
text-decoration:none;
}
h2 a:hover
{
padding:0px;
margin:0px;
font:normal 14px/18px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
.news-nav
{
width:589px;
float:left;
}
.news-nav ul
{
list-style-type:none;
display:block;
margin:0px;
padding:0px;
float:left;
}
.news-nav ul li
{
float:left;
list-style-type:none;
display:block;
text-align:left;
background:url(../images/blt.jpg) left 3px no-repeat;
width:570px;
padding-left:19px;
color:#73797e;
font:normal 12px/18px Arial, Helvetica, sans-serif;
}
.news-nav ul li a
{
font:normal 14px/18px Arial, Helvetica, sans-serif;
color:#db4300;
text-decoration:none;
}
.news-nav ul li a:hover
{
font:normal 14px/18px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}

.navcontainer
{
width:909px;
float:left;
padding-left:14px;

}
.navcontainer ul
{
list-style-type:none;
display:inline;
margin:0px;
padding:0px;
float:left;
}
.navcontainer ul li
{
float:left;
list-style-type:none;
text-align:left;
background: url(../images/menu-line.jpg) right top no-repeat;
height:44px;
padding-right:2px;
}
.navcontainer ul li a
{
color:#3f4a8c;
font-size:0px;
text-decoration:none;
float:left;
}
.navcontainer ul li a:hover
{
color:#000;
text-decoration:none;
color:#3f4a8c;
font-size:0px;
float:left;
}
.navcontainer ul li span
{
padding-left:30px;
padding-right:30px;
height:44px;
float:left;
color:#3f4a8c;
font-size:0px;
cursor:pointer;
}
.navcontainer ul li div
{
display:none;
}
.navcontainer ul li span:hover
{
background:url(../images/menu-h.jpg) left top repeat-x;
padding-left:30px;
padding-right:30px;
height:44px;
float:left;
cursor:pointer;
}
.home
{
background:url(../images/home.png) left top no-repeat;
width:37px;
height:12px;
float:left;
margin-top:16px;
}
.home:hover
{
background:url(../images/home.png) left bottom no-repeat;
width:37px;
height:13px;
float:left;
margin-top:16px;
}
.about
{
background:url(../images/about.png) left top no-repeat;
width:43px;
height:12px;
float:left;
margin-top:16px;
}
.about:hover
{
background:url(../images/about.png)  left bottom no-repeat;
width:43px;
height:13px;
float:left;
margin-top:16px;
}

.mwrd
{
background:url(../images/mwrd.png) left top no-repeat;
width:40px;
height:12px;
float:left;
margin-top:16px;
}
.mwrd:hover
{
background:url(../images/mwrd.png) left bottom no-repeat;
width:40px;
height:13px;
float:left;
margin-top:16px;
}

.issue
{
background:url(../images/issue.png) left top no-repeat;
width:43px;
height:12px;
float:left;
margin-top:16px;
}
.issue:hover
{
background:url(../images/issue.png) left bottom no-repeat;
width:43px;
height:13px;
float:left;
margin-top:16px;
}
.news
{
background:url(../images/news.png) left top no-repeat;
width:36px;
height:12px;
float:left;
margin-top:16px;
}
.news:hover
{
background:url(../images/news.png) left bottom no-repeat;
width:36px;
height:13px;
float:left;
margin-top:16px;
}

.events
{
background:url(../images/events.png) left top no-repeat;
width:47px;
height:12px;
float:left;
margin-top:16px;
}
.events:hover
{
background:url(../images/events.png) left bottom no-repeat;
width:47px;
height:13px;
float:left;
margin-top:16px;
}

.gallery
{
background:url(../images/gallery.png) left top no-repeat;
width:54px;
height:12px;
float:left;
margin-top:16px;
}
.gallery:hover
{
background:url(../images/gallery.png) left bottom no-repeat;
width:54px;
height:13px;
float:left;
margin-top:16px;
}

.endo
{
background:url(../images/endo.png) left top no-repeat;
width:100px;
height:12px;
float:left;
margin-top:16px;
}
.endo:hover
{
background:url(../images/endo.png) left bottom no-repeat;
width:100px;
height:13px;
float:left;
margin-top:16px;
}
.header-bg
{
background:url(../images/header-bg.jpg) left top no-repeat;
width:930px;
height:242px;
}
.logo
{
margin-left:85px;
margin-top:44px;
}

#slider {
    width: 592px; /* important to be same as image width */
    height:263px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width:590px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	height:261px;
	border:1px solid #64afe5;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width:570px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
#slider ul { list-style-type: none;

padding:0px;
margin:0px;
}

#slider ul li 
{
padding:0px;
margin:0px; 
}


.pics
 {
  margin:0 10px 3px 0;
 }