/* 
Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* stops shorter pages from jumping due to default scrollbar */
html { min-height:100%; margin-bottom:1px; }

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
body {font:62.5% Arial; background-color: #CFCFCF;}
h1, h2, h4, h5, h6 {font-size:1em;}

fieldset {border:0}
p {margin:0 0 1em; 
   text-align: justify;
}

h1 {    
        font-size:2.25em;
	font-weight:bold;
	color:#0852A5;
	padding:0 0 12px 0;
}

h2{
        font-size:1.5em;
	font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
	color:#0852A5;
        text-align: center;
	padding:0 0 12px 0;
}

h3{
	font-size:1.5em;
	font-family: Arial, Helvetica, sans-serif;
        font-weight:bold;
	color:#0852A5;
        text-align: center;
	padding:0 0 12px 0;
}


h4{
	font-size:.9em;
	font-weight:500;
	color:#000000;
        text-align: center;
	padding: 0px;
}

h5{
	font-size:1em;
	font-weight:500;
	color:#555555;
        text-align: center;
	padding: 0px;
}





h6{
	font-size:.9em;
	font-weight:normal;
	color:#000000;
        text-align: justify;
	padding: 0px;
}

fieldset {
        width: 60%;
        margin-left: 18%;
        font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        border-left : 2px solid #666666;
	border-top : 2px solid #666666;
	border-bottom : 2px solid #666666;
	border-right : 2px solid #666666;
        padding: 10px; 
}

legend {
        margin:0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #000000;
        font-weight: bold;
}

#fieldset .legend .quote_form {
            text-align:left;
            margin-left: auto;
            margin-right: auto;
          }

.submit {
           text-align:center;
            margin-left: auto;
            margin-right: auto;
          }

.links {
        width: 60%;
        margin-left: 18%;
        font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #000000;
        font-weight: normal;
        padding: 10px; 
}

.links ul li {
        text-align: center;
}

.service h1{
	color:#008080;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 2.25em;
        text-align: center;
        font-weight: bold;
}

.service h2{
	color:#008080;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1.75em;
        text-align: center;
        font-weight: bold;
}

.service h3{
	color:#000000;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1.25em;
        text-align: center;
        font-weight: normal;
}

.articles {
        width: 70%;
        margin-left: 27%;
        margin-right: auto;
        font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #000000;
        font-weight: normal;
        padding: 10px; 
}

.articles ul li {
        text-align: justify;
}

.articles_1 {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
        color: #000000;
        font-weight: normal;
        padding: 10px; 
}

.articles_1 ul li {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
}


strong {color:#000000;
}

/* Containers */
#skip {height:0px;overflow:hidden;width:0px}
#page {width:920px;margin:0 auto;background:#fff}

/* Header */
#header{
	padding:0 1px;
}
/*styling of search box on the top*/
#header form{
	height:25px;
	background:url(../images/searchbox-bg.jpg) no-repeat 100% 0;
	text-align:right;
	padding:2px 0 0 0;
	margin:0 0 1px 0;
}
#header .input-box{
	border:1px #26737d solid;
	font-size:1.2em;
	color:#666;
	width:170px;
	padding: 2px 5px 2px;
}
/* search button */
#header .submit-button{
	background:url(../images/search-submit.gif) no-repeat  0 0;
	border:0;
	width:60px;
	height: 20px;
	text-align:center;
	padding: 2px 0 2px 0;
	margin-right: 20px;
	color:#fff;
	font:1.0em Arial;

}
/* logo */
	


#header .banner-box{
	height:918px;
	height:125px;
        border-left : 1px solid #000000;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	border-right : 1px solid #000000;
	background:url(../images/ws_header1.jpg) no-repeat 0 0;
	position:relative;
	margin:0 0 1px 0;
}
.banner-box h1{
	width:300px;
	position:absolute;
	left:0px;
	top:0px;
}
.banner-box h1 a{
	display:block;
	height:150px;
	text-indent:-9999px;
}
/* menu */

/*styleing of nav box*/
#header ul{
	height:35px;
	background:url(../images/navbar3.jpg) no-repeat 0 0;
      
}
#header li{
	float:left;
	list-style:none;
	border-right:1px #fff solid;
        
}
#header li a{
	line-height:35px;
	padding:0 71px 0 71px;
	color:#fff;
	font-size:1.4em;
	text-transform:capitalize;
       
}
#header li.current{
	background:url(../images/bg-nav-hover.gif) no-repeat 50% 100%;
        
}


/* Content*/
#content{
	padding:0 0 9px 24px;
	height:1%;
	overflow:hidden;
}
/*the right side of the content is included in .main,the left side of the content is include in #sidebar */
#content .main{
	width:614px;
	float:left;
	height:1%;
	overflow:hidden;
}
/*styling of welcome box*/

