@charset "utf-8";
/* CSS Document */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height:18px;
}

.header{
font-size:22px;
color:#666666;
}
.header_1{
font-size:22px;
color:#561e6f;
}
h2{
font-size:16px;
font-weight:normal;
color:#ffffff;
vertical-align:top;

}
h3{
font-size:20px;
font-weight:normal;
color:#487840;
word-spacing:1px;
}
a{
color:#497841;
text-decoration:none;
}
a:hover{
color:#571E6F;
text-decoration:none;
}
ul {
list-style-position:inside;
padding-left:20px;}

li {

list-style-position:inside;}

.img{
padding-left:5px;
margin-top:5px;}

#wrapper{
width:100%;
height:auto;
margin:auto;
}
#container_1{
width:998px;
height:auto;
margin:auto;
border:1px solid #cccccc;
overflow:hidden;
}

#header_container{
width:998px;
height:417px;
margin:auto;
}

.headerbroder{
width:998px;
height:4px;
background-color:#497841;
border-bottom:1px solid #d1ddcf
}
.headerbroder_1{
width:998px;
height:4px;
background-color:#497841;
border-top:1px solid #d1ddcf;
margin-bottom:20px;
vertical-align:bottom;
float:left;
}

.topmenu{
width:998px;
float:left;
text-align:right;
border-bottom:#cccccc 1px solid;
}
.logo{
width:280px;
float:left;
}
.topmenu_right{
width:700px;
float:right;
text-align:right;
padding: 15px 18px 10px 0px;
vertical-align:middle;

}


.main_menu{
width:998px;
height:30px;
margin:auto;
float:left;
padding-left:70px;
}

.banner{
width:998px;
height:260px;
float:left;
}


#content_container{
width:998px;
min-height:250px;
margin-top:10px;

overflow:hidden;
float:left;
margin-bottom:20px;
}

#content{
width:690px;
margin:0px 20px 0px 20px;
text-align: justify;
float:left;
}

#content_1{
width:950px;
margin:0px 20px 0px 20px;
text-align: justify;
float:left;
}

#content_inner_pages{
width:730px;
height:auto;
margin:0px 20px 0px 20px;
float:right;
clear:left;
}
#left_nav{
width:200px;
margin-left:20px;
float:left;}

#right_nav{
width:230px;
background-color:#bcdbbc;
margin-right:18px;
float:right;
}

#right_nav_1{
width:230px;
height:200px;
background-color:#bcdbbc;
margin-right:18px;
float:right;
}
.right_nav_header{
width:220px;
padding:5px;
height:20px;
line-height:20px;
background-color:#497841;
}
.right_nav_header_1{

width:220px;
padding:5px;
height:20px;
line-height:20px;
background-color:#497841;
}
.right_nav_header_1 a{
color:#FFFFFF;
}

.right_nav_header_1 a:hover{
color:#571E6F;
}
.right_nav_broder{
width:230px;
height:4px;
background-color:#497841;
border-top:1px solid #8daf8b;
float:left;

}
.right_nav_broder_1{
width:230px;
height:4px;
background-color:#497841;
border-top:1px solid #8daf8b;
float:left;
}

.right_nav_content{
width:220px;
padding:5px;
background-color:#bcdbbc;
}
.right_content{
width:70px;
height:22px;
line-height:22px;
margin-bottom:5px;
float:left;
}

.right_content_1{
width:150px;
height:22px;
line-height:22px;
margin-bottom:5px;
float:right;}

.right_content_1_2{
width:150px;
height:20px;
line-height:20px;
margin:5px;
float:left;}


.right_content_2{
width:220px;
height:22px;
line-height:22px;
margin-top:5px;

float:right;}


.forg_pwd{
width:150px; 
height:30px; 
line-height:30px; 
float:left;
vertical-align:middle;
}



#sub_content{
background-image:url(../images/table_bg.jpg);
background-repeat:repeat-x;
background-position:top;
width:998px;
height:170px;
margin:auto;
float:left;
}

.sub_content_inner{
width:299px;
height:154px;
padding:16px 16px 0px 16px;
float:left;
border-right:#666666 1px dotted;
}

.sub_content_inner_1{
width:302px;
height:154px;
padding:16px 16px 0px 16px;
float:left;
}
.sub_heading{
width:299px;
margin-bottom:10px;
}
.sub_content{
width:219px;
height:90px;
font-size:12px;
color:#497841;
text-align:justify;
float:left;
}
.sub_content_img{
width:70px;
margin:30px 0px 10px 0px;
vertical-align:bottom;
float:right;
}

#footer{
width:988px;
height:24px;
line-height:24px;
background-image:url(../images/footer_bg.jpg);
background-repeat:repeat-x;
padding:6px;
float:left;
}

.footer_content{
width:300px;
float:left;
font-size:11px;
color:#e8f3e8;
padding-left:40px;
}

.footer_content_1{
width:600px;
float:right;
font-size:11px;
color:#e8f3e8;
text-align:right;
padding-right:15px;
}

