/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #F7A400 url(img/bg_home.jpg) top center repeat-x;
color: #125E3D;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}

body.sub_orange{
	background: #fff url(img/bg_sub_01.jpg) top center repeat-x;
}

body.sub_purple{
	background: #fff url(img/bg_sub_02.jpg) top center repeat-x;
}

body.sub_brown{
	background: #fff url(img/bg_sub_03.jpg) top center repeat-x;
}

body.sub_blue{
	background: #fff url(img/bg_sub_04.jpg) top center repeat-x;
}

body.sub_green{
	background: #fff url(img/bg_sub_05.jpg) top center repeat-x;
}

body.sub_contact{
	background: #fff url(img/bg_sub_contact.jpg) top center repeat-x;
}

body.sub_about{
	background: #fff url(img/bg_sub_about.jpg) top center repeat-x;
}

body.sub_tobacco{
	background: #fff url(img/bg_sub_tobacco.jpg) top center repeat-x;
}



#wrap{
	width: 914px;
	margin: auto;
}

/* this fixes a strange FF issue: if you click on image, it jumps up on screen */
	p.main_image img{
	display: block;
	}




	#top{
		height: 210px;
		position: relative;
		padding-bottom: 14px;
	}
	
		#logo{
			float: left;
			margin-left: -20px;
			height: 210px;
			width: 185px;
			text-indent: -9999em;
			background: url(img/logo2.png) top left no-repeat;
		}
		
		.top-menu{
			float: right;
			height: 27px;
			position: relative;
		}
		
			.top-menu li{
				float: left;
				height: 27px;	
			}
			
			.top-menu li a{
				float: left;
				padding: 7px 16px 0 16px;
				height: 20px;
				font-size: 12px;
				color: #222;
				text-transform: uppercase;
			}
			
			.top-menu li a:hover, .top-menu li a.active{
				text-decoration: none;
				background: url(img/active-nav.jpg) top left;
			}
		
	
	#page-top a{
				color: #94B40B;
				font-weight:bold;
			}	
			
			#help{
				padding: 40px 82px 0 112px;
				text-align: left;
			}
			
				#help img{
					float: left;
					padding-right: 15px;	
				}
				
				#help p{
					line-height: 1.4em;
					padding: 6px 0 6px 0;
				}
				
				#help a{
					color: #F18C00;
				}	
	
	
	
	#nav{
		float: right;
		padding: 54px 156px 0 0;
		height: 51px;
		clear: right;
		width: 592px;
	}
		
			#nav li{
				float: left;
			}
			
			#nav li a{
				float: left;
				height: 51px;
				text-indent: -9999em;	
			}			
			
			
			#n1{
				width: 84px;
				background: url(img/n1.png) top left no-repeat;
			}
			#n2{
				width: 111px;
				background: url(img/n2.png) top left no-repeat;
			}
			#n3{
				width: 128px;
				background: url(img/n3.png) top left no-repeat;
			}
			#n4{
				width: 163px;
				background: url(img/n4.png) top left no-repeat;
			}
			#n5{
				width: 106px;
				background: url(img/n5.png) top left no-repeat;
			}
			#nav li a:hover{
				background-position: bottom left;
			}


