/* CSS Document */

body {
background: #333333 url(../images/bg.gif) repeat;
margin: 0;
text-align: center;
}

a:link {
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

a:visited {
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

a:hover {
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: underline;
}


#container {
width: 768px;
margin: 0 auto 0 auto;
padding: 0;
background: #333333 url(../images/bg2.gif) repeat-y;
text-align: center;
}

#container2 {
width: 754px;
margin: 0 auto 0 auto;
text-align: left;
padding: 0 0 10px 0;
background: url(../images/bg3.jpg) repeat-y;
}

/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */


/*nav */
.nav {
width: 246px;
float: left;
margin: 0;
background-color: #fff;
padding: 0 8px 8px 0;
}


.about a {
display: block;
background: #fff url(../images/about.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #AF0103;
}


.about a:link{
display: block;
background: #fff url(../images/about.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.about a:visited{
display: block;
background: #fff url(../images/about.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.about a:hover{
display: block;
background: #fff url(../images/about-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #420001;
}

.about a:active {
display: block;
background: #fff url(../images/about-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#about-current a {
display: block;
background: #fff url(../images/about-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #420001;
}

.what-we-do a {
display: block;
background: #fff url(../images/what-we-do.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #FF4800;
}

.what-we-do a:link{
display: block;
background: #fff url(../images/what-we-do.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.what-we-do a:visited{
display: block;
background: #fff url(../images/what-we-do.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.what-we-do a:hover{
display: block;
background: #fff url(../images/what-we-do-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #612203;
}

.what-we-do a:active {
display: block;
background: #fff url(../images/what-we-do.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#what-we-do-current a {
display: block;
background: #fff url(../images/what-we-do-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #612203;
}

.recent-activities a{
display: block;
background: #fff url(../images/recent-activities.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #FF7400;
}

.recent-activities a:link{
display: block;
background: #fff url(../images/recent-activities.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.recent-activities a:visited{
display: block;
background: #fff url(../images/recent-activities.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.recent-activities a:hover{
display: block;
background: #fff url(../images/recent-activities-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #582C00;
}

.recent-activities a:active{
display: block;
background: #fff url(../images/recent-activities.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#recent-activities-current a{
display: block;
background: #fff url(../images/recent-activities-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #582C00;
}

.achievements a{
display: block;
background: #fff url(../images/achievements.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #FFB300;
}

.achievements a:link{
display: block;
background: #fff url(../images/achievements.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.achievements a:visited{
display: block;
background: #fff url(../images/achievements.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.achievements a:hover{
display: block;
background: #fff url(../images/achievements-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #594103;
}

.achievements a:active{
display: block;
background: #fff url(../images/achievements.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#achievements-current a{
display: block;
background: #fff url(../images/achievements-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #594103;
}

.get-involved  a {
display: block;
background: #fff url(../images/get-involved.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #1A7441;
}

.get-involved  a:link {
display: block;
background: #fff url(../images/get-involved.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.get-involved  a:visited {
display: block;
background: #fff url(../images/get-involved.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.get-involved a:hover {
display: block;
background: #fff url(../images/get-involved-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #0C2D1C;
}

.get-involved  a:active {
display: block;
background: #fff url(../images/get-involved.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#get-involved-current  a {
display: block;
background: #fff url(../images/get-involved-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #0C2D1C;
}

.history  a {
display: block;
background: #fff url(../images/history.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #194491;
}

.history  a:link{
display: block;
background: #fff url(../images/history.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.history  a:visited{
display: block;
background: #fff url(../images/history.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.history a:hover{
display: block;
background: #fff url(../images/history-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #0C1C35;
}

.history  a:active {
display: block;
background: #fff url(../images/history.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#history-current  a {
display: block;
background: #fff url(../images/history-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #0C1C35;
}

.contact  a {
display: block;
background: #fff url(../images/contact.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #3069B1;
}

.contact  a:link{
display: block;
background: #fff url(../images/contact.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.contact   a:visited{
display: block;
background: #fff url(../images/contact.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.contact  a:hover{
display: block;
background: #fff url(../images/contact-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
border: 2px solid #142841;
}

.contact   a:active {
display: block;
background: #fff url(../images/contact.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

#contact-current a {
display: block;
background: #fff url(../images/contact-on.jpg) no-repeat;
width: 185px;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
margin: 8px 0 0 0;
border: 2px solid #142841;
}

/*menu end*/

.sidebox {
width: 480px;
margin: 0  0 0 260px;
}

.left-box {
width: 232px;
margin: 0 0 0 260px;
}

.right-box {
float: right;
width: 232px;
margin: 0 14px 0 0;
}