.centered_image
    {
 
    margin-left: 215px;
    margin-right: 10px;
    float: right;
    border-left : 2px solid #666;
    border-top : 2px solid #666;
    border-bottom : 2px solid #666;
    border-right : 2px solid #666;
    padding: 0px;
    width:200px;
    height:150px;

}
    


   
.centered_image_2
    {
    margin-left: 75px;
    margin-right: 10px;
    float: right; 
    border-left : 2px solid #666;
    border-top : 2px solid #666;
    border-bottom : 2px solid #666;
    border-right : 2px solid #666;
    padding: 0px;
    width:475px;
    height:166px;

} 
 

.centered_image_3
    {
    margin-left: 205px;
    margin-right: 10px;
    float: right; 
    border-left : 2px solid #666;
    border-top : 2px solid #666;
    border-bottom : 2px solid #666;
    border-right : 2px solid #666;
    padding: 0px;
    width:200px;
    height:150px;

} 

.centered_image_4
    {
    
    margin-left: 78px;
    margin-right: 10px; 
    float: right;
    border-left : 2px solid #666;
    border-top : 2px solid #666;
    border-bottom : 2px solid #666;
    border-right : 2px solid #666;
    padding: 0px;
    width:450px;
    height:296px;

} 



.main .welcome{
	float:left;
	padding:23px 0 20px 0;
	margin:0 0 10px 0;
}

.main .welcome ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
.main .welcome li {
	line-height: 1.5em;
}

.main h1{
        text-align: center;
        font-family: Arial, Helvetica, sans-serif; 
	font-size:2.3em;
	font-weight:bold;
	color:#0852A5;
	padding:0 0 12px 0;
}


.main .welcome .intro{
	font-size:1.2em;
	line-height:1.4em;
	color: #555555;
}


}
.main .welcome .intro p{
	margin:0 0 0.5em 0;
}

.main .welcome .sitemap{

        margin-left: 25%;
        margin-right: auto;
        text-align: center;
}

.main .welcome .intro ul{
	width: 75%;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
}

.main .welcome .intro .links{
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
	
}

.main .welcome .intro .ty{
        margin-left: 17%;
        margin-right: auto;
        text-align: center;
	
}


.main .welcome .intro .wsa{
        margin-left: 5%;
        margin-right: auto;
        text-align: justify;
	
}




/*news boxes are the two blocks under welcome box */
.main .news{
	width:200px;
	float:left;
	padding:0 80px 0 18px;
	min-height:184px;
	background:url(../images/vline.gif) repeat-y 100% 0;
}
* html .main .news{
	height:184px;
}
/*the second news box which has a veticl line shows as background */
.main .last-news-box{
	padding:0 0 0 70px;
	background:url(../images/quote-marks-testimonial.jpg) no-repeat 100% 12px;
	width:235px;
}
.news h4{
	padding:10px 0 16px 0;
	font-size:1.8em;
	color:#3cb4c4;
}
.news .article-list li{
	list-style:none;
	background:url(../images/arrow-icon-list.jpg) no-repeat 0 50%;
	padding:0 0 0 18px;
	margin:0 0 7px 0;
}
.news .article-list li a{
	color:#666;
	font-size:1.2em;
}
/*styleing of read more*/
.news .more a{
	font-size:1.2em;
	font-style:italic;
	text-decoration:underline;
	color:#3FBBC9;
	padding:0 0 0 18px;
}
/*styleing of article box in news ,there are some words or <ul> in it */
.news .article{
	font-size:1.3em;
	color:#666;
	line-height:1.7em;
}
.main .last-news-box .more a{
	color:#55BFCC;
	padding:0;
	font-style:normal;
	text-decoration:none;
}
/* Sidebar */
#sidebar{
	margin:5px 0 0 15px;
        float:left;
	display:inline;
	width:267px;
	height:1%;
	overflow:hidden;
 
}





/*styling of latesnes in sidebar */

#sidebar .latest .column {
        margin-left: 15px; 
        margin-right; auto;
        text-align: center;
        background:url(../images/columnbar.jpg) no-repeat 0 0;
        width: 200px;
        height: 3px;
}
     


#sidebar .latest .dpform {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size:1.2em;
	font-weight:normal;
	color:#000000;
        text-align: justify;
	padding: 5px;
}




#sidebar .latest{
	background:url(../images/bg-latest.jpg) repeat-y;
	margin:0 0 8px 0;
	position:relative;
}
#sidebar .latest .icon{
	position:absolute;
	left:200px;
	top:0;
	width:48px;
	height:57px;
	background:url(../images/newspaper-icon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#sidebar .latest-top{
	background:url(../images/bg-latest-top.jpg) no-repeat 0 0;
	padding:27px 10px 20px 18px;
}
#sidebar .latest-bottom{
	background:url(../images/bg-latest-bottom.jpg) #fff no-repeat 0 0;
	height:11px;
}

