@charset "utf-8";
/* CSS Document */


body { 
background: url("images/bgx.png") repeat-x scroll 0 0 #176eb7;
-webkit-background-composite:url("images/bgx.png") repeat-x scroll 0 0  #176eb7;
 -moz-background-composite:url("images/bgx.png") repeat-x scroll 0 0  #176eb7;
    font-family: georgia;
    font-size: 12px;
    margin: 0 auto;
	border:none 0;
    text-align: center;
	behavior: url(PIE.htc);}

 #container { font-family: georgia;
    font-size: 12px;
    margin: 0 auto;
    padding: 111px 0;
    text-align: center;
    width: 70%;
    z-index: 1;}
p {
color:#333366;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:13px;
line-height:1.6em;
padding:0 0 0 10px;
text-align:left;
width:100%; }

.small { color:#fff; font-size:11px; text-align:center; } 


h2 { color: #336699;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    font-style: italic;
    padding: 10px 0;
    text-align: left;
    width: 80%;} 
	 
	 
	  h3 { color: #336699;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    font-style: italic;
    padding: 10px 0;
    text-align: left; 
	 width: 400px;}
	
	h1 {color: #336699;
    font-size: 18px;
    font-style: italic;
    font-weight: lighter;
    margin: -15px auto;
    padding: 0 5px 70px;
    text-shadow: 1px 1px #F0D30F;}
	
	h4 {    color: #336699;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    padding: 10px 0;
    text-align: center; }
		
	

	#header {
    background: url("images/bg_clouds.png") no-repeat scroll center 0 transparent;
    height: 207px;
    margin: 0 auto;
    padding: 30px;
}

#about_box { background: -moz-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -webkit-box-shadow: #666 0px 1px 1px;
 -moz-box-shadow: #666 0px 1px 1px;
	box-shadow: #666 0px 1px 1px;
    color: #333366;
    float: left;
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    width: 100%;
behavior: url(PIE.htc);
}

#service_box {background: -moz-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -webkit-box-shadow: #666 0px 1px 1px;
 -moz-box-shadow: #666 0px 1px 1px;
	box-shadow: #666 0px 1px 1px;
    color: #333366;
    float: left;
    margin: 120px 0 0;
    padding: 20px;
    text-align: center;
    width: 100%;
behavior: url(PIE.htc); }

#box {background: -moz-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(#FFFFFF, #AFCCE6) repeat scroll 0 0 transparent;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    -webkit-box-shadow: #666 0px 1px 1px;
 -moz-box-shadow: #666 0px 1px 1px;
	box-shadow: #666 0px 1px 1px;
    color: #333366;
    float: left;
    margin: 50px 0;
    padding: 20px;
    text-align: center;
    width: 100%;
behavior: url(PIE.htc); }

.tweet_box {background: none repeat scroll 0 0 #A2C8E1;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    color: #333366;
    float: right;
    margin: 2px;
    padding: 10px;
    text-align: center;
behavior: url(PIE.htc); }

.leftbox {float: left;
    margin: 2px;
    padding: 10px;
    text-align: center;
behavior: url(PIE.htc); }


.gallery { float: left;
    list-style: none outside none;
    padding: 20px;}

.event  { background: none repeat scroll 0 0 #A2C8E1;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
    clear: both;
    color: #333366;
    margin: 10px auto;
    min-height: 150px;
    padding: 10px;
    text-align: center;
    width: 80%;
behavior: url(PIE.htc); }

.event p { padding:0 0 20px 0; }

.event a:link, a:hover, a:visited, .yellow_btn a:link, a:hover, a:visited { color:#336699; }

#service_box > ul , .right > ul, .left > ul{    font-size: 14px;
    margin: 2px;
    padding: 5px 20px;
    text-align: left;
}

#service_box > ul > li, .right > ul > li, .left > ul > li{
list-style:outside;
line-height:1.4em; }

* {
margin:0;
padding:0;
} 

#space { 
   float: left;
    margin: 0 auto;
    padding: 1px;} 

a img { border: 0 none; }

.left_img {
text-align:left;
float:left;
padding:8px;
max-width: 300px; }

.right {
	float:left;
	width:50%;
}

.left {     float: left;
    margin: 0 auto; width: 50%;} 
	
	.yellow {    color: #F0D30F;
    display: inline;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 1px #336699; }

nav  {
	 background:#6baad0;
    height: 26px;
    margin: 0 auto;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 1;
	behavior: url(PIE.htc);}

nav > ul > li  {
    float: left;
    list-style: none outside none;
    margin: 0 8px;
    padding: 0;
    z-index: 1;	}  

nav > ul {
    margin: 0 auto;
    width: 75%;
    z-index: 1;	} 

nav li a.menu {
    background: #85B9D8;
    border-radius: 8px;
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;}

nav li a:hover.menu{ background: #bfdaeb;
    border-radius: 8px;
    color: #0d4068;
    float: left;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;}
	
	 nav li a.active { background: #bfdaeb;
    border-radius: 8px;
    color: #0d4068;
    float: left;
    font-size: 14px;
    padding: 5px;
    text-decoration: none;}

.training_tab {
	float:right;
}



.yellow_btn {
       background: -moz-linear-gradient(#F0D30F, #C9B10C) repeat scroll 0 0 transparent;
	   background: -webkit-linear-gradient(#F0D30F, #C9B10C) repeat scroll 0 0 transparent;
    	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
   -webkit-box-shadow: #666 0px 1px 1px;
 -moz-box-shadow: #666 0px 1px 1px;
	box-shadow: #666 0px 1px 1px;
    color: #0D4068;
    font-size: 14px;
    margin: 10px 0;
    padding: 10px;
    text-decoration: none;
behavior: url(PIE.htc);
}

.training_tab a {
	background: #f0d30f;
    border-radius: 8px;
    color: #0d4068;
    float: left;
    font-size: 14px;
    padding: 5px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
 -webkit-box-shadow: #666 0px 1px 1px;
 -moz-box-shadow: #666 0px 1px 1px;
	box-shadow: #666 0px 1px 1px;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0d30f), to(#c9b10c));
background: -moz-linear-gradient(#f0d30f, #c9b10c);
background: linear-gradient(#f0d30f, #c9b10c);
-pie-background: linear-gradient(#f0d30f, #c9b10c);
behavior: url(PIE.htc);
}

.training_tab a:hover { background: #f0d30f; }

.yellow_btn:hover {
	background: #f0d30f;
}
	
		
#footer {
    background: url("images/footerbg.png") repeat-x scroll 0 0 #3882c3;
    color: #FFFFFF;
    float: left;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 11px;
    line-height: 1.6em;
    padding: 10px 0;
	margin:0 auto;
	overflow:hidden;
	height: auto;
    text-align: center;
    width: 100%;}
	
	
	.leftbtn { clear: both;
    display: block;
    float: none;
    padding: 30px; }
	
	
	.small a:link, a:hover, a:visited {
		color:#FFF; } 
#footer_container p { margin: 0 ; padding:0; color:#fff; } 

#footer_container{
       margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 95%;
}

#footer_container > ul { 
margin: 0 auto;
    width: 70%;
    z-index: 1; } 

#footer_container ul > li {   float: left;
    font-size: 14px;
    list-style: none outside none;
    margin: 0 auto;
    padding: 10px 0;
    text-align: left;
    width: 25%;
    z-index: 1;}