/* CSS Document */

* {
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box; 
}

html{		
margin: 0px;
padding: 0px;}

body {
	margin: 0; border: 0;
	font-size: 62.5%;
	background-color : #fff;
	padding: 8px 8px 0px 8px;
}

#container {
	width: 750px;
	height: auto;
	margin: 20px auto 0 auto;
}


/* ************************* HEADER ************************** */

div#topnav {
	width: 750px;	
	height: auto;
	margin: 0; padding:0; border: 0;	
}

#logobox {
width: 311px;
height: 90px;
float: left;
margin-top: 12px;
margin-left:30px;
}

#topmenu {
width: 370px;
height: 90px;
text-align: right;
float: right;
margin-top: 12px;
}

 /* ************************* LEFT COLUMN ************************** */
 
 div#overlord { 
 width: 750px; 
 }
 
 div#containerleft {
	width: 380px;
	height: auto;
	margin: 0; border: 0; padding: 0;
	float: left;
}



/* ************************* RIGHT COLUMN ************************** */

div#containerright {
	width: 367px;
	height: auto;
	padding: 0; 
	border: 0; 
	margin:0;
	float: right;
	}

div#containerright2 {
	width: 367px;
	height: auto;
	padding: 0; 
	border: 0; 
	margin: 4px 0 0 0;
	float: right;
	border-left: 1px solid #b2cfd5;
	}

 /* ************************* LEFT COLUMN HOMEPAGE ************************** */

#colorbox {
width: 380px;
height:171px;
background-color: #255665;
text-align: right;
font : 14px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
margin-top: 12px;
}

#tagline {
width: 320px;
height: auto;
float: right;
margin-right: 30px;
margin-top: 42px;
}

#contentleft {
width: 380px;
height: auto;
border-right: 1px solid #b2cfd5;
}

#contentleft2 {
width: 380px;
height: auto;
}

#titlebox {
width: 380px;
height: 30px;
border-bottom: 1px solid #b2cfd5;
}

#titletext {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 20px;
color: #7ebf47;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

#contenttext {
width: 340px;
height: auto;
text-align: justify;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #255665;
margin-left: 20px;
margin-top: 10px;
}

/* ************************* RIGHT COLUMN HOMEPAGE ************************** */

#topimagebox {
width: 366px;
height:171px;
text-align: right;
margin-top: 12px;
}

#contactinfo {
width: 250px;
height: 155px;
color : #255665;
text-align: right;
float: right;
margin-top: 30px;
font : 12px Helvetica, Verdana, Arial, sans-serif;
}

#activities {
width:362px;
height:46px;
float: right;
}

/* ************************* FOOTER HOMEPAGE ************************** */

div#containerbottom {
	width: 750px;
	height: 40px;
	margin: 4px 0 10px 0; 
	border: 0; 
	padding: 0;
	float: left;
	background-color: #eaf3f6;
	border-top: 1px solid #b2cfd5;
}

#bottommenu {
width: 350px;
height: auto;
margin: 10px 0 0 10px;
float: left;
text-align: left;
color : #255665;
font : 12px Helvetica, Verdana, Arial, sans-serif;
}

#creacom {
width: 350px;
height: auto;
margin: 12px 10px 0 0;
float: right;
text-align: right;
color : #255665;
font : 10px Helvetica, Verdana, Arial, sans-serif;
}

#registrations {
width: 750px;
height: 60px;
margin: 20px 0 0 0; 
border: 0; 
padding: 0;
float: left;
text-align: center;
color: #999999;
font : 9px Helvetica, Verdana, Arial, sans-serif;
}


/* ************************* SUBPAGES ************************** */

#aboutuscolorbox {
width: 380px;
height:171px;
background-color: #21007b;
text-align: right;
font : 14px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
margin-top: 12px;
}

#servicescolorbox {
width: 380px;
height:171px;
background-color: #62AC49;
text-align: right;
font : 14px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
margin-top: 12px;
}

#happeningcolorbox {
width: 380px;
height:171px;
background-color: #0088cf;
text-align: right;
font : 14px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
margin-top: 12px;
}

#contactcolorbox {
width: 380px;
height:171px;
background-color: #3abced;
text-align: right;
font : 14px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
margin-top: 12px;
}

#abouttitletext {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 20px;
color: #21007b;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

#aboutcontenttext {
width: 340px;
height: auto;
text-align: justify;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #21007b;
margin-left: 20px;
margin-top: 10px;
}

#aboutrighttext {
width: 360px;
height: auto;
float: right;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #3b3b3b;
}

#servtitletext {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 20px;
color: #62AC49;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

#servcontenttext {
width: 340px;
height: auto;
text-align: justify;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #3b3b3b;
margin-left: 20px;
margin-top: 10px;
}

#happentitletext {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 20px;
color: #0088cf;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

#happencontenttext {
width: 340px;
height: auto;
text-align: left;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #0088cf;
margin-left: 20px;
margin-top: 10px;
}

#contacttitletext {
width: 250px;
height: auto;
margin-top: 10px;
margin-left: 20px;
color: #3abced;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

#contactcontenttext {
width: 350px;
height: auto;
text-align: justify;
font : 11px Helvetica, Verdana, Arial, sans-serif;
color : #3abced;
margin-left: 20px;
margin-top: 10px;
}

#activities2 {
width:362px;
height:38px;
float: right;
}

/* ************************* STYLES TEXT ************************** */

.greybig {
font: bold 15px "Century Gothic", Helvetica, Arial, sans-serif;
color:#3b3b3b;
}

.greenstd {
font : 12px Arial, Helvetica, Verdana, sans-serif;
color : #255665;
}

.greenbig {
font: bold 15px "Century Gothic", Helvetica, Arial, sans-serif;
color : #255665;
}

.purplebig {
color: #21007b;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

.purplestd {
font : bold 12px Helvetica, Verdana, Arial, sans-serif;
color : #21007b;
}

.lightgreenbig {
color: #62AC49;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

.bluebig {
color: #0088cf;
font: bold 14px "Century Gothic", Helvetica, Arial, sans-serif;
}

.bluestd {
font : bold 12px Helvetica, Verdana, Arial, sans-serif;
color : #0088cf;
}

.whitesmall {
font : 12px Helvetica, Verdana, Arial, sans-serif;
color : #fff;
}



/* ************************* STYLES LINKS ************************** */

 .green:link {color: #255665; text-decoration:underline;}
 .green:visited {color: #255665; text-decoration:underline;}
 .green:hover {color:#7ebf47; text-decoration:none;}
 
  .green2:link {color: #255665; text-decoration:underline;}
 .green2:visited {color: #255665; text-decoration:underline;}
 .green2:hover {color:#3b3b3b; text-decoration:none;}
 
  .lightblue:link {color: #0088cf; text-decoration:underline;}
 .lightblue:visited {color: #0088cf; text-decoration:underline;}
 .lightblue:hover {color:#21007b; text-decoration:none;}