/* CSS RESET */
html
{
    color:#000;
    /* background: #005a8c url("images/main_bg.jpg"); */
    background: #628fb6;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
    margin:0;
    padding:0;
}

table
{
    border-collapse:collapse;
    border-spacing:0;
    font-size:inherit;
    font-size:100%;
}

#contactForm table th
{
    padding: 10px;
}

#contactForm table td
{
    padding: 10px;
}

fieldset,img
{
    border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
    font-style:normal;
    font-weight:normal;
}

li
{
    list-style:none;
}

caption,th
{
    text-align:left;
    width:280px;
    vertical-align: top;
}

h1,h2,h3,h4,h5,h6
{
    font-size:100%;
    font-weight:normal;
}

q:before,q:after
{
    content:'';
}

abbr,acronym 
{
    border:0;
    font-variant:normal;
}

sup 
{
    vertical-align:text-top;
}

sub 
{
    vertical-align:text-bottom;
}

input,textarea,select
{
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
}

legend
{
    color:#000;
}

table
{
    font-size:inherit;font-size:100%;
    width: 620px;
}

pre,code,kbd,samp,tt
{
    font-family:monospace;line-height:100%;
}
/* CSS RESET */


body 
{
	text-align:center;
	color:#000;
	/* background: #005a8c url("images/main_bg.jpg"); */
	font:smaller/1.231 Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
}

a 
{
	text-decoration:none;
	color:#00468e; 
}

a:hover 
{
	text-decoration: underline;
    color: #ffd400;
}

#wrap 
{
	width:980px;
	text-align:left;
	margin:0 auto;
    background:url(images/bg2.jpg); 
}

.fl
{ 
    float:left;
}

.fr
{ 
    float:right;
}

.clearfix
{ 
    clear:both;
}


/* header */
#header 
{ 
    position:relative;
    height:111px;  
    background:url(images/hd2.jpg);  
}

#logo 
{
    position:absolute; 
    top:35px; 
    left:55px;
}

#logo h1 
{
	font-size:34px;
	color: #9B3535;
}

#logo div 
{
	padding-left:100px;
}

#nav 
{ 
    font-size:12px;
    position:absolute; 
    top:35px; 
    left:280px; 
    background:url(images/nav.jpg); 
    width:620px;
    height:30px; 
    line-height:30px; 
    padding:0 0 0 20px; 
}

#nav li 
{
    float:left;  
    font-weight:700; 
    width:auto; 
    padding:0 15px; 
}

#nav a 
{
    text-decoration:none; 
    display:block; 
    text-align:center; 
    color:#ffffff;
}

#nav a:hover 
{
    /* background: #4679AD;  */
    color: #ffd400;
    /* border-top: 5px solid #ffd400;
    padding-left: 10px;
    padding-right: 10px; */
}

/* content */
.flash
{
    padding-left: 50px;
}

#sitepath
{
    float: right;
    padding-right: 75px;
}

.img 
{ 
    margin:0px 0  0 70px;
    border: 0px;
}

.main 
{
    margin:0px 0  0 50px;
    width:240px;  
    font-family: Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
    /* background:url(images/box.jpg);  */
    color:#000;
}

#text 
{
    margin:0px 0  0 55px;
}

#text p 
{
    margin:0 auto; 
    width:420px; 
}

#text h2 
{
    font-size:18px;
    font-weight: bold; 
    color: #00468e;
    padding:20px 0 20px 0;
}

#text img 
{
    margin:10px 0  0 0
}

#col 
{
    margin:30px 0  10px 65px ;
    /* width:300px;
    background:url(images/col.jpg);  */
    width: 845px;  
    height:170px ; 
}

#col div 
{
    width: 220px; 
    margin: 20px 0 0  10px; 
    display:inline;
}

#col h2
{
    font-size:18px;
    font-weight: bold; 
    color: #00468e;
    padding-bottom: 10px;
} 

#col p
{
    padding-top: 25px;
    float: right;
}

#col .first
{
    margin: 20px 30px 0 20px;
}

#col .second
{
    margin: 20px 30px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 20px;

}

#col .third
{
    margin: 20px 20px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 20px;
}

#col li
{
    line-height:20px; 
    list-style:inside disc;
    color:#00468e;
}

#col a 
{ 
    color:#00468e;    
}

#col-inner 
{
    margin:180px 0  10px 230px;
    /* width:300px;
    background:url(images/col.jpg);  */
    width: 630px;  
    height:170px; 
}

#col-inner div 
{
    width: 145px; 
    margin: 20px 0 0  10px; 
    display:inline;
}

#col-inner h2
{
    font-size:14px;
    font-weight: bold; 
    color: #00468e;
    padding-bottom: 10px;
    width: 180px;
} 

#col-inner p
{
    padding-top: 25px;
    float: right;
}

#col-inner .first
{
    margin: 20px 10px 0 20px;
}

#col-inner .second
{
    margin: 20px 20px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 30px;
}

#col-inner .second img
{
    padding-left: 20px;
}

#col-inner .third
{
    margin: 20px 10px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 30px;
}

