/* ie5 win start */

body { 

	background-image: url(images/bg.jpg);

	background-repeat: repeat;

	font: small sans-serif;

  	margin: 0px; 

	padding: 0px; 

	line-height: 14px;

	color: #ffffff;

	font-size: x-small;

	voice-family: "\"}\""; 

	voice-family: inherit;

	font-size: small;

	text-align: center; }

/* ie5 win - grrr - end */

 

/* opera - grrr - start */

html>body {

	font-size: small;

	}

/* opera - grrr - end */








/* start of the real css */



/* basic elements */

body { 

	background-image: url(images/bg.jpg);

	background-repeat: no-repeat;

	background-position: top right;

	color: #ffffff; 

	background-color: #ffffff;

	font-size: 11px; 

	line-height: 14px;

	font-family: arial, sans-serif; 

	text-align: left;

  	margin: 0px; 

	padding: 0px;

	}

p {

	font-size: 11px; 

	line-height: 14px;

	font-family: arial, sans-serif; 

	text-align: left;

	color: #333333; 

	margin: 0px; 

	padding: 0px;

	}

	

h1	{

	font-size: 14px; 

	line-height: 14px;

	font-weight: bold; 

	font-family: arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #333333;

	padding-bottom: 2px;

	padding-top: 2px;

	}

	

h2	{

	font-size: 13px; 

	line-height: 18px;

	font-weight: bold; 

	font-family: "Trebuchet MS", arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #333333;

	padding-bottom: 2px;

	padding-top: 2px;

	}

	

h3	{

	font-size: 10px; 

	line-height: 20px;

	font-weight: bold; 

	font-family: "Trebuchet MS", arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #333333;

	padding-bottom: 2px;

	padding-top: 2px;

	}		

	
h4	{

	font-size: 14px; 

	line-height: 30px;

	font-weight: normal; 

	font-family: "Trebuchet MS", arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #333333;

	padding-bottom: 2px;

	padding-top: 2px;

	}		
	
	
h5	{

	font-size: 12px; 

	line-height: 20px;

	font-weight: normal;
	
	font-style : italic; 

	font-family: "Trebuchet MS", arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #9FB421;

	padding-bottom: 2px;

	padding-top: 2px;

	}		

h6	{

	font-size: 16px; 

	line-height: 14px;

	font-weight: bold; 

	font-family: arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #333333;

	padding-bottom: 0px;

	padding-top: 0px;

	}

	
	

td {

	border: 0px;

	padding: 0px 0px 0px 0px;

	}

	

hr {

	border: 0;

	color: #cccccc;

	background-color: #cccccc;

	height: 1px;

	width: 100%;

	text-align: left;

	padding: 0px 0px 0px 0px;

	margin: 7px 0px 8px 0px;

	}

	


/* links and classes */


	
.go {
	float: right;
	margin: 0px 5px 0px 0px; 
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
	

.greentext {

	color: #9FB421;
	
	}
	


.class2 {

	color: #333333;

	font-size: 10px; 

	line-height: 19px;

	font-family: arial, sans-serif; 

	text-align: center;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

.class2 a:link {

	text-align: center;

	color: #000000;

	font-size: 10px; 

	line-height: 19px;

	font-weight: normal;

	font-family: arial, sans-serif;

	}

	

.class2 a:visited { 

	text-align: center;

	color: #000000;

	font-size: 10px; 

	line-height: 19px;

	font-weight: normal;

	font-family: arial, sans-serif;

	}

 

.class2 a:visited:hover {

	text-align: center; 

	color: #9FB421;

	font-size: 10px; 

	line-height: 19px;

	font-weight: normal;

	font-family: arial, sans-serif;

	}

	

.class2 a:hover {

	text-align: center;

	color: #9FB421;

	font-size: 10px; 

	line-height: 19px;

	font-weight: normal;

	font-family: arial, sans-serif;

	}

	

.class2 a:active {

	text-align: center; 

	color: #9FB421;

	font-size: 10px; 

	line-height: 19px;

	font-weight: normal;

	font-family: arial, sans-serif;

	}

			
	

.subhead {

	font-size: 14px; 

	line-height: 15px;

	font-weight: normal; 

	font-family: arial, sans-serif; 

	text-align: left; 

	margin: 0px; 

	color: #9FB421;

	}

	

.navwidth {

	width: 500px;

	padding: 0px 0px 0px 0px;

	}

	

	

.featureimg {
	
	margin: 0px 15px 0px 0px; 

	padding: 0px 0px 0px 0px;

	border: 0px;

	float: left;

	}


.featureimg1 {

	width: 220px;

	height: 220px;
	
	margin: 0px 15px 0px 0px; 

	padding: 0px 0px 0px 0px;

	border: 10px;
	
	border color: #333333;

	float: left;

	}


.follow {

	width: 67px;

	height: 67px;
	
	margin: 0px 0px 0px 0px; 

	padding: 2px 2px 2px 2px;

	text-align: center;
	
	background-position: center left;

	background-repeat: no-repeat;

	border: 0px;

	float: left;

	}

	

.signup {

	width: 301px;

	padding: 0px 0px 0px 0px;

	margin: 0px 15px 0px 0px;

	}

	

.arrow {

	width: 200px;

	height: 17px;

	background-image: url(images/square.gif);

	background-position: center left;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 10px;

	padding: 0px 0px 0px 25px;

	}

	

.valign {

	vertical-align: bottom;

	}			

	

.width4 {
	
	width: 600px;
	
	padding: 0px 10px 0px 0px;
	
	border: 0px;
	
	}


.square {

	float: left;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;
	
	}





/* major divs */







#container { 

	width: 909px;

	background-image: url(images/bgstripe.jpg);

	background-repeat: repeat-y; 

	position: relative;

	background-color: #ffffff;  

	margin: 20px auto 20px auto;

	padding: 0px 0px 0px 0px;
	

	}



#intro {

 	width: 909px;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	}

	

	

	

