@charset "utf-8";
/* CSS Document */
/* Remove default white space on all elements */
*{border:0px;padding:0px;margin:0px}
/* This removes variation in different browsers */

html { margin: 0; padding: 0;}
body { font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 75%; margin: 0; padding: 0;line-height: 1.5em; background: white;}
h1, h2, h3, h4 { margin: 10px 0 0 0; padding: 0; font-family: Trebuchet MS, "Times New Roman", Times, serif; color: #096BA4; margin-bottom: 5px;}
h4 { font-size: 105% ;}
h3 { font-size: 120% ;}
h1 { font-size: 155%; /* min-height: 39px; */ margin-bottom: 1.5em;}
h2 { font-size: 130%; /* min-height: 39px; */ margin-bottom: 1.0em; }
h4.callink { font-size: 100% ; float: right; margin-top: -1.5em; z-index: 10; background: url(../images/sub-content-bullet.gif) no-repeat; background-position: 0px -2px; padding-left: 1.8em; }
h2.icon { background: transparent url(../images/h1-bt.gif) no-repeat top left; height: 24px; padding-left: 30px; padding-top: 2px;}
hr { border: 0; height: 0; border-bottom: 1px solid #dadada; }
.smalltext { font-size: 75% }
img {border: none; }
a {	color: #75A800; text-decoration: none; }
a:hover {	text-decoration: underline; }
ul, ol { 	padding: 0;	margin: 0; list-style: square; }
p { margin: .5em 0; padding: .3em 0; }
input, select { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:95%; padding: 0px; }
input, select { margin-bottom: 2px; border: 1px solid #1C7792; padding: 2px; }
.form-button { background: url(../images/ok-button.gif); width: 21px; height: 20px; border: none;}
.inner { padding: .7em; z-index: 100; }
.clear { display: block; clear: both;}
.sml { font-size: 80%;}
table { font-weight: normal; }
#global-news { background: url(../images/globalnews-bg.gif) repeat-x top left #e6f5ce; }
#sfl-news { background: url(../images/news-bg.gif) repeat-x top left #ceedf5; }
#blog h2 { margin: 0; padding: 0; color: #454545; min-height: 20px; border-bottom: 1px dotted #dadada; }
#blog span {display: block; font-size: 11px; color: #096BA4;}
#blog .box-info-list-elm { margin-bottom: 1em; padding-top: .5em; }
.box-info-list-elm { padding: 0 .5em 1em 1em; font-size: 11px;  }
.box-info-list-news { padding: 0 .5em 1em 1.8em; font-size: 11px;  background: url(../images/sub-content-bullet.gif) no-repeat; background-position: 0px -2px; }
.box-info-list-elm h4 { margin: 0; padding: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; color: #454545; }
.border { border: 1px solid #dadada; }
dl { margin: .5em 0;	width: 95%; border-bottom: 1px dotted #dadada;}
dt { width: 140px; padding: 2px 0 2px 5px; vertical-align: top; background-color: transparent; color: #096BA4; font-size: 90%; }
dd { position: relative; margin-left: 150px; padding: 2px 0 2px 0; border: 0px dotted #999; margin-top: -22px;	height: auto;/* text-align: top; */ }

/*---------------------------------Main---------------------------------------*/
#wrapper {
	color: #212121;
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#container { margin: .6em 0 .5em 0; }
/*---------------------------------Header---------------------------------------*/
#header {
	color: white;
	height: 110px;
	background: url(../images/header-bg.jpg) white no-repeat top right;
}
#header-pad {
	padding-top: 30px;
}
#header-pad label {
	display: block;
}
#header-left {
	position: relative;
	float: left;
	width: 300px;
}
#header-center {	
	position: relative;
	float: right;
	width: 175px;
}
#header-right {
	position: relative;
	float: right;
	width: 195px;
}

#header input, #header select { color: white; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding: 2px; }
#header input { margin-bottom: 2px; border: 1px solid white; background: #1C7792; }
#header .header-button { background: url(../images/ok-button.gif); width: 21px; height: 20px; border: none;}

/***************************** Navigation ***************************************/
#date { float: left; width: 200px; padding: 0px 0 0 4px; font-weight: bold; color: white;}

#main-nav {
	
	height: 28px; 
	max-height: 28px;	
	width: auto;
	margin: .5em 0 0 0;
	padding: 0 .5em;
	background: url(../images/navbar-bg.gif) white no-repeat;
}
#navbar {
	color: white;
	float: right;
	padding: 0;
	margin: 4px 0 0 0;
}
#navbar li {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	display: block; 
	height: 28px; 
	/*-- padding-top: 4px; -- pushes everything down-*/
}
#navbar li a {
	float: left; color: white; font-weight: bold; text-decoration: none; padding: 0 1em; /* padding-top: 4px; */ display: block; height: 28px; 
}
#navbar li a:hover {
	background:  url(../images/navbar-bg-hover.gif) no-repeat; 
	text-decoration: underline;	
	margin: -4px 0;
	padding-top: 4px;
	
}
#navbar .on {
	display: block;
	background:  url(../images/navbar-bg-hover.gif) no-repeat; 
	margin: -4px 0;
	padding: 4px 1em 0 1em;
	font-weight: bold;
}
/*-------------*/