.header {
background: #fff url(../images/header.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}
.header2 {
background: #fff url(../images/achievements.jpg) no-repeat;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.header3 {
background: #fff url(../images/what-we-do.jpg) no-repeat;
height: 33px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0 0 60px;
}

.header-what-we-do {
background: #fff url(../images/header-what-we-do.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-what-we-do h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.header-recent-activities {
background: #fff url(../images/header-recent-activities.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-recent-activities h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.header-achievements {
background: #fff url(../images/header-achievements.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-achievements h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.header-get-involved {
background: #fff url(../images/header-get-involved.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-get-involved h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.header-history {
background: #fff url(../images/header-history.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-history h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.header-contact {
background: #fff url(../images/header-contact.jpg) no-repeat;
height: 30px;
font: bold medium Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
padding: 15px 0px 0px 15px;
margin-top: 8px;
}

.header-contact h1 {
font: bold large Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
margin: 0;
}

.mainbox {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #518FCA;
border-right: 2px solid #518FCA;
border-bottom: 2px solid #518FCA;
}

.mainbox-what-we-do {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #FF4800;
border-right: 2px solid #FF4800;
border-bottom: 2px solid #FF4800;
}

.mainbox-what-we-do a:link{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

mainbox-what-we-do a:visited{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

mainbox-what-we-do a:hover{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: underline;
}

.mainbox-recent-activities {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #FF7400;
border-right: 2px solid #FF7400;
border-bottom: 2px solid #FF7400;
}

.mainbox-achievements {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #FFB300;
border-right: 2px solid #FFB300;
border-bottom: 2px solid #FFB300;
}

.mainbox-get-involved {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #1A7441;
border-right: 2px solid #1A7441;
border-bottom: 2px solid #1A7441;
}

.mainbox-history {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #194491;
border-right: 2px solid #194491;
border-bottom: 2px solid #194491;
}

.mainbox-contact {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0 0 10px 0;
border-left: 2px solid #3069B1;
border-right: 2px solid #3069B1;
border-bottom: 2px solid #3069B1;
}

.mainbox2 {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0;
border-left: 2px solid #FFCA00;
border-right: 2px solid #FFCA00;
border-bottom: 2px solid #FFCA00;
}

.mainbox2 a:link{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

.mainbox2 a:visited{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

.mainbox2 a:hover{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: underline;
}

.mainbox3 {
background-color: #fff;
font: normal small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
margin: 0;
border-left: 2px solid #FF6600;
border-right: 2px solid #FF6600;
border-bottom: 2px solid #FF6600;
}

.mainbox3 a:link{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

.mainbox3 a:visited{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: none;
}

.mainbox3 a:hover{
font: bold small Arial, Helvetica, sans-serif;
color: #333333;
text-decoration: underline;
}

.txt-padding {
padding: 10px;
}

.home-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #518FCA;
border-bottom: 2px solid #518FCA;
}

.home-img2 {
float: left;
margin:  10px 10px 10px 0;
border-right: 2px solid #518FCA;
border-top: 2px solid #518FCA;
border-bottom: 2px solid #518FCA;
}

.what-we-do-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #FF4800;
border-bottom: 2px solid #FF4800;
}

.what-we-do-img2 {
float: left;
margin:  10px 10px 10px 0;
border-top: 2px solid #FF4800;
border-right: 2px solid #FF4800;
border-bottom: 2px solid #FF4800;
}

.recent-activities-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #FF7400;
border-bottom: 2px solid #FF7400;
}

.recent-activities-img2 {
float: left;
margin:  10px 10px 10px 0;
border-top: 2px solid #FF7400;
border-right: 2px solid #FF7400;
border-bottom: 2px solid #FF7400;
}

.achievements-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #FFB300;
border-bottom: 2px solid #FFB300;
}

.achievements-img2 {
float: right;
margin: 10px 0 10px 10px;
border-left: 2px solid #FFB300;
border-top: 2px solid #FFB300;
border-bottom: 2px solid #FFB300;
}

.get-involved-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #1A7441;
border-bottom: 2px solid #1A7441;
}

.get-involved-img2 {
float: left;
margin:  10px 10px 10px 0;
border-right: 2px solid #1A7441;
border-top: 2px solid #1A7441;
border-bottom: 2px solid #1A7441;
}

.history-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #194491;
border-bottom: 2px solid #194491;
}

.history-img2 {
float: left;
margin:  10px 10px 10px 0;
border-right: 2px solid #194491;
border-top: 2px solid #194491;
border-bottom: 2px solid #194491;
}

.history-img3 {
float: right;
margin: 0 0 10px 10px;
border-top: 2px solid #194491;
border-left: 2px solid #194491;
border-bottom: 2px solid #194491;
}

.contact-img {
float: right;
margin: 0 0 10px 10px;
border-left: 2px solid #3069B1;
border-bottom: 2px solid #3069B1;
}

.contact-img2 {
float: left;
margin:  10px 10px 10px 0;
border-right: 2px solid #3069B1;
border-top: 2px solid #3069B1;
border-bottom: 2px solid #3069B1;
}

.footer {
height: 30px;
}

.valid-padding {
float: left;
width: 200px;
margin: 0 0 0 10px;
}

.float-right {
float: right;
width: 110px;
margin: 10px 5px 0 0;
}