/* header */

		

		



#header {

 	width: 909px;

 	height: 223px;

 	background-image: url(images/header.jpg);

	background-position: top center;

	background-repeat: no-repeat;

	background-color: #FFFFFF;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	}

	

	

	

/* top navigation */

	

		

#nav {

 	width: 909px;

 	height: 33px;

 	background-image: url(images/nav.jpg);

	background-position: top center;

	background-repeat: no-repeat;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	}

		

#navinfo {

 	position: absolute;

  	top: 223px;

 	left: 400px;

 	width: 500px;

 	height: 30px;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	}

	

#navinfo td {

	text-align: center;

	padding-left: 4px;

	padding-right: 4px;

	}

	

#navinfo a { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	

	

#navinfo a:visited,	

a:link { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

 

#navinfo a:visited:hover { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

	

#navinfo a:hover, 

a:active { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	




/* actionindex */

	

#actionindex {
 	float:left;
 	background-image: url(images/action.jpg);
	background-position: top center;
	background-repeat: no-repeat;
 	width: 250px;
 	height: 419px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#actionindex p {
	font-size: 12px; 
	line-height: 25px;
	font-family: arial, sans-serif; 
	text-align: left;
	color: #333333; 
	margin: 0px; 
	padding: 0px;
	}	
	
#actionindexbutton1 {
	position: absolute;
 	width: 215px;
 	left: 677px;
 	top: 245px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}
	
#actionindexbutton2 {
	position: absolute;
 	width: 215px;
 	left: 677px;
 	top: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}
	
#actionindexbutton3 {
	position: absolute;
 	width: 215px;
 	left: 677px;
 	top: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}

a.button { 
    background:url(images/signpetitionrollover.gif) repeat 0px 0px; 
    width: 181px; 
    height: 31px; 
    display: block;
	}

a.button span { 
    display: none; 
	}

a.button:hover { 
    background: url(images/signpetitionrollover.gif) repeat 0px -31px;    
	}
	
a.button2 { 
    background:url(images/signuprollover.gif) repeat 0px 0px; 
    width: 181px; 
    height: 31px; 
    display: block;
	}

a.button2 span { 
    display: none; 
	}

a.button2:hover { 
    background: url(images/signuprollover.gif) repeat 0px -31px;    
	}
	
.center	{ 
	margin: 0px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	}
		
	
	
	
/* action */

	

#action {
 	float:left;
 	background-image: url(images/action.jpg);
	background-position: top center;
	background-repeat: no-repeat;
 	width: 250px;
 	height: 416px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	}
	
#action p {
	font-size: 12px; 
	line-height: 16px;
	font-family: arial, sans-serif; 
	text-align: left;
	color: #333333; 
	margin: 0px; 
	padding: 0px;
	}	
	
#actionbutton1 {
	float: left;
 	width: 215px;
	margin: 45px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}
	
#actionbutton2 {
	float: left;
 	width: 215px;
	margin: 60px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}
		