/*---------------------------------container---------------------------------------*/

/*More buttons*/
/*
#container a { color: #75B800; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:95%; font-weight: bold; text-decoration: none; display: block; 
background: url(../images/more-bullet.gif) no-repeat; background-position: 0 3px; padding-left: 15px}

#container a:hover { text-decoration: underline; }
*/

.box-info-list a, .box-info-list2  a { color: #75B800; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:95%; font-weight: bold; text-decoration: none; display: block; background: url(../images/more-bullet.gif) no-repeat; background-position: 0 3px; padding-left: 15px}

.box-info-list a:hover, .box-info-list2 a:hover { text-decoration: underline; }

/*------------*/
#content-left {
	position: relative;
	float: left;
	width: 330px;
	margin-right: 15px;
	
}
#content-center {
	position: relative;
	float: left;
	width: 330px;
}
#content-right {
	position: relative;
	float: right;
	width: 270px;
}
.content-box-right{ background: url(../images/content-box-top-right.gif) no-repeat top center; padding: 1px 6px; margin-bottom: 10px;}

.content-box-right img { border: 1px solid #dadada; }
.content-box{ background: url(../images/content-box-top.gif) no-repeat top left; padding: 1px 6px; margin-bottom: 8px;}

#sub-content-left {
	position: relative;
	float: left;
	width: 225px;
	margin-right: 15px;
	padding-top: 1em;
	min-height: 400px;
	background: #fff url(../images/sub-leftbar-bg.gif) no-repeat top left;
}
#sub-content-left ul { margin: .5em 1em; }

#sub-content-left li { margin: 1em .5em; list-style: none; }

#sub-content-left li a { border-bottom: 0px solid #dadada; width: 95%; color: #75B800; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:100%; font-weight: bold; text-decoration: none; display: block; background: url(../images/sub-leftbar-bullet.gif) no-repeat; background-position: 0 3px; padding-left: 18px; }

#sub-content-left .sub-on { font-weight: bold; background: url(../images/sub-leftbar-bullet.gif) no-repeat; background-position: 0 3px; padding-left: 18px; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:100%; font-weight: bold; text-decoration: none; }

#sub-content-center {
	position: relative;
	float: left;
	text-align: left;
	width: 680px;
	font-size: 90%;
	padding: 1em 20px; 
	border-left: 0px solid #DADADA;
	background: #fff url(../images/center-top-wsidebar.gif) no-repeat top left;
}
#sub-content-center img { border: 0px solid #dadada; }
#sub-content-center ul { margin: .5em .5em; }

#sub-content-center li { margin: .5em 0; padding-left: 2em; list-style: none; background: url(../images/sub-content-bullet.gif) no-repeat 0px -2px; }

/*SMOKEFREE banner*/

#banner { 
	background: transparent url(../images/sm_bg.gif) no-repeat top left; 
	padding: 5px; 
	height: 116px; 
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	font-size: 11px; 
	border: 0px solid #ccc;
}

#banner h1 { background: none; padding-left: 5px; min-height: 15px;} 
#banner p { padding-left: 5px;}
/*----------------*/

#youtube {background: url(../images/content-box-top-right.gif) no-repeat top center; padding: 1px 6px; margin-bottom: 10px;}
#youtube h5 { margin: 0; padding: 10px 0 0 0; font-size: 95%; color: #096BA4; }
#youtube .vid { margin: 10px 0;}

/*----------------------------------footer---------------------------------------*/
#footer {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif; 
	font-size: 10px;	
	border-top: 1px solid #DADADA;
	clear: both;
	padding: .5em 1em;
	background: url(../images/footer-bg.gif) white no-repeat; 
}
#footer p {
	margin: 0;
	padding: 0;
}
#footer-nav {
	position: relative;
	float: right;
	text-align: right;
	width: 350px;
}
#footer-nav a {
	font-weight: bold;
	color: #9AD636;
}
#footer-nav ul {
}
#footer-nav li {
	display: inline;
}
#footer-copy {
	position: relative;
	text-align: left;
	float: left;
	width: 250px;
	font-weight: bold;
}

/*------------------------------ admin ---------------------------------------*/

#admin {
	background-color: #dadada;
	margin: auto;
	margin-bottom: 5px;
	width: 955px; 
	min-height: 36px;
	padding: 10px;
	border: 1px solid #8c8c8c;
	font-size: 95%;
}

