html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{ font: normal 80% Arial, Helvetica, sans-serif;
/*
  background: #ccc url(../images/background.jpg) repeat;
  */
  background:#FFF;
/*  background:#A2D2FB;
  */color: #000;
  margin: 0;
  padding:0;

}

p
{ padding: 0 0 10px 0;
font:Calibri;
  color: #1D1D1D;
/*  line-height: 1.7em;
  
  /*font-size: 100%;
  */
  text-align:justify;}

img
{ border: 0;}

h1, h2, h3, h4, h5, h6 
{ font: normal 150% Calibri;
  text-shadow: 0px -1px 0px #EEE;
  color: #CE5504;
  letter-spacing: -1px;
  margin: 0 0 10px 0;}

h2
{ font: bold 140% Calibri;
  color: #1D1D1D;}

h3
{ font: normal 130% Arial, Helvetica, sans-serif;
  color: #1D1D1D;}

h4, h5, h6
{ margin: 0;
  padding: 0 0 0px 0;
  font: normal 150% Arial, Helvetica, sans-serif;
  color: #FFF;
  line-height: 1.5em;}

h5, h6
{ font: normal 95% Arial, Helvetica, sans-serif;
  color: #888;
  padding-bottom: 15px;}

a, a:hover
{ color: #1D1D1D;
  background: transparent;
  outline: none;
  text-decoration: none;}

a:hover
{ text-decoration: underline;}

ul
{ margin: 2px 0 22px 30px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

ol
{ margin: 8px 0 22px 20px;}

ol li
{ margin: 0 0 11px 0;}

#main, #header, #banner, #menubar, #site_content, #footer, #content_green
{ margin-left: auto; 
  margin-right: auto;}

#main
{ background: #FFFFFF;}
  
#header
{
	height: 90px;
  background: #FFFFFF;
  background: -moz-linear-gradient(#FFFFFF, #FFFFFF);
  background: -o-linear-gradient(#FFFFFF, #FFFFFF);
  background: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	

}

/*#header
{
	height: 30px;
	background: #1D1D1D;
	background: -moz-linear-gradient(#676767, #1D1D1D);
	background: -o-linear-gradient(#676767, #1D1D1D);
	background: -webkit-linear-gradient(#676767, #1D1D1D);
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	

}
*/

#banner
{
	width: 940px;
	position: relative;
	height: 30px;
	padding: 0px 0 0 0;
	background: transparent;
}

#menu_container
{ height: 30px;
padding-top:5px;
  background: #007CC2;
  background: -moz-linear-gradient(#019AE0, #007CC2);
  background: -o-linear-gradient(#019AE0, #007CC2);
  background: -webkit-linear-gradient(#019AE0, #007CC2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}  


/*#menu_container
{ height: 30px;
  background: #007CC2;
  background: -moz-linear-gradient(#019AE0, #007CC2);
  background: -o-linear-gradient(#019AE0, #007CC2);
  background: -webkit-linear-gradient(#019AE0, #007CC2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}  
*/
  
#menubar
{ 
width: 980px;
float:left;
  height: 30px;
  text-align: center; 
  margin: 0 auto;
  } 
  
#welcome
{
	width: 880px;
	float: left;
	height: 40px;
	margin: 0 auto;
	padding-left: 20px;
	
	
	background: transparent;
	
	
} 

#logopos
{
	background: url(images/logo.png) no-repeat;
 
    position: absolute;
    top: 50px;
    left: 50px;
    
	
	
	
	
	} 

  
#welcome_slogan
{
	width: 880px;
	float: left;
	height: 30px;
	margin: 0 auto;
	padding-left: 20px;
	background: transparent;
}   
   
#welcome H1
{ font: normal 200% "Rage Italic";
  letter-spacing: 1px;
  /*text-shadow: 1px 1px #ff3;*/
  font-family: "Rage Italic";
    font-size:170%;
    color: #999999}

#welcome_slogan H1
{ font: normal 200% Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  text-shadow: 1px 1px #000;
  color: #fff;}  
  
/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
**/

/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 200px;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 200px;
}

/* Framework for proper showing/hiding/positioning */z
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;
}

ul.sf-menu { 
  display: block;
  position: relative;
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* autoArrows CSS */
span.sf-arrow { 
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: 5px;
  display: block;
  background: url(../images/arrows-black.png) no-repeat 0 0;
  overflow: hidden; /* making sure IE6 doesn't overflow and expand the box */
  font-size: 1px;
}

ul ul span.sf-arrow { 
  right: 5px;
  top: 5px;
  background-position: 0 100%;
}

/* Theming the menu */
ul#nav { 
  margin: 0 auto;
  float: right;
  margin-top:3px;
  margin-right: 20px;
}

ul#nav li {
  text-align: center;
  }

ul#nav ul { 
  background: transparent url(../images/transparent.png) repeat;
  margin-top: 0px;
}

ul#nav li a { 
  padding: 0px 30px 16px 30px;
  font-family:Calibri;
  font-size:100%;
  font-weight:bold;
  text-decoration: none;
  color: #fff;
}

ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus  
{ color: #FFF;
  text-shadow: none;}

ul#nav li a:hover, ul#nav li.selected a
{ color: #99CC33; 
  background: none;}
  
ul#nav li.currenttab a
{ color: #FFF; 
  background: none;}
  
ul#nav ul li.currenttabselected a
{ color: #007CC2; 
  background: none;}  
  
ul#nav ul li a 
{ color: #FFF;
  background: none;}

ul#nav ul li a:hover, ul#nav li.selected a:hover, ul#nav li.selected a:focus  
{ color: #99CC33; 
  background: none;}

#site_content 
{
	/*background: transparent url(../images/a.png) repeat;*/
	background:#FFF;  
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
	width: 940px;
  overflow: hidden;
  margin: 0 auto;} 

#site_content_map 
{
	/*background: transparent url(../images/a.png) repeat;*/
	background:#FFF;  
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
	width: 1240px;
  overflow: hidden;
  margin: 0 auto;} 

#blue_site_content
{
	background: transparent url(../images/blue.png) repeat;  
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
	width: 940px;
  overflow: hidden;
  margin: 0 auto;
  } 


.leftsidebar_container
{ float: left;
  margin: 20px 10px 0 10px;
  width: 440px;
  padding: 0;}

.sidebar_container
{ float: right;
  margin: 20px 10px 0 10px;
  width: 440px;
  padding: 0;}

.sidebar
{
	float: left;
	width: 1000px;
	padding-left: 10px;
	margin-bottom: 10px;
}

.sidebar_item
{
	font: normal 100% Calibri;
	width: 600px;
}

.sidebar_item img
{
	padding:1px;
	border:1px solid #021a40;
	background-color:#fff;
	alignment-adjust:middle;
	float: left;
	 

}


.sidebar h2
{ padding: 5px 0 0 0;
  font: bold 140% Calibri;
  height: 30px;
  
  /*text-shadow: 0px -1px 0px #262680;*/
  color: #007CC2;}  
  
.sidebar p
{
	color: #1d1d1d;
	float: right;
}

#content
{ width: 940px;
  margin: 0 0 20px 10px;
  float: left;}
  
#story
{ padding: 5px 0 0 0;
  font: bold 140% Calibri;
  height: 30px;
  
  /*text-shadow: 0px -1px 0px #262680;*/
  color: #007CC2;}  
  

.content_item
{ width: 680px;
  margin-top: 20px;
  margin-bottom: 20px;}
  
.content_image
{ float: left;

  width: 280px;
  height: 140px;
  margin: 0 20px 10px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

.content_image img
{
	width:280px;
	height:140px;}
 
.content_container
{ width: 290px;
  padding: 5px;
  margin-right: 10px;
  float: left;}
  
  
 .partner_content_container
{ width: 110px;
  padding: 5px;
  margin-right: 10px;
  float: left;} 
  
  
#content_green
 { width: 940px;
  height: 160px;
  text-align: center;
  background: transparent url(../images/transparent.png) repeat;  
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;}  
  
#content_green p
 { color: #FFF;}  

#content_green h4
{ text-shadow: none;}
  
.content_green_container_box
{ width: 270px;
  padding: 5px;
  text-align: center;
  margin: 20px 10px 10px 10px;
  float: left;}

.content_green_container_boxl
{ width: 270px;
  padding: 5px;
  text-align: center;
  margin: 20px 0 10px 10px;
  float: left;}
 
#footer_container
{ height: 20px;
  margin-top: 30px;
  background: #007CC2;
  background: -moz-linear-gradient(#019AE0, #007CC2);
  background: -o-linear-gradient(#019AE0, #007CC2);
  background: -webkit-linear-gradient(#019AE0, #007CC2);
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;} 
 
#footer
{ width: 940px;
  height: 20px;
  /*padding-top: 20px;*/
  text-align: center; 
  background: transparent;
  text-shadow: 1px 1px #535353;
  color: #fff;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #535353;
  color: #fff;
  text-decoration: none;
  padding-bottom: 20px;}

#footer a:hover
{ text-decoration: underline;}

#footer a, #footer a:hover
{ text-shadow: 1px 1px #535353;
  color: #fff;
  text-decoration: none;}

#footer a:hover
{ text-decoration: underline;}
  
 .readmore
{ font: bold 110% Arial, Helvetica, sans-serif;
  height: 15px;
  width: 80px;
  margin-left: 95px;
  padding: 5px 2px 7px 2px;
  background: #fff;
  background: -moz-linear-gradient(#fff, #ccc);
  background: -o-linear-gradient(#fff, #ccc);
  background: -webkit-linear-gradient(#fff, #ccc);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
 .readmore a
{ color: #1D1D1D;}
 
 .button_small
{ font: normal 110% Arial, Helvetica, sans-serif;
  height: 15px;
  width: 80px;
  padding: 5px 2px 7px 2px;
  background: #1D1D1D;
  background: -moz-linear-gradient(#535353, #1d1d1d);
  background: -o-linear-gradient(#535353, #1d1d1d);
  background: -webkit-linear-gradient(#535353, #1d1d1d);
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;}
  
.button_small a
{ color: #FFF;
  padding-left: 5px;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 280px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 2px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings input[type="checkbox"]
{ padding: 2px 0; 
  width: 15px; 
  font: 100% arial; 
  border: 0; 
  background: #FFF; 
  color: #47433F;
  margin: 28px 0;}

.form_settings .submit
{ font: 100% arial; 
  border: none; 
  width: 99px; 
  margin: 0 0 0 206px; 
  height: 26px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #CE5504;
  background: -moz-linear-gradient(#FB812F, #CE5504);
  background: -o-linear-gradient(#FB812F, #CE5504);
  background: -webkit-linear-gradient(#FB812F, #CE5504);
  color: #FFF;}

/* styling for the slideshow on the homepage */
ul.slideshow {
  list-style: none;
  width: 680px;
  height: 250px;
  overflow: hidden;
  position: relative;
  
  margin: 20px 0 0 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}
  
ul.slideshow li {
	position: absolute;
	margin: 0;
	padding: 0;
	left: -2px;
	right: 0;
	height: 271px;
	top: -4px;
}
 
ul.slideshow li.show {
  z-index: 500;}
 
ul img {
  border: none;}
 
#slideshow-caption {
  width: 680px;
  height: 38px;
  position: absolute;
  bottom: 0;
  left: 0; 
  z-index: 500;}
 
#slideshow-caption .slideshow-caption-container {
  padding: 10px 25px 10px 25px; 
  background: transparent url(../images/transparent.png) repeat;  
  z-index: 1000;}
 
#slideshow-caption p {
  padding: 0;
  font: normal 130% arial, sans-serif;
  color: #FFF;}
 
/**
*	Really Simple™ Slideshow -- CSS
*/

.rs-slideshow {
	border: 2px solid #444;
	border-radius: 2px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-khtml-border-radius: 12px;
	height: 497px;
	margin: 5px auto;
/*	overflow: hidden;
*/	position: relative;
	width: 1200px;
	
	

}

.rs-slideshow .slide-container {
	background-color: #444;
	position: absolute;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;

}

.rs-slideshow .slide-container img {
	position: relative;
	
	
}

.rs-slideshow .slide-container .slide-caption {
	font-size: 200%;
	background:url(../images/transparent.png) repeat;

	/*background-color: #000;*/
	bottom: 5%;
	color: #fff;
	display: block;
	
	left: 70%;
	padding: 6px 12px;
	position: absolute;
	text-align: center;
	right: 0;
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;
	          /* fx, safari, opera */
}

.rs-slideshow .slides {
	display: none;
}

.rs-slideshow .slide-container img,
.rs-slideshow .slide-container .slide-caption,
.rs-slideshow .slide-container a {
	filter: inherit;
}


/**
*	These styles make the list of links to slide images visible to users
*	who don't have JavaScript enabled. By adding the 'no-js' class to 
*	the HTML element, and using Modernizr to remove this class for JS
*	users, we can style for both scenarios.
*	http://www.modernizr.com/
*/

.no-js .rs-slideshow {
	height: auto;
}
.no-js .rs-slideshow .slide-container, 
.no-js .rs-slideshow .slide-container img {
	position: relative;
}
.no-js .rs-slideshow .slides {
	display: block;
	margin: 24px 48px;
}
.no-js .rs-slideshow .slides li {
	margin: 0;
}



/**
*	The following styles are used in the demos with slideshow controls, 
*	such as play/pause and prev/next buttons.
*/

.rs-controls {
	clear: both;
	margin: 12px auto;
	width: 620px;
}
.rs-play-pause, .rs-prev, .rs-next {
	float: left;
	margin-right: 12px;
}
.rs-controls ul {
	float: left;
	list-style: none;
	margin: 0 6px 0 0;
	padding: 0;
}
.rs-index-list li {
	float: left;
	margin-right: 6px;
}
.rs-controls a {
	background-color: #eee;
	border: 1px solid #ddd;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;*/
	color: #444;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 5px;
	text-decoration: none;
}
.rs-controls a:hover {
	background-color: #ddd;
	color: #444;
}
.rs-controls .rs-active {
	background-color: #444;
	border: 1px solid #444;
	color: #eee;
}


#callback-messages,
#slide-class-message {
	margin: 48px auto;
	width: 620px;
}
.slide-container.some-custom-class .slide-caption {
	
/*	width: 28%;
*/}
.slide-container.some .slide-caption {	
	
	
	
	background:url(../images/logo.png) no-repeat;
	/*background-color:#000;
	*/
	left:10px;
	
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	color:#CF6;
	text-shadow:#00F;
	
	 
	
		
	
	
	opacity:1;
			
	
	top: 0;
	background-position: bottom left;
/*	width: 28%;
*/}



/*	Clearfix	*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }

.link{
	color:#F60}

.maindata
{ float: left;
  margin: 20px 10px 0 10px;
  width: 900px;
  padding: 0;}

.maindatamap
{ float: left;
  margin: 20px 10px 0 10px;
  width: 1220px;
  padding: 0;}


.maindata h2
{ padding: 5px 0 0 0;
  font:Calibri;
  font-weight:bold;
  height: 30px;
  
  /*text-shadow: 0px -1px 0px #262680;*/
  color: #007CC2;}  

.blue_maindata
{ float: left;
  margin: 20px 10px 0 10px;
  width: 900px;
  padding: 0;}

.blue_maindata h2
{ padding: 5px 0 0 0;
  font: Calibri;
  font-weight:bold;
  
  height: 30px;
  
  
/*  text-shadow: 0px -1px 0px #262680;
  */
  text-shadow:none;
  color: #CE5504;}  
.blue_maindata p {
	color:#FFF;
}
.projectdata
{ float: left;
 /* margin: 20px 10px 0 10px;
  width: 900px;
  padding: 0;
  */
  }
.projectdata h2
{ padding: 20px 0 0 20px;
  font: bold 180% Arial, Helvetica, sans-serif;
  height: 30px;
  
  text-shadow: 0px -1px 0px #262680;
  color: #CE5504;}  
.projectdata p {
	color:#FFF;
}
.projectdata h1 {
	text-shadow:none;
	color:#CCC;
}

#site_content a

{ color: #007CC2;
  background: transparent;
  outline: none;
  text-decoration: none;}

#site_content a:hover

{ color: #000;
  text-decoration:underline;}


.team_image
{ float: right;
margin-left:20px;
  width: 150px;
  height: 200px;
  margin: -30px 20px 10px 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}




#head_content
{
	background:#007CC2;  
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
	width: 940px;
  overflow: hidden;
  margin: 0 auto;
  } 



.mainhead
{ float: left;
  margin: 10px 10px 0 10px;
  width: 900px;
  padding: 0;}

.mainhead h2
{ padding: 5px 0 0 0;
  font: bold 180% Arial, Helvetica, sans-serif;
  height: 30px;
  
  
/*  text-shadow: 0px -1px 0px #262680;
  */color: #000;
  text-shadow:none;}  

#back01
{
	background: url(images/logo.png) no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 5px;
	left: 7px;
	z-index: 300;



/*
position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 100px;
    height: 100px;
    padding: 20px;
	padding-bottom:-200px;	
	    backgroung:url(backgroundframe.jpg);
*/}

#back02
{
	background: url(images/logo.png) no-repeat;
	width: 100px;
	height: 100px;
	top: 10%;
	left: 2%;
/*	z-index: 300;
*/	position:relative;
padding-bottom:50px;



/*
position:absolute;
    z-index: 10;
    top: 60px;
    left: 59px;
    width: 100px;
    height: 100px;
    padding: 20px;
	padding-bottom:-200px;	
	    backgroung:url(backgroundframe.jpg);
*/}


.story_image
{ float: right;
margin-left:20px;
  width: 420px;
  height: 210px;
  margin: 10px 20px 10px 25px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

.story_quote

	{ padding: 10px 10px 10px 10px;
  font: bold 160% Arial, Helvetica, sans-serif;
margin-left:20px;
  width: 400px;
  
  margin: 10px 20px 10px 135px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;  
  float:right;
  
  
/*  text-shadow: 0px -1px 0px #262680;
  */color: orange;
  text-shadow:none;}  
.story_right
{ float: right;
  width: 440px;
  margin: 10px 20px 10px 25px;
}

#adds
{
	width: 481px;
	height: 50px;
	position: absolute;
	top: 3px;
	float: right;
	right: 150px;
	z-index: 300;
}
#flood
  {
font: bold 200% Arial, Helvetica, sans-serif;
color:#FF0000;


padding-left:50px;
width:440px;
  }
  #flood a
  {
color:#FF0000;
}
  
  
  
  
  
  

ul { 
  margin: 2px 0 22px 17px;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 0 0; 
  padding: 0 0 4px 5px;
}

nav { 
  height: 26px;
  width: 740px;
  margin: 1px auto 0 auto;
  float: right;
  padding: 35px 10px 0 0;
} 

/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 103px;
  height: 300px;
  list-style: none;
}


#compname {
	background: url(../images/punchline.png);
	background-repeat: no-repeat;
	background-position: left top; 
	/*padding-top:68px; margin-bottom:50px; 
	*/
	
	margin-left: 120px;
	margin-top: 30px;
	padding-bottom:30px;
	color: #333333;}
	
	
#imgshow
{
	padding-top: 10px;
	padding-left:10px;
	float:left;
	width:620px;
	
	}	
#imgshow img
{
	width:600px;
	height:300px;
	
	
}
#newsbox
{
	
	padding-top: 10px;
	background: #068B6E;/*transparent url(../images/blue.png) repeat;*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border: 15px 15px 15px 15px;
	width: 180px;
	overflow: hidden;
	margin: 0 auto;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
	float: right;
	height: 290px;
	
	}
	#newsbox h4{
		text-align:center;
		font-family:Calibri;
		color:#3333CC}
	#newsbox ul{
		color:#CCCCCC;
		text-align:center;}
	#newsbox a{
		color:#000000;
		}
	#newsbox a:hover{
		color:#FF6600;
		}
		
#face{
  background: transparent url(../images/transparent.png) repeat; 
	/*background: transparent url(../images/a.png) repeat;*//*
	background:#FFF;  */
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border: 15px 15px 15px 15px;
	width: 940px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom:10px;
  margin-top:10px;


/*	width:98%;
/*	height:450px;
*/	overflow:auto;
	
	}


#mainborder
{
	background-color:#FF0000;
	width: 68px;
	position: absolute;
	top: 1px;
	float: right;
	right: 1231px;
	z-index: 300;
	height:100%;
}
#mainborder img {
	width:45px;
	height:100%;}
	
	
#tabledata {
/*	text-align:center;
*/}
#tabledata th{
/*	background:#3333FF;
	text-align:center;
	*/
	
	}



/* Data from Table csstablegenerator.com */
.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#aaffaa;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#aad4ff;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #003366 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003366 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003366,003f7f);

	background-color:#003366;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #003366 5%, #003f7f 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #003366), color-stop(1, #003f7f) );
	background:-moz-linear-gradient( center top, #003366 5%, #003f7f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366", endColorstr="#003f7f");	background: -o-linear-gradient(top,#003366,003f7f);

	background-color:#003366;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}







/* CSS Menu for projects*/

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:100%;top:0;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;padding:0 3px 3px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:block;float:left;padding:0 3px 3px;}
ul#css3menu1>li{
	margin:3px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Trebuchet MS;color:#FFF;cursor:pointer;padding:10px;background-color:#424542;background-image:none;background-repeat:repeat;border-width:1px 0 0 0;border-style:solid;border-color:#424542;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
ul#css3menu1 ul li{
	float:none;margin:3px 0 0;}
ul#css3menu1 ul a{
	text-align:left;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#FFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#00aaff;border-color:#424542;border-style:solid;color:#000;background-image:url("mainbk.png");text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-image:url("arrowsub.png");background-position:right center;background-repeat:no-repeat;padding-right:14px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	color:#000;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-width:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;}




.donate_image
{ float: left;

  width: 280px;
  height: 100px;
  margin: 0 20px 10px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;}

.donate_image img
{
	width:280px;
	height:100px;}
 
behavior: url(pie/PIE.htc);


.vdo
{
	width:500px;
	height:300px;
}