#sidebar h4{
	color:#000000;
        font-weight: normal;
        text-align: center;
	font-size:1.8em;
        text-decoration: underline;
	text-transform:capitalize;
	
}


#sidebar .latest h5{
	width:166px;
	background:url(../images/news-icon.jpg) no-repeat 0 0;
	padding:0 0 17px 18px;
	font-size:1.2em;
}
#sidebar .latest h5 a{
	text-decoration:underline;
	color:#666;
	font-style:italic;
}
#sidebar .latest p{
	font-size:1.2em;
	color:#666;
	line-height:1.9em;
	margin:0;
}
#sidebar .latest .more a{
	font-size:1.1em;
	font-style:italic;
	color:#3FBBC9;
	text-decoration:underline;
}

/*styling of newsletter signup*/
#sidebar .sign{
	background:url(../images/bg-sign.jpg) repeat-y;
	position:relative;
}
#sidebar .sign .icon{
	position:absolute;
	left:191px;
	top:0;
	width:62px;
	height:61px;
	background:url(../images/newsletter-mail-icon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
#sidebar .sign-top{
	background:url(../images/bg-sign-top.jpg) no-repeat 0 0;
	padding:27px 10px 22px 18px;
}
#sidebar .sign-bottom{
	background:url(../images/bg-sign-bottom.jpg) #fff no-repeat 0 0;
	height:11px;
}
#sidebar .sign h4{
	font-size:1.4em;
	padding:0 0 21px 4px;
}

.right {
	float:right;
	width:155px;
}
.submit {
	margin-top:8px;
	margin-right:24px;
	margin-left: 58px;
}
.reset {
	margin-top:9px;
	float:right;
}

.sign-form{
	padding:0 0 0 4px;
}
.sign-form .input-box{
	border:1px #26737D solid;
	color:#999;
	font-size:1.2em;
	width:162px;
	padding:3px 10px;
	float:left;
}
.sign-form .submit-button{
	background:url(../images/newsletter-submit-button.gif) no-repeat 0 0;
	width:85px;
	height:20px;
	border:0;
	color: #fff;
	display:block;
	margin:10px 0 0 0;
}

/*styling of contact page*/
.contact-form{
		padding:28px 0 0 0;
	margin-top: 20px;
	height:1%;
	overflow:hidden;
}
.contact-form form{
	border:1px #a8a8a8 solid;
	width:548px;
	position:relative;
	padding:45px 0;
	float:left;
}
.contact-form h3{
	color: #339999;
	font-size:2.0em;
	font-weight:normal;
	position:absolute;
	left:72px;
	top:-16px;
	padding:0 13px;
	background:#fff;
	
}
.contact-form label{
	font-size:1.4em;
	width:138px;
	text-align:right;
	float:left;
}
.contact-form input,.contact-form textarea{
	float:left;
	margin:0 0 0 10px;
	border:1px #747570 solid;
	font-size:1.2em;
	color:#a8a8a8;
	width:175px;
	padding:3px;
}
.contact-form p{
	float:left;
	clear:left;
	width:400px;
	margin:0 0 5px 0;
}
.contact-form textarea{
	width:242px;
	height:114px;
	overflow:auto;
}
.contact-form .submit-button{
	width:98px;
	padding:2px 0;
	text-align:center;
	font-size:1.4em;
	text-transform:uppercase;
	margin:0 0 0 148px;
	border:1px #666 solid;
	color:#000;
}

/* Footer */



#footer{
	width:920px;
        margin:0 auto 30px;
        position:relative;
	height:75px;
	background: url(../images/footer1.jpg) no-repeat 0 0;
        font-size: 1.0em;
      
       
	
}

.footer1 {
	padding:0px;
	text-align:center;
	color:#ffffff;
	font-size:1.5em;
	margin:0px;
	padding:
}


#footer ul{
	padding:5px 0 8px;
        float: left;
	width: 920px;
	color:white;
	text-align:center;
}
#footer li{
        padding:10px 10px 5px 13px;
        text-align: center;
	list-style:none;
        width: 920px;
/*	border-left:1px #fff solid;*/
	display:inline;
	line-height:25px;
	
}
#footer li.first{
        width:920px;
	margin-left: auto;
        margin-right: auto; 
	height:87px;
	background: url(../images/footer.jpg) no-repeat 0 0;
        border:0;
        text-align: center;
	
}
#footer li a{
	font-size:1.2em;
	color:#fff;

	text-transform:capitalize;
}
#footer .copyright{
	font-size:1.2em;
	color:#000000;
        padding:0 0 0 13px;
	float:left;
        margin-left: 17%;
        margin-right: auto;
	text-align: center;
}


/*  used to float images in content area left or right so text flows around it */
.imgleft {
	float: left;
	padding-right: 16px;
}

.imgright {
	float: right;
	padding: 16px;
}