/*---------------------  LEFT NAV --------------------------*/

		#leftnav {
			float: left;
			margin-right: 10px;
			margin-bottom: 100px;
			width: 200px;
			padding: 10px 0 0 0;
			background: url(img/leftnav_top.gif) no-repeat;
			font-size: 1.0em;
		}
				#leftnav ul {
					background: #198bb9 url(img/leftnav_bottom.gif) no-repeat bottom;
					padding: 0 0 10px 0; padding-bottom: 10px; /*changed SK */
					/*padding-bottom: 10px;*/
				}
				#leftnav li {
					border-left: 0px solid #f1f8fb; /*border-left: 1px solid #f1f8fb; changed SK */
					border-right: 0px solid #f1f8fb; /* border-right: 1px solid #f1f8fb; changed SK */
					padding: 0 14px;
				}
				#leftnav a {
					display: block;
					text-align: center;
					padding: 5px 0;
					background: url(img/dot.gif) repeat-x bottom ;
					color: #FFFFFF;
					text-decoration: none;
				}
				#leftnav a:hover, #leftnav a.active {
					color: #fec223;
				}
				#leftnav li.first a {
					padding-top: 8px;
				}
				#leftnav li.last a {
					padding-bottom: 8px;
					background: none;
				}
					
			
		#leftnav_yourway {
		float: left;
		margin-right: 10px;
		margin-bottom: 100px;
		width: 200px;
		padding: 10px 0 0 0;
		background: url(img/leftnav_top_yw.gif) no-repeat;
		font-size: 1.0em;
		}
				#leftnav_yourway ul {
					background: #604c38 url(img/leftnav_bottom_yw.gif) no-repeat bottom;
					padding: 0 0 10px 0; padding-bottom: 10px; /*changed SK */
					/*padding-bottom: 10px;*/
				}
				#leftnav_yourway li {
					border-left: 0px solid #f1f8fb; /*border-left: 1px solid #f1f8fb; changed SK */
					border-right: 0px solid #f1f8fb; /* border-right: 1px solid #f1f8fb; changed SK */
					padding: 0 14px;
				}
				#leftnav_yourway a {
					display: block;
					text-align: center;
					padding: 5px 0;
					background: url(img/dot_yw.gif) repeat-x bottom ;
					color: #FFFFFF;
					text-decoration: none;
				}
				#leftnav_yourway a:hover, #leftnav a.active {
					color: #fec223;
				}
				#leftnav_yourway li.first a {
					padding-top: 8px;
				}
				#leftnav_yourway li.last a {
					padding-bottom: 8px;
					background: none;
				}
				
				
		#leftnav_green {
			float: left;
			margin-right: 10px;
			margin-bottom: 100px;
			width: 200px;
			padding: 10px 0 0 0;
			background: url(img/leftnav_top_green.gif) no-repeat;
			font-size: 1.0em;
		}
				#leftnav_green ul {
					background: #94b40b url(img/leftnav_bottom_green.gif) no-repeat bottom;
					padding: 0 0 10px 0; padding-bottom: 10px; /*changed SK */
					/*padding-bottom: 10px;*/
				}
				#leftnav_green li {
					border-left: 0px solid #f1f8fb; /*border-left: 1px solid #f1f8fb; changed SK */
					border-right: 0px solid #f1f8fb; /* border-right: 1px solid #f1f8fb; changed SK */
					padding: 0 14px;
				}
				#leftnav_green a {
					display: block;
					text-align: center;
					padding: 5px 0;
					background: url(img/dot_green.gif) repeat-x bottom ;
					color: #FFFFFF;
					text-decoration: none;
				}
				#leftnav_green a:hover, #leftnav a.active {
					color: #fec223;
				}
				#leftnav_green li.first a {
					padding-top: 8px;
				}
				#leftnav_green li.last a {
					padding-bottom: 8px;
					background: none;
				}
			

/*-------------------------------------------------------------*/
		
		
		#lang{
			position: absolute;
			top: 32px;
			right: -7px;
			height: 65px;
			width: 161px;
			background: url(img/lang.png) top left no-repeat;
		}
		
			#lang1{
				position: absolute;
				width: 37px;
				height: 27px;
				top: 20px;
				left: 41px;
				text-indent: -9999em;
			}
			
			#lang2{
				position: absolute;
				width: 37px;
				height: 32px;
				top: 16px;
				left: 92px;
				text-indent: -9999em;
			}
	
	#landing{
		position: relative;
		height: 519px;
		background: url(img/front-bg.jpg) top left no-repeat;
		text-indent: -9999em;	
	}
	
	#get-info{
		position: absolute;
		height: 498px;
		width: 894px;
		bottom: 10px;
		right: 10px;
			}
	


	#page{
		position: relative;
		text-align: left;
		color: #111;
		padding: 50px 60px 50px 60px;
	}		
	
		#guy{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/guy.png) top left no-repeat;	
		}
		
			* html #guy{
				display: none;
			}
		
		#pic_01{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_01.png) top left no-repeat;	
		}
		
			* html #pic_01{
				display: none;
			}
		
		#pic_02{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_02.png) top left no-repeat;	
		}
		
			* html #pic_02{
				display: none;
			}
		
		#pic_03{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_03.png) top left no-repeat;	
		}
		
			* html #pic_03{
				display: none;
			}
			
		#pic_04{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_04.png) top left no-repeat;	
		}
		
			* html #pic_04{
				display: none;
			}	
		
		#pic_05{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_05.png) top left no-repeat;	
		}
		
			* html #pic_05{
				display: none;
			}
		
		#pic_06{
			position: absolute;
			top: 3px;
			right: -120px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_06.png) top left no-repeat;
		}
		
			* html #pic_06{
				display: none;
			}	
		
		#pic_07{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_07.png) top left no-repeat;	
		}
		
			* html #pic_07{
				display: none;
			}
			
		#pic_08{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_08.png) top left no-repeat;	
		}
		
			* html #pic_08{
				display: none;
			}
			
		#pic_09{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_09.png) top left no-repeat;	
		}
		
			* html #pic_09{
				display: none;
			}
		
		#pic_10{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_10.png) top left no-repeat;	
		}
		
			* html #pic_10{
				display: none;
			}
		
		#pic_11{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_11.png) top left no-repeat;	
		}
		
			* html #pic_11{
				display: none;
			}
		
		#pic_12{
			position: absolute;
			top: 3px;
			right: -168px;
			height: 370px;
			width: 262px;
			background: url(img/right_pic_12.png) top left no-repeat;	
		}
		
			* html #pic_12{
				display: none;
			}
		
		#pic_13{
			position: absolute;
			top: 3px;
			right: -220px;
			height: 370px;
			width: 320px;
			background: url(img/right_pic_13.png) top left no-repeat;	
		}
		
			* html #pic_13{
				display: none;
			}


