﻿
body
{
background:#f1fbfe;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#636363;
margin:0px;
}

h1
{
color:#009dde;
font-size:20px;
margin:0px;
font-weight:normal;
margin-bottom:8px;
}

.grey-color
{
color:#636363;
}

p
{
margin:0px;
margin-top:10px;
line-height:17px;
}

.clear-div
{
clear:both;
}

.pic
{
float:right;
margin-left:20px;
}

.top-block
{
background:url(../images/top-bg.jpg) repeat-x;
width:100%;
height:118px;
margin:0 auto;
}

.top-inner
{
width:1000px;
margin:0 auto;
}

.logo
{
width:277px;
height:109px;
float:left;
}

#menubar
{
background:url(../images/menubar.jpg) no-repeat;
width:701px;
height:116px;
float:right;
padding-right:9px;
}

#menubar-content
{
width:690px;
float:right;
margin: 0 auto;
padding: 0;
position: relative;
/*margin-top:42px;
padding-left:18px;*/
}

.btn-1
{
width:105px;
height:40px;
float:left;
margin-left:4px;
}

.btn-1 li
{
list-style:none;
}

.btn-1 ul
{
margin:0px;
padding:0px;
}

.btn-1 li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
float:left;
color: #000;
text-decoration: none;
text-align:center;
width:105px;
height:30px;
padding-top:10px;
margin-top:42px;
}

.btn-1 li a:hover
{
background:url(../images/btn-hover.jpg) no-repeat;
}

.btn-1 li a#current
{
background:url(../images/btn-hover.jpg) no-repeat;
}

.btn-2
{
width:78px;
height:40px;
float:left;
margin-left:4px;
}

.btn-2 li
{
list-style:none;
}

.btn-2 ul
{
margin:0px;
padding:0px;
}

.btn-2 li a
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
float:left;
color: #000;
text-decoration: none;
text-align:center;
width:78px;
height:30px;
padding-top:10px;
margin-top:42px;
}

.btn-2 li a:hover
{
background:url(../images/btn-hover1.jpg) no-repeat;
}

.btn-2 li a#current2
{
background:url(../images/btn-hover1.jpg) no-repeat;
}

.login-welcome
{
width:967px;
/*padding-top:23px;*/
margin:0 auto;
}

.login
{
background:url(../images/login-box.jpg) no-repeat;
width:263px;
height:250px;
float:left;
}


.login-text
{
width:250px;
padding-left:58px;
padding-top:26px;
font-size:16px;
color:#3b3f37;
}

.form-login
{
width:250px; 
font-size:12px;
font-weight:normal;
margin-left:17px;
margin-top:20px;
color:#000000;
} 

input 
{
border:1px #aee3f5 solid; 
padding : 3px 12px 0px 5px; 
font : normal 11px Arial, Helvetica, sans-serif;
color : #6d6f70;
margin-bottom:8px !important;
margin-bottom:8px;
width:132px;
height:18px;
} 

select
{
padding : 3px;
/*background:url(../images/input-box.jpg) no-repeat;*/
border:1px #aee3f5 solid; 
font : normal 12px Arial, Helvetica, sans-serif;
color : #6d6f70;
width:149px;
height:22px;
background-color:#FFFFFF;
} 

.button
{ 
width:70px;
height:31px;
float:right;
cursor:pointer;
width:71px;
height:28px;
/*margin-right:10px;*/
background:url(../images/btn-login.jpg) no-repeat;
float:right;
border:none;
margin-top:5px;
}

.welcome
{
width:687px;
float:right;
padding-top:10px;
text-align:justify;
}

.welcome a
{
color:#009dde;
}

.welcome a:hover
{
color:#636363;
}

.mid-block
{
background:url(../images/mid-bg.jpg) repeat-x;
width:100%;
height:270px;
margin:0 auto;
}

.mid-block-inner
{
width:931px;
margin:0 auto;
}

.mid-join-free
{
width:250px;
height:250px;
float:left;
padding-top:20px;
border-right:1px #ccdbdf solid;
}

.mid-join-free li
{
background:url(../images/bullet.jpg) no-repeat;
list-style:none;
margin-left:-40px;
padding-left:20px;
margin-bottom:15px;
}

.mid-join-free li a
{
color:#636363;
}

.mid-join-free li a:hover
{
color:#009dde;
}

.slider-div
{
width:390px;
height:205px;
float:left;
padding-top:20px;
}

.recent-box
{

float:left;
text-align:justify;
padding-left:40px;
border-left:1px #ccdbdf solid;
padding-top:20px;
height:250px;
}

.pic-1
{
width:84px;
height:85px;
float:left;
}

.pic-2
{
width:84px;
height:85px;
float:left;
margin-left:25px;
}


.bottom-block
{
margin:0 auto;
padding-top:20px;
}

.bottom-block-inner
{
width:929px;
margin:0 auto;
}

.bottom-block-left
{
width:200px;
float:left;
}

.bottom-block-mid
{
width:242px;
float:left;
line-height:20px;
margin-left:80px;
}

.bottom-block-mid a
{
color:#636363;
font-weight:bold;
}

.bottom-block-mid a:hover
{
color:#20a8e1;
}

.bottom-block-right
{
width:313px;
float:right;
text-align:justify;
margin-left:80px;
}


.bottom-block-right a
{
color:#636363;
font-weight:bold;
}

.bottom-block-right a:hover
{
color:#20a8e1;
}

.footer-block
{
background:url(../images/bottom-bg.jpg) repeat-x;
height:55px;
margin:0px;
margin-top:15px;
font-size:11px;
}

.footer-inner
{
width:963px;
margin:0 auto;
padding-top:20px;
}

.footer-inner a
{
color:#636363;
font-weight:normal;
text-decoration:none;
}

.footer-inner a:hover
{
color:#20a8e1;
}

.footer-left
{
width:300px;
float:left;
}

.footer-right
{
width:450px;
float:right;
}

.inner-block
{
    padding-top:20px;
    width: 960px;
    margin: 0 auto;
    height: auto !important;
    min-height: 480px !important;
    height: 480px;
    text-align: justify;
}

/***************** dropdown div ***********************/

.dropmenudiv{
	position:absolute;
	clear:both;
	background:#39bee8;
	border: none; /*THEME CHANGE HERE*/
	line-height:25px;
	z-index:100;
	width: 155px;
	visibility: hidden;
	top: 214px;
	text-align:left;
	margin-top:7px !important;
	/*margin-top:-20px;*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
	display: block;
	font-size:12px;
	padding: 3px 5px 3px 10px;
	text-decoration: none !important;
	color: #fff !important;
	/*background: #E1F1DD url(../images/bullet-nav2.gif) left center no-repeat;*/
	border-top: 1px solid #eaf5fd;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
	text-decoration:none !important;/* url(../images/bullet-nav2-over.gif) left center no-repeat*/
	background: #eaf5fd !important;
	color:#000 !important;
}

/***************** dropdown div ***********************/


/* dcentral, dci and dct are for the DC new members photos */

#dcentral
{
    margin-left:auto; margin-right:auto;
}

img.dci{
border:solid 0px #ff7e00;
margin-left:5px;
margin-right:5px;
}
 
img.dci:hover{
border:solid 0px #811100;
}

.dct{
width:85px;
float:left;
text-align:center;
}
 

