/* global */

    body{ 
		background:#FFF url('../images/inside-bg.jpg') no-repeat top center;
        font:70% Arial, Helvetica, Sans-Serif;
		color:#0E2D59;
		line-height:160%;
		margin:0;
		padding:0;
		text-align:center;
        }

    /* headings */
        h1{
			font-size:200%;
			font-weight:normal;
            }		
		h6{
			font-weight:normal;
			margin:1em 0;
			}	
        h5{
			font-weight:normal;
			margin:1em 0;
			}	
        h4{
			font-weight:normal;
			margin:1em 0;
			}	
        h3{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{
			font-weight:normal;
			margin:1em 0;
			}	
        h2{            
			font-size:28px;
			font-weight:bold;
			letter-spacing:-0.05em;
            }	
        h3{          
			font-size:20px;
            }
        h4{          
			font-size:17px;
            }				
    /* // headings */

    /* image replacement */
        #intro h3{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
        #header h1{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
        .graphic{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		.fixed:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		
		ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		
		#content:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		.fixed{
			display:block;
			}
		ul{
			display:block;
			}
		#content{
			display:block;
			}
		/*  \*/
		.fixed{
			min-height:1%;
			}
		ul{
			min-height:1%;
			}
		#content{
			min-height:1%;
			}
		* html .fixed{
			height:1%;
			}

    	* html ul{
			height:1%;
			}

    	* html #content{
			height:1%;
			}

    /* // clearfix */
	
	/* HTML Tags */
        a{
			text-decoration:none;
			color:#0099CC;
            }
        a:hover{
			color:#999;
            }			
		li{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		select{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		textarea{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		input{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			color:#333;
			}				
		table{
			font:100% Arial, Helvetica, Sans-Serif;
			line-height:160%;
			}				
		form{
			margin:1em 0;
			}
		ol{
			margin:1em 0;
			}
		ul{
			margin:1em 0;
			}
		blockquote{
			margin:1em 0;
			}
		p{
			margin:1em 0;
			}
		blockquote{
			}
		img{
			border:none;
			}			
		hr{
			display:none;
			}	
		table{
			margin:1em 0;
			width:100%;
			border-collapse:collapse;
			}
		td{	
			padding:2px 5px;
			}	
		th{	
			padding:2px 5px;
			}	
		th{	
			text-align:left;
			}	
	
	/* // HTML Tags */	
	
/* // Global */

/* page setup */

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:952px;
		}
	#header{
		background: url('../images/bg-header.png') no-repeat 0 0;
		height: 194px;
		}
	#home #header{
		background:url("../images/bg_header_home.gif") no-repeat 0 0;		
		}						
	#content{
		background:#fff;
		padding-bottom:17px;
		font-size:12px;
		}	
	.main{
	float: left;
	display: inline;
	width: 646px;
	margin-left: 30px;
}
.side{
	float: left;
	display: inline;
	width: 225px;
	margin-left: 30px;
}
#footer{
	background: #FFFFFF;
	padding: 1em 0;
	font-size: 12px;
	color: #fff;
	background-image: url('../images/be-a-breath-of-fresh.jpg');
	background-repeat: no-repeat;
	background-position:center center;
	width: 952px;
	height: 50px;
}
	#footer .side{width:177px;}				
	.green {color: #8ABD00;}

/* //page setup */


/* navigation elements */

	/* main nav */
		
		ul#nav li{
			margin:0;
			padding:0;
			list-style:none;
			}
				
		ul#nav{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#nav{
			position: absolute;
			right: 30px;
			top: 150px;
			height: 32px;
			}
		ul#nav li{
			float:left;
			display:inline;
			height:42px;		
			line-height:38px;			
			margin-left:15px;
			font-size:17px;			
			font-weight:bold;
			text-transform:uppercase;
			}	
		ul#nav li a{
			float:left;
			display:inline;
			height:38px;		
			line-height:38px;			
			color:#8ABB00;
			padding:0 10px;
			border:1px #E2FF8C solid;
			}	
		ul#nav li.selected{
			background:url("../images/bg_navsel.gif") no-repeat 50% 100%;
			}
		ul#nav li a:hover{
			background:#8ABB00;
			color:#fff;
			}									
	
		ul#nav li.selected a{
			background:#8ABB00;
			color:#fff;
			}									
	
	/* //main nav */
	


	/* //main nav */
	