/*---------------------  TITLES --------------------------*/

		#campus{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_campus.gif) top left no-repeat;
		}
		
		#smokers{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_smokers.gif) top left no-repeat;
		}
		
		#health{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_health.gif) top left no-repeat;
		}
		
		#contest{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_contest.gif) top left no-repeat;
		}
		
		#tobacco{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_tobacco.gif) top left no-repeat;
		}
		
		#about{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_about.gif) top left no-repeat;
		}
		
		#contact{
			height: 41px;
			position: relative;
			margin-bottom: 25px;	
			text-indent: -9999em;
			background: url(img/ti_contact.gif) top left no-repeat;
		}		


/*---------------------------------------------------------*/

		
		#page-top{
			overflow: hidden;
		}
		
			.smokers1{
				float: left;
				padding-left: 30px;
				width: 230px;
				padding-right: 20px;
				overflow: hidden;
			}
			
					.smokers1 img{
						float: left;
						text-align: left;
						padding-right: 10px;
					}
						
					.smokers1 p{
						padding-top: 1em;
						text-align: left;
					}
			
			.smokers2{
				float: left;
				text-align: left;
				padding-left: 20px;
				width: 200px;
				padding-right: 20px;
				overflow: hidden;
			}
			
					.smokers2 img{
						float: left;
						padding-right: 5px;
					}
					
					.smokers2 p{
						padding-top: 1em;
						text-align: left;
					}
			
			.smokers3{
				float: left;
				text-align: left;
				padding-left: 20px;
				width: 200px;
				overflow: hidden;
			}
			
					.smokers3 img{
						float: left;
						padding-right: 5px;
					}
					
					.smokers3 p{
						padding-top: 1em;
						text-align: left;
					}
			
			.split1{
				float: left;
				padding-left: 72px;
				width: 308px;
				padding-right: 20px;
				overflow: hidden;
			}
			
					.split1 img{
						float: left;
						text-align: left;
						padding-right: 10px;
					}
						
					.split1 p{
						padding-top: 1em;
						text-align: left;
					}
			
			.split2{
				float: left;
				text-align: left;
				width: 358px;
				overflow: hidden;
			}
			
					.split2 img{
						float: left;
						padding-right: 5px;
					}
					
					.split2 p{
						padding-top: 1em;
						text-align: left;
					}
					
					
			.normal{
				float: left;
				width: 750px;
				overflow: hidden;
			}
			
					.normal img{
						float: left;
						padding-right: 5px;
					}
					
					.normal p{
						padding-bottom: 1em;
						text-align: left;
					}
					
					.normal ul{
						position: relative;
						padding: 0 0 1em 10px;	
						line-height: 1.3em;
					}
					
					.normal ul li{
						position: relative;
						padding-left: 15px;
						/*background: url(../img/tag.gif) no-repeat;*/
						background-position: 0;
						margin-bottom: 0.5em;
					}
					
					.normal ol{
						position: relative;
						padding: 0 0 1em 10px;	
						line-height: 1.3em;
					}
					
					.normal ol li{
						position: relative;
						padding-left: 15px;
						padding-top: 15px;
						margin-bottom: 0;
					}
					
			
			.split_campus{
				float: left;
				padding-left: 0px;
				margin-right:20px;
				width: 140px;
				padding-right: 20px;
				overflow: hidden;
			}
			
					.split_campus img{
						float: left;
						text-align: left;
						padding-right: 10px;
					}
						
					.split_campus p{
						padding-top: 1em;
						text-align: left;
					}
			
			.split_campus2{
				float: left;
				text-align: left;
				width: 358px;
				overflow: hidden;
			}
			
					.split_campus2 img{
						float: left;
						padding-right: 5px;
					}
					
					.split_campus2 p{
						padding-top: 1em;
						text-align: left;
					}
					
					
