Body{
background-color:#f4f4f4;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
font-smooth:always;
word-spacing:-1px;
color:#000000;
width:100%;
height:100%;
margin:0px;
}

#Wrapper{
display:block;
width:100%;
height:100%;
}

/* CSS Header*/
#Header{
background-image:url(../images/bg-menunav.png);
background-repeat:repeat-x;
height:230px;
width:100%;
}

#HeaderIndex{
height:260px;
width:100%;
}

#MenuNav{
width:100%;
height:30px;
}

#WelcomeMessage{
background-color:#f8fafa;
font-family:Tahoma, Geneva, sans-serif;
font-size:20px;
font-weight:bold;
color:#2a98ac;
}

/*css search button*/
.BgSearch{
background-image:url(../images/bg-search.png);
background-repeat:no-repeat;
background-position:top;
height:30px;
width:205px;
}

.SearchButton{
background:none;
border:0px;
height:20px;
width:150px;
font-size:13px;
font-weight:bold;
color:#ffffff;
text-shadow: 0px -1px 0px #034468;
vertical-align:middle;
padding:0px;
}

.SearchButton:focus{
outline:none;
border:none;
}

.ButtonImage{
width:30px;
height:30px;
}

#search_form{
text-align:left;
width:654px;
height:auto;
}

#search_control .gsc-control{
height:auto;
width:654px;
font-size:12px;
font-weight:normal;
padding:0px;
color:#333;
margin:0px;
}
/*end css search button*/

/*accordion*/
ul.accordion{
list-style:none;   
position:relative;
padding:0px;
margin:0px;
top:0px;
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
line-height:1.5em;
}

ul.accordion li{
float:right;
width:248px;
height:450px;
display:block;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
background-color:#fff;
background-repeat:no-repeat;
background-position:center center;
position:relative;
overflow:hidden;
cursor:pointer;
-moz-box-shadow:1px 3px 15px #555;
-webkit-box-shadow:1px 3px 15px #555;
box-shadow:1px 3px 15px #555;
}

ul.accordion li.bg1{
background-image:url(../images/education.jpg);
background-repeat:no-repeat;
}

ul.accordion li.bg2{
background-image:url(../images/progress.jpg);
}

ul.accordion li.bg3{
background-image:url(../images/order.jpg);
}

ul.accordion li.bg4{
 background-image:url(../images/health.jpg);
}

ul.accordion li.bleft{
border-left:2px solid #fff;
}

ul.accordion li .heading{
background-color:#fff;
padding:10px;
margin-top:60px;
opacity:0.9;
font-style:normal;
font-weight:bold;
letter-spacing:1px;
font-size:11px;
color:#444;
text-align:center;
text-shadow:-1px -1px 1px #ccc;
}

ul.accordion li .description{
position:absolute;
width:248px;
height:430px;
bottom:0px;
left:0px;
display:none;
}

ul.accordion li .description h2{
font-style:normal;
text-transform:uppercase;
font-weight:bold;
letter-spacing:1px;
font-size:12px;
color:#000000;
text-align:left;
margin:0px 10px 0px 15px;
}

ul.accordion li .description p{
line-height:14px;
margin:5px 10px 0px 15px;
font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
font-weight: normal;
text-transform:none;
letter-spacing:normal;
line-height:1.6em;
text-align:left;
}

ul.accordion li .bgDescription{
background:transparent url(../images/bgDescription.png) repeat-x top left;
height:450px;
position:relative;
bottom:0px;
left:0px;
width:100%;
display:none;
}
/*end css accordion*/

#TopImage{
background-image:url(../images/bg-top-image.png);
background-repeat:repeat-x;
background-position:center;
width:100%;
height:200px;
}

#Content{
background-image:url(../images/bg-content.png);
background-position:top;
background-repeat:repeat-x;
background-color:#e0e5ea;
width:100%;
height:100%;
}

.Title{
color:#105a9a;
font-weight:bold;
font-size:20px;
}

.Title2{
color:#126575;
font-weight:bold;
font-size:16px;
}

.SubTitle{
background-color:#126575;
color:#ffffff;
font-weight:bold;
border:#40afb7 1px solid;
padding:5px 5px 5px 5px;
}

.SubTitle a:Link, .SubTitle a:Visited, .SubTitle a:Hover{
color:#ffffff;
}

.Line1{
color:#126575;
border:#40afb7 1px solid;
border-top:0px;
padding:5px 5px 5px 5px;
font-size:11px;
}

.Line1 a:Link, .Line1 a:Visited, .Line1 a:Hover{
color:#126575;
}

.Line2{
background-color:#178195;
color:#ffffff;
border:#40afb7 1px solid;
border-top:0px;
padding:5px 5px 5px 5px;
font-size:11px;
}

.Line2 a:Link, .Line2 a:Visited, .Line2 a:Hover{
color:#ffffff;
}

.Line3{
background-color:#444444;
color:#ffffff;
border:#545454 1px solid;
padding:5px 5px 5px 5px;
font-size:12px;
font-weight:bold;
}

.Line4{
background-color:#ffffff;
color:#000000;
border:#dce2e7 1px solid;
border-top:0px;
padding:5px 5px 5px 5px;
font-size:12px;
}

.Line5{
background-color:#ebebeb;
color:#000000;
border:#dce2e7 1px solid;
border-top:0px;
padding:5px 5px 5px 5px;
font-size:12px;
}

#FooterTop{
background-color:#dce2e7;
vertical-align:top;
width:100%;
height:1px;
}

.Error{
color:#900;
font-size:10px;
}

#Footer{
background-color:#f4f4f4;
vertical-align:middle;
font-size:12px;
font-weight:bold;
color:#064a58;
width:100%;
height:36px;
}

#FooterBottom{
background-color:#dce2e7;
vertical-align:bottom;
width:100%;
height:1px;
}

#SocialNetworks{
font-size:11px;
color:#444444;
height:40px;
}

.ChartText{
font-size:10px;
}

.ConnectingLineV{
background-image:url(../images/line.png);
background-repeat:repeat-y;
background-position:right;
}

.ConnectingLineH{
background-image:url(../images/line.png);
background-repeat:repeat-x;
background-position:center;
}

.ThinLine{
background-image:url(../images/line.png);
background-repeat:repeat-y;
background-position:center;
}

.ThinDottedLine{
background-image:url(../images/dotted-line-vertical.png);
background-repeat:repeat-y;
background-position:center;
}

.DottedLineH{
background-image:url(../images/dotted-line.png);
background-repeat:repeat-x;
background-position:right;
}

.DottedLineV{
background-image:url(../images/dotted-line-vertical.png);
background-repeat:repeat-y;
background-position:right;
}

.Error{
color:#900;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

a:Link{
color:#1c5781;
text-decoration:none;
}

a:Visited{
color:#1c5781;
text-decoration:none;
}

a:Hover{
color:#4b90cb;
text-decoration:underline;
}