#admin p {
	position: relative;
	margin: 0px;
	padding: 0px;
}

#admin h1 {
	display: none;
}

.but {
	color: #00189b;
	clear: both;
	font-size: 85%;
	font-weight: normal;
	background-color: #fff;
	padding: 1px 3px;
	border: 1px solid #5385b6;
	text-decoration:none;
}

.but:hover {
	text-decoration:none;
	background-color: #e5f2fb;
	color: #00189b;
	border: 1px solid #5385b6;
}

/*************************** DRAWER styles ****************************/
.drawer {
	
	display: block;
	background: #fff url(../images/drawer_bg.gif) no-repeat top left;
	margin-bottom: .5em;
	margin-top: .5em;
	padding: .5em .7em .5em .7em;
	height: auto;
	min-height: 18px;
	
}
.drawer a:hover {
	color: #212121;
	cursor: pointer;
}

.expandable {
	clear: left;
	display: block;
	border-top: 1px dotted #dadada;
	border-bottom: 1px dotted #dadada;
	background-color: transparent;
	margin-top: 2em;
	margin-bottom: 1em;
	padding: .5em 1.3em;

}
.expandable a { position: relative; background-image: none; border: 0px solid red; }

.expandable ul {
	margin: 1em 1em;
	
}
.r { float: right; }
.l { float: left; }
.hidden { position: absolute; left: -2000px; width: 1000px; }

.box { padding: 2px 5px; text-align: center; vertical-align: top; }

/******************** Home Marquee ************************************/
#marqueecontainer{
position: relative;
width: 318px; /*marquee width */
height: 200px; /*marquee height */
background-color: transparent;
overflow: hidden;
border: 0px solid orange;
padding: 2px;
padding-left: 4px;
}

/************************** Style spec's for tooltip *********************************/
#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#f6f6f6; border: 1px solid #dadada; 
  width:260px; padding:0px; margin: 0;
  color:#096BA4; font-size:90%; line-height: 1.3em;
}

#tipDiv h4 {  
  background-color: #096BA4; 
  color:#fff; font-size:100%;
  margin-top: 0; padding: .7em;
}
/*
div#tipDiv a:link { color:#33b }
div#tipDiv a:visited { color:#339 }
*/

/************************************************************************************/
/* CONFERENCE 2009 registration form - styles
/************************************************************************************/
#conf1 {	
	background: #fff url(../images/conf_img_1.jpg) no-repeat top left;
	padding: 30px 30px 30px ;
	height: 475px;
}
#conf2 {
	background: #fff url(../images/conf_img_2.jpg) no-repeat top left;
	padding: 30px 30px;
	height: 475px;
}
#conf3 {
	background: #fff url(../images/conf_img_3.jpg) no-repeat top left;
	padding: 30px 50px 20px 350px;
	height: 485px;
}
#conf4 {
	background: #fff url(../images/conf_img_4.jpg) no-repeat top left;
	padding: 20px 30px;
	height: 695px;
}
#conf1, #conf2, #conf3, #conf4 {
	/*font: font-style (italic/normal) font-variant (small-caps) font-weight font-size/line-height font-family; */
	font-family: Trebuchet MS, sans-serif;
	color: #333; 
	font-size: 100%;
}
#conf1 h3, #conf2 h3, #conf3 h3, #conf4 h3 {
	font-size: larger;
	color: white;
}
#conf1 a, #conf2 a, #conf3 a, #conf4 a {
	color: black;
	text-decoration: underline;	
}
#conf1 a:hover, #conf2 a:hover, #conf3 a:hover, #conf4 a:hover {
	text-decoration: none;	
}
#conf2 .butimg, #conf4 .butimg { border: none; }
#conf2 input[type=radio] { border: none; }

h1.conf {		
	font-size: 300%;
	color: #333;
	margin-bottom: 0.25em;
}
.white-text {
	font-size: 150%;
	color: #fff;
	font-weight: bold;
}
.form-text {
	font-size: 120%;
	color: #fff;
	font-weight: bold;
}
.bottom {
	position: absolute;
	margin-top: 330px;
	vertical-align: top;
}
.button {
	clear: left;
	float: left;
	background: transparent url(../images/reg.png) no-repeat top left ;
	margin-left: 380px;
	z-index: 10;
	width: 150px;
	height: 34px;
	
}
a.button a {
	border: 1px solid red;
	
}
.col {
	float: left;
	width: 250px;
}
.col2 {
	margin-left: 250px;

	position: relative;
}
.col11 {
	float: left;
	width: 280px;
	border-right: 1px solid #666;
}
.col22 {
	margin-left: 280px;
	padding-left: 20px;
	position: relative;
	padding-top: 2px;
}
#conf4 textarea { padding: 2px;  }

label { font-size: 120%; }

.alert { color: black; font-size: larger; text-decoration: underline; }

.mand { color: red; }