/* //navigation elements */


/* header */

	#header h1{
		position:absolute;
		margin:0;
		padding:0;
		width:345px;
		height:69px;
		top:25px;
		left:210px;
		background:transparent url('../images/inside-stockton-earthday-logo.png') no-repeat;
		}
	#header h1 a{
		display:block;
		height:69px;
		width:345px;
		}
	#subhead1{
		position:absolute;
		margin:0;
		padding:0;
		width:500px;
		height:30px;
		overflow:hidden;	
		right: 272px; 
		top: 92px; 
		left: 210px;
		text-align:left;
		font-size:14px;
		}				
	#subhead1 a{
		text-decoration:underline;
		}	
	#subhead2{
		position:absolute;
		margin:0;
		padding:0;
		width:500px;
		height:39px;
		overflow:hidden;	
		right: 272px; 
		top: 111px; 
		left: 180px;
		text-align:left;
		font-size:18px;
		font-weight:bold;
		}						
	#free{
		position: absolute;
		float: left;
		margin: 0;
		width: 150px;
		overflow: hidden;
		height: 104px;
		line-height: 24px;
		top: 25px;
		right: 0;
		text-align: center;
		font-size: 22px;
		background: url('../images/bubble.png') no-repeat 0 0;
		color: #FFFFFF;
		vertical-align: middle;
		padding-top: 20px;
		}
	#free a{
		text-decoration:underline;
		}		

/* // header */

/* content */
	
	.side .link a{
		float:left;
		height:24px;
		line-height:24px;			
		background:#f8f8f8;
		font-weight:bold;
		border-bottom:2px solid #e8e8e8;
		padding:0 10px;
		}	
	.side .link a:hover{
		border-bottom:1px solid #f1f1f1;
		border-top:1px solid #fff;			
		}	
	.summary{
		font-size: 15px;
		padding: 1em 30px;
		background: #F0FFEC;
		line-height: 160%;
		}
	.note{
		padding:1em 30px;
		background:#5b8a9a;
		line-height:160%;
		border:1px solid #ccc;	
		color:#fff;
		font-weight:bold;
		}		

	/* // intro & preview */							
	
		#intro{
			background:#c9c9c9 url("../images/bg_intro.gif") no-repeat 0 0;
			min-height:258px;
			overflow:hidden;
			}		
		* html #intro{		
			height:258px;
			}				
		#intro h3{ 		
			height:80px;
			}	
		#intro p{ 
			margin:.5em 30px;
			font-size:14px;
			line-height:160%;
			}	
		#intro p.link{
			margin-top:2em;
			}
		#intro p.link a{ 
			display:block;
			float:none;
			height:50px;
			line-height:50px;
			background:#fff;					
			text-align:center;
			font-size:20px;
			font-weight:bold;
			letter-spacing:-0.05em;
			border-bottom:2px solid #aaa;
			}			
		#intro p.link a:hover{ 
			margin-top:2px;
			color:#333;
			border-bottom:1px solid #aaa;
			}					
		#preview{
			width:530px;
			height:241px;
			overflow:hidden;
			margin-top:17px;
			}	
		
	/* // intro & preview */						

	/* blog excerpt list */	
	
		ul.blog li{
			margin:0;
			padding:0;
			list-style:none;
			}
			
		ul.blog{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul.blog{
			border-top:1px solid #e5e5e5;
			}	
		ul.blog li{
			border-bottom:1px solid #e5e5e5;
			background:#f8f8f8;
			padding:1em 30px;
			margin-bottom:1px;
			}	
		ul.blog li p{
			margin:.5em 0;
			}	
		ul.blog li h3{
			margin:.5em 0 .25em 0;
			}				
		ul.blog li p.info{
			font-size:10px;
			margin:0 0 1em 0;
			border-bottom:1px solid #e5e5e5;
			}				
		ul.blog li .link{
			margin-top:1em;
			height:24px;
			line-height:24px;			
			}	
		ul.blog li .link a{
			float:left;
			height:24px;
			line-height:24px;			
			background:#fff;
			font-weight:bold;
			border-bottom:2px solid #f1f1f1;
			padding:0 10px;
			}	
		ul.blog li .link a:hover{
			border-bottom:1px solid #f1f1f1;
			border-top:1px solid #f8f8f8;			
			}												
	
	/* // blog excerpt list */

	/* form */
																				
		form{
			margin:1.5em 0;
			padding-top:.5em;
			background:url("../../images/bg_line.gif") no-repeat 0 0;
			}
		fieldset{
			margin:0;
			padding:0;
			border:none;
			}			
		legend{
			display:none;
			}			
		label{
			float:left;
			width:120px;
			margin-left:30px;
			}	
		textarea{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}			
		input{
			width:250px;
			border:1px solid #ccc;
			padding:5px;
			}			
		textarea{
			height:120px;
			overflow:auto;
			}						
		form p{
			clear:both;		
			margin:0;
			padding:8px 0;
			background:#f8f8f8;
			margin-bottom:1px;
			}	
		form p.submit{
			background:none;
			text-align:right;
			}				
		button{
			border:none;
			padding:5px 15px;
			margin:0;
			background:#5b8a9a;	
			color:#fff;
			font-weight:bold;
			font-size:15px;
			cursor:pointer;
			text-transform:uppercase;
			}										
					
	
	/* // form */		

/* // content */

/* footer */

	#footer .main{
		float:left;
		display:inline;
		width:500px;
		margin-left:47px;
		}	
	#footer a{
		color:#fff;
		text-decoration:underline;
		}					
		

	ul#footerNav{
		float:right;
		margin:1em 0;
		padding:0;
		}
	#footerNav li{
		display:inline;
		margin:0 0 0 10px;
		padding:0;
		list-style:none;
		}	
	#footerNav li a{
		color:#333;
		text-decoration:underline;
		}					