#col-inner .third img
{
    padding-left:10px;
}

#col-inner li
{
    line-height:20px; 
    list-style:inside disc;
    color:#00468e;
}

#col-inner a 
{ 
    color:#00468e;    
}

#col-inner a:hover
{
    color: #ffd400;
    text-decoration:underline;
}

#col-about 
{
    margin:280px 0  10px 230px;
    /* width:300px;
    background:url(images/col.jpg);  */
    width: 630px;  
    height:170px; 
}

#col-about div 
{
    width: 145px; 
    margin: 20px 0 0  10px; 
    display:inline;
}

#col-about h2
{
    font-size:14px;
    font-weight: bold; 
    color: #00468e;
    padding-bottom: 10px;
    width: 165px;
} 

#col-about p
{
    padding-top: 25px;
    float: right;
}

#col-about .first
{
    margin: 20px 10px 0 20px;
}

#col-about .second
{
    margin: 20px 10px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 30px;
}

#col-about .second img
{
    padding-left: 10px;
}

#col-about .third
{
    margin: 20px 20px 0 20px;
    border-left: 1px dashed #00468e;
    padding-left: 30px;
}

#col-about .third img
{
    padding-left:10px;
}

#col-about li
{
    line-height:20px; 
    list-style:inside disc;
    color:#00468e;
}

#col-about a 
{ 
    color:#00468e;    
}

#col-about a:hover
{
    color: #ffd400;
    text-decoration:underline;
}

td
{
    width: 300px;
} 

.side 
{ 
    width:610px;
    display: inline;
    padding-right: 70px;
    padding-top: 10px;
    /* border-left: 1px dashed #00468e;
    padding-left: 20px; */
}

.side p
{
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: justify;
 }
 
#news
{
    background: #fff;
    border-top: dotted 1px #ccc;
    color: #333;
    padding:10px;
 }
 
 #news .date
 {
    background: #779ebd;
    color: #fff;
    padding: 3px;
    font-weight: bold;
 }
 
 #news .newstitle
 {
    font-weight: bold;
 }
 
.side h2 
{
    font-size:18px;
    font-weight: bold;
    color: #00468e;
}

.side h3
{
    font-size:medium;
    font-style: italic;
    color: #00468e;
}

.side li 
{
    line-height:20px; 
    list-style:inside disc; 
    color:#000; 
}

.side li a
{
    color:#00468e; 
    text-decoration: none;
}

.side li a:hover
{
    color: #ffd400;
    text-decoration: underline;
}    

.side ul 
{
    margin:20px  0 30px 20px;
}

#top 
{
    margin-top:20px;
}

/********************** footer ***********************/
#footer 
{ 
    font-size: 13px;
    background: #4679AD url(images/ft2.jpg); 
    height:100px; 
    position:relative;
}

#ftinner
{ 
    position:absolute; 
    bottom:25px; 
    width:800px; 
    margin-left:100px; 
    color:#FFFFFF;
}

#ftinner a 
{
    color:#FFFFFF;
}

#ftinner a:hover
{
    color:#ffd400;
}

.ftlink 
{
    width:500px;
}

/****************** Side Menu *********************/

.flt
{
    float:left;
}

.menubg
{
    clear:left; 
    /* background-color:#6FA9C7; */
    background-color: #779ebd;
    width:202px;
}

.menu
{
    float:left; 
    clear:left; 
    font:bold 12px Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
}

.menu li 
{
    margin:0px 0px 0px 0px;
	list-style:none;
}

.menu li.indent
{
    margin:0px 0px 0px 15px;
	list-style:none;
}

.menu li.indent_current_active
{
    color:#ffd400;
    margin:0px 0px 0px 15px;
	list-style:none;
	text-decoration:none;

}

.menu a, .menu a:visited 
{
	width:186px;
	height:22px;
	margin:2px 0px 2px 7px;
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	/* background:url(images/sidemenu/menubg2.jpg) no-repeat; */
	padding:4px 0 0 8px;
}

*html .menu a, .menu a:visited 
{
	width:186px;
	height:22px;
	margin:0px 0px 2px 7px;
	position:relative;
	display:block;
	color:#ffffff;
	text-decoration:none;
	/* background:url(images/sidemenu/menubg2.jpg) no-repeat; */
	padding:4px 0 0 8px;
}

.menu a:hover, .menu a:active, .menu li.current_page_item a, .menu li.current_page_item a:visited  
{
	/* background:url(images/sidemenu/menubg.jpg) no-repeat; */
	text-decoration:none;
	color:#ffd400;
}	

.bot
{
    clear:left;
}

/******************** Component CSS Class **********************/
.label
{
    font: smaller Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
    color: #666;
 }
 
 .texbox
{
    width: 300px;
    color: #666;
    font-family: Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
    background-color: #F5FFFA ;
}

.dropdownlist
{
    width: 200px;
    color: #666;
    font-family: Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
    background-color: #F5FFFA ;
}

.button
{
    width: 55px;
    font-family: Century Gothic,Tahoma,Georgia,Calibri,arial,sans-serif;
    background-color: #F5FFFA ;
}