.inputbox_top{
width:130px;
color: #333333;
background-color:#ffffff;

border:1px solid #CCCCCC;
margin:5px 0px 5px 5px;
}
.inputbox{
width:130px;
color:#FFFFFF;
background-color:#497841;

border:1px solid #e8f3e8;
margin:5px 0px 5px 5px;
}
.submit{
color:#e8f3e8;
background-color:#497841;
border:1px solid #e8f3e8;
margin:5px 0px 5px 5px;
}
.form_text{
font-size:12px;
color:#497841;
}

.read_more{
font-size:12px;
font-weight:bold;
color:#497841;
text-decoration:none;
}
.read_more:hover{
font-weight:bold;
font-size:12px;
color:#571E6F;
text-decoration:none;
}
.footer_text{
font-size:11px;
color:#e8f3e8;
}

.top_nav {
font-size:12px;
color: #666666;
text-decoration:none;
padding:0px 5px 0px 5px;
}

.top_nav:hover{
font-size:12px;
color:#333333;
padding:0px 5px 0px 5px;
text-decoration:none;
}

.main_nav{
font-size:13px;
color:#561e6f;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
line-height:30px;
padding-left:20px;
text-decoration:none;
margin:0px 45px 0px 45px;
}

.main_nav:hover{
font-size:13px;
color:#497841;
background-image:url(../images/bullet.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
text-decoration:none;
margin:0px 45px 0px 45px;
}

#left_nav{
width:200px;
height: auto;
padding-left:20px;
overflow:hidden;
}
.left_menu,a.left_menu:link,a.left_menu:visited,a.left_menu:active{
width:170px;
font-weight:bold;
display:block;
height:39px;
line-height:39px;
background-image: url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
color:#666666;
text-decoration:none;
border-bottom:1px solid #cccccc;
}

a.left_menu:hover{
width:170px;
font-weight:bold;
display:block;
height:39px;
line-height:39px;
background-image: url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
color: #666666;
background-color:#f1f1f1;
text-decoration:none;
border-bottom:1px solid #cccccc;
}
.input_text_box{
font-size:11px;
height:16px;
line-height:16px;
border:#92C092 1px solid;
margin:5px 0px 5px 5px;
}
.select_text_box{
font-size:11px;
height:20px;
line-height:16px;
border:#92C092 1px solid;
margin:5px 0px 5px 5px;
}
.message_text_box{
font-size:11px;
height:70px;
line-height:16px;
border:#92C092 1px solid;
margin:5px 0px 5px 5px;
}

.red_color { 
color:red;
}

#myAutoComplete {    width:15em; /* set width here or else widget will expand to fit its container */
    padding-bottom:2em;
	vertical-align:middle;
}
#content_1{
width:950px;
margin:0px 20px 0px 20px;
text-align: justify;
float:left;
}
.sitemap{
color:#ffffff;
text-decoration:none;
}
.sitemap:hover{
color:#571E6F;
text-decoration:none;
}
.signupBBdiv {
 clear:left;
}

.signupBBleft {
 background:url(/images/marrow.gif) top left no-repeat;
 width:18px;
 height:20px;
 z-index:99;
 position:relative;
 margin-left:8px;
}

.signupBBcontent {
 background:url(/images/mbg.gif) bottom right no-repeat;
 background-color:#ffc;
 border-top:1px solid #999;
 border-left:1px solid #999;
 width:215px;
 padding:5px;
 font-size:10px;
 margin-top:-11px;
 z-index:-10;
}

.table td{
padding:5px;}

/**********************************************/
#sddm
{	margin: 0;
	padding: 0;
	z-index: 100}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 13px arial}

#sddm li a
{	display: block;
	margin: 0 19px 0 0;
	padding: 4px 10px;
	color: #561e6f;
	text-align: center;
	text-decoration: none;
	background-image:url(../images/bullet.gif);
   	background-repeat:no-repeat;
	background-position:left;
	line-height:30px;
	padding: 0px 20px;}

#sddm li a:hover
{	/*background: #CCCCCC*/}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F9F9F9;
	border: 1px solid #5970B2;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 15px;
		width:120px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F9F9F9;
		color: #561e6f;
		font: 13px arial}

	#sddm div a:hover
	{	background: #CCCCCC;
		color: #497841}





/**************************************************/

<style type="text/css">
    /* Clear calendar's float, using dialog inbuilt form element */
    #container .bd form {
        clear:left;
    }

    /* Have calendar squeeze upto bd bounding box */
    #container .bd {
        padding:0;
    }

    #container .hd {
        text-align:left;
    }

    /* Center buttons in the footer */
    #container .ft .button-group {
        text-align:center;
    }

    /* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
    #container_c.yui-overlay-hidden table {
        *display:none;
    }

    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
    #cal {
        border:none;
        padding:1em;
    }

    /* Datefield look/feel */
    .datefield {
        position:relative;
        top:10px;
        left:10px;
        white-space:nowrap;
        border:1px solid black;
        background-color:#eee;
        width:25em;
        padding:5px;
    }

    .datefield input,
    .datefield button,
    .datefield label  {
        vertical-align:middle;
    }

    .datefield label  {
        font-weight:bold;
    }

    .datefield input  {
        width:15em;
    }

    .datefield button  {
        padding:0 5px 0 5px;
        margin-left:2px;
    }

    .datefield button img {
        padding:0;
        margin:0;
        vertical-align:middle;
    }

    /* Example box */
    .box {
        position:relative;
        height:30em;
    }
</style>


-->