/* // footer */

/* // table styles */

#box-table-a
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #E1ECFB;
	border-top: 4px solid #B9D2F4;
	border-bottom: 1px solid #fff;
}
#box-table-a td
{
	padding: 8px;
	background: #ECF3D8; 
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #FFF;
}

#ver-zebra
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#ver-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#ver-zebra td
{
	padding: 8px 15px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #d6dfff;
	color: #669;
}
.vzebra-odd
{
	background: #E1ECFB;
}
.vzebra-even
{
	background: #ECF3D8;
}
.vzebra-neutral
{
	background: #FFFFE1;
}

#ver-sidestage
{
	background: #DAE8FA;
	border-bottom: 1px solid #c8d4fd;
	width: 40%;
}
#ver-mainstage
{
	background: #E6EEC8;
	border-bottom: 1px solid #d6dfff;
	width: 40%;
}
#ver-neutral
{
	background: #FFFFCC;
	border-bottom: 1px solid #d6dfff;
	width: 20%;
}
#hor-minimalist-b
{
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	padding: 10px 8px;
	border-bottom: 2px solid #006600;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #666;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #339933;
	background: #ECF3D8;
}

/* // bullet list */
	.iconlist
		{
		list-style: none;
		margin: 0;
		padding: 0 0 5px 0;
		}

	li.blackcircle
		{
		background-image: url('../bullets/bullet-black.png');
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding: 3px 0 3px 30px;
		margin: .4em 0;
		}
	li.download
		{
		background-image: url('../bullets/bullet-download.png');
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding: 5px 0 5px 30px;
		margin: .4em 0;
		line-height:24px;
		}
	li.arrowback
		{
		background-image: url('../bullets/bullet-gold-arrow-left.png');
		background-repeat: no-repeat;
		background-position: 0 .4em;
		padding: 5px 0 5px 30px;
		margin: .4em 0;
		line-height:24px;
		}

.imgfloatright {
	border: 10px solid #EFEFEF;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}