/*--------------------- Text Styling: HTML --------------------------*/

em, italics { font-style:italic;}
sup { vertical-align:top; font-size:9px;}



/*---------------------  ORDERED / UNORDERED LISTS --------------------------*/

.content ul {
	position: relative;
	margin: 0 0 0 20px;
	list-style: disc;
	vertical-align: text-top;
}
	
.content ul li {
	position: relative;
	line-height: 1.3;
	margin: 0 0 0 6px;
	vertical-align: text-top;
}

.content ol {
	position: relative;
	margin: 0 0 0 20px;
	list-style: decimal;
	vertical-align: text-top;
}

.content ol li {
	position: relative;
	line-height: 1.3;
	margin: 0 0 0 15px;
	list-style: decimal;
	vertical-align: text-top;
}




/*---------------------  FOOTERS --------------------------*/
	
	#foot{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #fff;	
		background: url(img/foot-bg_br.jpg) top left;	
	}
	
		#foot a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot a:hover{
			text-decoration: underline;
		}
		

	#foot_orange{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;;
		color: #fff;	
		background: url(img/foot-bg_or.jpg) top left;	
	}
	
		#foot_orange a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot_orange a:hover{
			text-decoration: underline;
		}
	
	
	#foot_green{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;;
		color: #fff;	
		background: url(img/foot-bg_gr.jpg) top left;	
	}
	
		#foot_green a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot_green a:hover{
			text-decoration: underline;
		}
		

	
	#foot_blue{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #fff;	
		background: url(img/foot-bg_bl.jpg) top left;	
	}
	
		#foot_blue a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot_blue a:hover{
			text-decoration: underline;
		}
		
	
	#foot_brown{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #fff;	
		background: url(img/foot-bg_br.jpg) top left;	
	}
	
		#foot_brown a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot_brown a:hover{
			text-decoration: underline;
		}
		

	
	#foot_purple{
		padding: 27px 0 0 0;
		text-align: center;
		height: 130px;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #fff;	
		background: url(img/foot-bg_pu.jpg) top left;	
	}
	
		#foot_purple a{
			color: #fff;	
			margin: 0 20px 0 20px;
		}
		
		#foot_purple a:hover{
			text-decoration: underline;
		}

	.footnote {
		font-size: 10px;
		border-top: 1px solid #000000;
		margin-top: 10px;	
	}
	
	.footnote_noline {
		font-size: 10px;
		margin-top: 10px;
		margin-bottom: 15px;	
	}
	
	.backtotop {
		text-align:center;
		padding: 20px 0px;
	}
	
	
/*------------------------ SUB HEADINGS -------------------------*/


	.h1_brown {
		font-size: 1.5em;
		font-weight: bold;
		color:#604c38;
		padding-bottom: 15px;
	}
	
	.h2_brown {
		font-size: 1.1em;
		font-weight: bold;
		color:#604c38;
		padding-bottom: 15px;
	}

	.h1_orange {
		font-size: 1.5em;
		font-weight: bold;
		color:#e98001;
		padding-bottom: 15px;
	}
	
	.h2_orange {
		font-size: 1.1em;
		font-weight: bold;
		color:#e98001;
		padding-bottom: 15px;
	}
	
	.h1_red {
		font-size: 1.5em;
		font-weight: bold;
		color:#CC0000;
		padding-bottom: 15px;
	}
	
	.h2_red {
		font-size: 1.1em;
		font-weight: bold;
		color:#CC0000;
		padding-bottom: 15px;
	}
	
	.h1_blue {
		font-size: 1.5em;
		font-weight: bold;
		color:#198bb9;
		padding-bottom: 15px;
	}
	
	.h2_blue {
		font-size: 1.1em;
		font-weight: bold;
		color:#198bb9;
		padding-bottom: 15px;
	}
	
/*------------------------ HP LINKS -------------------------*/	
	
	.hp_link {
		color: #CC0000 !important;
		text-decoration: underline;
		font-weight: normal;
	}

	.hp_link a:hover, .hp_link a.active {
		color: #CC0000;
		text-decoration: none;
	}