/* CSS Document */

body{ 
 margin:0; 
 padding:0;
 background-color: #2188b9;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
} 

h1 {font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:16pt; font-weight: bold;}
		
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #e9ec07; 
	font-size: 12pt;
	}
.subHead { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #fff; 
	font-size: 10pt;
	}

p { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10pt;
	}
li { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:10pt;
	line-height:1.25;
	}
a {  
	color: #5eb705; 
	font-weight:bold;
	text-decoration: none;
	 }

a:hover {  
	color: #000; 
	text-decoration: none;
}

/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigation {	
	width:900px;
	list-style:none;
	height:50px;
	margin:0 0 0 0;
	padding:0;
}

ul#navigation li {
	display:inline;
	float:left;
}

ul#navigation li a {
	height:50px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigation  li a span {
	float:left;
	display:block
}

ul#navigation li#navigation-1 a {
	width:80px;
	background:transparent url(images/navSprite.jpg) no-repeat 0px 0;
}

ul#navigation li#navigation-1 a:active,
ul#navigation li#navigation-1 a:hover {
	background-position:0px -50px
}
ul#navigation li#navigation-1 a.current {
	background-position:0px 0px -50px
}

ul#navigation li#navigation-2 a {
	width:105px;
	background:transparent url(images/navSprite.jpg) no-repeat -80px 0
}

ul#navigation li#navigation-2 a:active,
ul#navigation li#navigation-2 a:hover {
	background-position:-80px -50px
}
ul#navigation li#navigation-2 a.current {
	background-position:-80px -80px -50px
}

ul#navigation li#navigation-3 a {
	width:108px;
	background:transparent url(images/navSprite.jpg) no-repeat -185px 0
}

ul#navigation li#navigation-3 a:active,
ul#navigation li#navigation-3 a:hover {
	background-position:-185px -50px
}
ul#navigation li#navigation-3 a.current {
	background-position:-185px -185px -50px
}

ul#navigation li#navigation-4 a {
	width:128px;
	background:transparent url(images/navSprite.jpg) no-repeat -293px 0
}

ul#navigation li#navigation-4 a:active,
ul#navigation li#navigation-4 a:hover {
	background-position:-293px -50px
}
ul#navigation li#navigation-4 a.current {
	background-position:-293px -293px -50px
}

ul#navigation li#navigation-5 a {
	width:94px;
	background:transparent url(images/navSprite.jpg) no-repeat -421px 0
}

ul#navigation li#navigation-5 a:active,
ul#navigation li#navigation-5 a:hover {
	background-position:-421px -50px
}
ul#navigation li#navigation-5 a.current {
	background-position:-421px -421px -50px
}

ul#navigation li#navigation-6 a {
	width:127px;
	background:transparent url(images/navSprite.jpg) no-repeat -515px 0
}

ul#navigation li#navigation-6 a:active,
ul#navigation li#navigation-6 a:hover {
	background-position:-515px -50px
}
ul#navigation li#navigation-6 a.current {
	background-position:-515px -515px -50px
}

ul#navigation li#navigation-7 a {
	width:143px;
	background:transparent url(images/navSprite.jpg) no-repeat -642px 0
}

ul#navigation li#navigation-7 a:active,
ul#navigation li#navigation-7 a:hover {
	background-position:-642px -50px
}
ul#navigation li#navigation-7 a.current {
	background-position:-642px -642px -50px
}

ul#navigation li#navigation-8 a {
	width:115px;
	background:transparent url(images/navSprite.jpg) no-repeat -785px 0
}

ul#navigation li#navigation-8 a:active,
ul#navigation li#navigation-8 a:hover {
	background-position:-785px -50px
}
ul#navigation li#navigation-8 a.current {
	background-position:-785px -785px -50px
}

 
#pagewidth{ 
 width:900px;
 margin-left:auto; 
 margin-right:auto;  
 background-color:#274392;
} 
 
#header{
 height:250px;
 background-color:#eca743;
 width:900px;
} 



#leftcol{
 width:150px;
 margin-top:0px;
 float:left;
 background-color:#274392;
 position:relative; 
 }
 
 
#twocols{
 width:750px; 
 float:right; 
 position:relative; 
 background-color:#274392;
  }
 
#rightcol{
 width:150px; 
 float:right; 
 position:relative;
 min-height:600px; 
 }
 
#maincol{
 background:url(images/bgFilm.jpg) repeat-y;
 float: left;
 margin-top:0px; 
 position: relative; 
 width:600px;
 min-height:600px;
 
 }
 
#indexfooter{
 height:100px; 
  background:#274392;
  clear:both;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #c0c0c0; font-size: 8pt;
	text-align:center;
	}
	
#footer{
 height:45px; 
  background:#274392;
  clear:both;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #c0c0c0; font-size: 8pt;
	text-align:center;
	}
 
.spacing {
 width:550px;
 margin-left:20px;
 margin-right:20px;
 margin-bottom:20px;
 margin-top:5px;
 color:#FFFFFF;
 }
 
.spacing-center {
 width:550px;
 margin-left:20px;
 margin-right:20px;
 margin-bottom:20px;
 margin-top:5px;
 text-align:center;
 color:#FFFFFF;
 }

.toc-center {
 margin-left:150px;
 margin-right:20px;
 text-align:left;
 }


 #flash{
 height:700px;
 background-image: (url(images/bgFlash.png) no-repeat;
 width:632px;
} 

.centerText { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #fff; 
		}

	

.small{ 
	font-size:9pt;
	color:#FFFFFF;
	}
.right {
	font-weight:bold;
	font-size:9pt;
	text-align:right;
	}
	
.quote{
    font-size:9pt;
	font-style:italic;
		
	}

	
#indent ul
	{
	list-style: none;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; font-size: 10pt
}

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}