#actionbutton3 {
	float: left;
 	width: 215px;
	margin: 60px 15px 0px 15px;
	padding: 0px 0px 0px 0px;
	border-right: 0px solid #cccccc;
	border-top: 0px solid #ccc;
	display: inline;
	}



/* leftnav */	

	


#leftnav {

	float: left;

  	background-image: url(images/leftnav.jpg);

	background-position: top center;

	background-repeat: repeat-y;

	background-color: #ffffff;

 	width: 250px;
 	
 	height: : 401px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	display: inline;

	}

	
#leftnavinfo {

	float: left;

 	width: 235px;

	margin: 10px 0px 10px 12px;

	padding: 0px 0px 0px 0px;

	display: inline;

	}

	
#leftnavinfo p {

	color: #333333;

	font-size: 13px; 

	line-height: 15px;

	font-family: arial, sans-serif; 

	text-align: left;

	padding-bottom: 0px;

	padding-top: 0px;

	}


#leftnavinfo img {

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	border: 0px;

	}

	

#leftnavinfo a { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	

	

#leftnavinfo a:visited,	

a:link { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

 

#leftnavinfo a:visited:hover { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

	

#leftnavinfo a:hover, 

a:active { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	




/* leftnav2 */	

	


#leftnav2 {

	float: left;

  	background-image: url(images/leftnav.jpg);

	background-position: top center;

	background-repeat: repeat-y;

	background-color: #ffffff;

 	width: 250px;
 	
 	height: : 401px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	display: inline;

	}

	
#leftnav2info {

	float: left;

 	width: 235px;

	margin: 10px 0px 10px 12px;

	padding: 0px 0px 0px 0px;

	display: inline;

	}

	
#leftnav2info p {

	color: #333333;

	font-size: 13px; 

	line-height: 15px;

	font-family: arial, sans-serif; 

	text-align: left;

	padding-bottom: 0px;

	padding-top: 0px;

	}


#leftnav2info img {

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	border: 0px;

	}

	

#leftnav2info a { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	

	

#leftnav2info a:visited,	

a:link { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #333333;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

 

#leftnav2info a:visited:hover { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

	

#leftnav2info a:hover, 

a:active { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}	










/* main */



	


#main {

 	float:left;

 	background-image: url(images/main.jpg);

	background-position: top center;

	background-repeat: no-repeat;

 	width: 659px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	display: inline;

	}

	

#maininfo {

	float: left;

 	width: 590px;

	margin: 30px 30px 0px 30px;

	padding: 0px 0px 0px 0px;

	border-right: 0px solid #cccccc;

	border-top: 0px solid #ccc;

	display: inline;

	}

	

#maininfo p {

	color: #333333;

	font-size: 12px; 

	line-height: 19px;

	font-family: arial, sans-serif; 

	text-align: left;

	}

	
#maininfo img {

	border: 0px;
	
	padding: 5px 20px 0px 5px;

	}

	
	

#maininfo ul {

	margin: 0px 0px 0px 30px; 

	padding: 0px 0px 0px 0px;

	}		

	

#maininfo li {

	list-style-type: disc;

	font-size: 12px; 

	line-height: 19px;

	font-weight: normal; 

	font-family: arial, sans-serif; 

	text-align: left;

	color: #333333;

	margin: 0px 0px 0px 0px; 

	padding: 7px 0px 0px 0px;

	}

	

#maininfo a:visited,	

a:link { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #9FB421;

	font-family: "Trebuchet MS", arial, sans-serif;

	}

 

#maininfo a:visited:hover { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #cccccc;

	font-family: "Trebuchet MS", arial, sans-serif;

	}
	

#maininfo a:hover, 

a:active { 

	font-size: 13px;

	line-height: 15px;

	font-weight: bold; 

	text-decoration: none; 

	color: #cccccc;

	font-family: "Trebuchet MS", arial, sans-serif;

	}		





/* footer */


	
	

#footer {

	clear: both;

 	width: 909px;

 	height: 44px;

 	background-image: url(images/footer.png);

	background-position: top center;

	background-repeat: repeat-y;

	margin: 0px 0px 0px 0px; 

	padding: 0px 0px 0px 0px;

	}

	
	

#footerinfo {

	clear: both;

 	width: 909px;

 	height: 0px;

	margin: 0px 0px 0px 00px; 

	padding: 22px 0px 0px 0px;

	}
	
	
	
	
	/* lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }