/* CSS Document */
/* Created by VillageWorks Communications, Inc.  */

/* 
	COLORS USED IN THE SITE 
		light gray - #f3f3f3 (background)
		dark gray - #666666 (text, etc.)
		yellow/green 100% - #CCE69A
		yellow/green 20% - #f5faeb (bg for sub-headers)
		sesma green 100% - #669966
		sesma green 20% - #e0ebe0
		medium green 100% - #80BF80
		olive green 100% - #889967
	
	WIDTHS
		solid horz green lines: 5px;
		solid yellow/green 20% areas: 20px;
		padding increments: 10px;
	
*/

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #F5F5F5;
	background-image:url(img/bg_slice.jpg);
	background-repeat: repeat-y;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

tr, td {
	margin:0px;
}

form {
	margin:0px;
	padding:0px;
}

select { font-size:11px; color:#666666; }
option { font-size:11px; color:#666666; }
submit { font-size:11px; }


/* ======================================================================= */
/* ============================================================= SPAN STYLES */
/* ======================================================================= */

.index_eventTitle {
	font-size:12px;
	font-weight:bold;
	color:#80BF80;
}
.index_date {
	font-size:10px;
	font-style:italic;
	color:#889967;
}
.index_desc {
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
.boldSESMAgreen12 {
	font-size:12px;
	font-weight:bold;
	color:#669966;
}
.boldSESMAgray12 {
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.boldSESMAolive12 {
	font-size:12px;
	font-weight:bold;
	color:#889967;
}
.boldSESMAblack12 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
}
.sort_caption {
	font-size:10px;
	font-style:italic;
	color:#669966;
}
.sort_caption_gray {
	font-size:10px;
	font-style:italic;
	color:#666666;
	font-weight: bold;
}


/* ======================================================================= */
/* ====================================================== GENERIC CLASS STYLES */
/* ======================================================================= */
.navText {
	font-size:11px;
	color:#666666;
}
.subHeader {
	color:#666666;
	font-weight: normal;
	font-size: 11px;
	padding-left: 5px;
}

.alphaMenu {
	padding:6px 0 6px 0;
}

.city {
	font-size:11px;
	color:#889967;
	display:inline;
}
.state {
	font-size:11px;
	color:#889967;
	display:inline;
}
.capacity {
	font-size:10px;
	font-style:italic;
	color:#666666;
	font-variant:normal;
	font-weight:normal;
}

.pageResults {
	margin-top:10px;
	padding:0 0 0 0;
	font-size: 11px;
	color:#666666;
}

/* ============================= BEGIN FORM INPUT STYLES ======= */

.searchOptions {
	font-size:10px;
}

.formTitles {
	text-align:right;
	font-weight:bold;
	color:#669966;
	font-variant:small-caps;
	font-size:11px;
}

/* ============================= END FORM INPUT STYLES ======= */


/* ======================================================================= */
/* ========================================================= GENERIC ID STYLES */
/* ======================================================================= */
/* TAB Styles */
#tab1 {
	float:right;
	background-color:#f5faeb;
	color:#889967;
	margin-top:5px;
	margin-right:130px;
	padding:3px 8px 3px 8px;
	font-size:11px;
	border-left:solid #669966 1px;
	border-right:solid #669966 1px;
	border-bottom:solid #669966 1px;
}

#tab2 {
	float:right;
	background-color:#f5faeb;
	color:#889967;
	margin-top:5px;
	margin-right:5px;
	padding:3px 8px 3px 8px;
	font-size:11px;
	border-left:solid #669966 1px;
	border-right:solid #669966 1px;
	border-bottom:solid #669966 1px;
}

#callOut {
	border:solid #669966 1px;
	background-color:#f5faeb;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}
#callOut ul {
	margin:0px;
	padding:10px 10px 10px 30px;
}

#thanks {
	border:solid #669966 1px;
	background-color:#f5faeb;
	padding:10px;
}

#floatRightBox {
	float:right;
	border:solid #669966 1px;
	background-color:#f5faeb;
	padding:10px;
	margin:0px;
	margin-right:30px;
}

#searchInstructions {
	font-size:10px;
	color:#669966;
	padding: 0 0 6px 0;
}
#eventSiteDataListedRow {
	border-bottom:solid #669966 3px;
}
#eventSiteDataInfoCell {
	padding:6px;
	border-bottom:solid #666666 1px;
	vertical-align:top;
}
#eventSiteDataImageCell {
	padding:6px 0 6px 6px;
	border-bottom:solid #666666 1px;
	width:72px;
}

/* ======================================================================= */
/* ============================================================= TABLE STYLES */
/* ======================================================================= */
#index_4columns {
	margin:0px;
	padding:0px;
	text-align:left;
	border:0px;
}

/* ======================================================================= */
/* =============================================================== TR STYLES */
/* ======================================================================= */



/* ======================================================================= */
/* =============================================================== TD STYLES */
/* ======================================================================= */
#index_col1 { /* Index page : 1st column - Dark Green bg */
	height: 200px;
	text-align:left;
	vertical-align:top;
	width: 235px;
}

#index_col2 { /* Index page : 2nd column - White bg */
	width:265px;
	height:175px;
	text-align:left;
	vertical-align:top;
}

#index_col3 { /* Index page : 3rd column - Lite Green bg */
	width:205px;
	height:175px;
	text-align:left;
	vertical-align:top;
}

#index_col4 { /* Index page : 4th column - bottom of Pillar bg */
	width:120px;
	height:175px;
}

/* This is the green bar above the footer */
#index_greenBar {
	width:910px;
	height:6px;
	background-image:url(img/row5_greenBar.jpg);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	line-height:0px;
}

/* Main container for footer information */
#footer {
	width:910px;
	height:25px;
	padding:0px;
	margin:0px;
	color:#666666;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
	background-image:url(img/bg_slice.jpg);
	background-repeat: repeat-y;
}


/* ======================================================================= */
/* =============================================================== DIV STYLES */
/* ======================================================================= */

/* This ID style is the DIV that sets the width (910px) within the outer, center-aligned DIV */
#mainContainer {
	position:absolute;
	left:0px;
	top:0px;
	width:910px;
}

/* This class is for DIV containing all content below navigation and dark green page title header row */
.pageContents {
	position:absolute;
	left:0px;
	top:146px;
	min-height:440px;
  	height:auto !important;
  	height:440px;
	width:910px;
	background-image:url(img/int_Pg_SubHeader_BG.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
.pageContents_with2Bars {
	position:absolute;
	left:0px;
	top:146px;
	min-height:440px;
  	height:auto !important;
  	height:440px;
	width:910px;
	background-image:url(img/int_Pg_SubHeader_BG_YLW.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

/* Row 1 - images and two banner ads */
#row1_left {
	position:absolute;
	left:0px;
	top:0px;
	width:235px;
	height:70px;
	background-image:url(img/row1_left.jpg);
}

#row1_banner1 {
	position:absolute;
	left:235px;
	top:0px;
	width:253px;
	height:70px;
	background-image:url(img/row1_banner1.jpg);
}

#row1_banner2 {
	position:absolute;
	left:488px;
	top:0px;
	width:257px;
	height:70px;
	background-image:url(img/row1_banner2.jpg);
}

#row1_right {
	position:absolute;
	left:745px;
	top:0px;
	width:165px;
	height:70px;
	background-image:url(img/row1_right.jpg);
}

/*  Row 2 - Logo and navigation*/
#logo {
	position:absolute;
	left:0px;
	top:70px;
	width:200px;
	height:46px;
}

#nav_eventSites {
	position:absolute;
	left:200px;
	top:70px;
	width:90px;
	height:46px;
	background-image:url(img/nav_eventSites.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_eventSites {
		padding:28px 0 0 0;
		text-align: center;
	}
	
#nav_eventSuppliers {
	position:absolute;
	left:290px;
	top:70px;
	width:115px;
	height:46px;
	background-image:url(img/nav_eventSuppliers.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_eventSuppliers {
		padding:28px 0 0 0;
		text-align: center;		
	}

#nav_eventCalendar {
	position:absolute;
	left:405px;
	top:70px;
	width:110px;
	height:46px;
	background-image:url(img/nav_eventCalendar.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_eventCalendar {
		padding:28px 0 0 6px;
		text-align: center;
	}

#nav_jobs {
	position:absolute;
	left:515px;
	top:70px;
	width:60px;
	height:46px;
	background-image:url(img/nav_jobs.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_jobs {
		padding:28px 0 0 0;
		text-align: center;
	}

#nav_aboutSESMA {
	position:absolute;
	left:575px;
	top:70px;
	width:105px;
	height:46px;
	background-image:url(img/nav_aboutSESMA.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_aboutSESMA {
		padding:28px 6px 0 0;
		text-align: center;
	}

#nav_contact {
	position:absolute;
	left:680px;
	top:70px;
	width:65px;
	height:46px;
	background-image:url(img/nav_contact.jpg);
	background-repeat:no-repeat;
	text-align:left;
	vertical-align:top;
}
	#pos_contact {
		padding:28px 8px 0 0;
		text-align: center;
	}

#nav_right { /* The cell to the far right of the navigation row */
	position:absolute;
	left:745px;
	top:70px;
	width:165px;
	height:46px;
	background-image:url(img/nav_right.jpg);
	background-repeat:no-repeat;
}

/* This contains the main image on the home page. It will be a rotating selection of images provided to SESMA from their clients/partners etc.   */
#index_image {
	position:absolute;
	left:0px;
	top:116px;
	width:910px;
	height:310px;
}

/* These 4 contain the table of columns of color below the Main Image on the Index page*/
#row4 {
	position:absolute;
	left:0px;
	top:426px;
	width:910px;
	background-image: url(img/row4_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}


.index_col_padding { /* This class is used to pad the 3 columns of content on the Index page */
	padding:15px;
}

.index_col_padding1 { /* This class is used to pad the 3 columns of content on the Index page */
	padding:15px;
	width: 215px;
}
.index_col_padding2 { /* This class is used to pad the 3 columns of content on the Index page */
	padding:15px 15px 15px 12px;
	width: 255px;
}
.index_col_padding3 { /* This class is used to pad the 3 columns of content on the Index page */
	padding:15px;
	width: 205px;
}


/* This ID DIV style contains the BG for the dark green bar that holds the Internal Page Titles */
#internal_pageHeader {
	position:absolute;
	left:0px;
	top:116px;
	background-image:url(img/internalPageHeaderBG.jpg);
	background-repeat:no-repeat;
	width:910px;
	height:30px;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:top;
}

#internal_pageHeaderPadding {
	padding:10px 5px 0 30px;
	font-size:14px;
	line-height:15px;
	font-weight:bold;
}

.internal_pageContentsPadding {
	padding:30px 150px 30px 45px;
	min-height:420px;
	height:auto !important;
	height:420px;
}
.internal_pageContentsPadding2 { /* THIS STYLE IS USED FOR THE PAGES WITH THE EXTRA YELLOW BAR FOR SEARCH BOXES */
	padding:4px 120px 10px 30px;
	min-height:420px;
	height:auto !important;
	height:420px;
}

.footer_padding {
	padding:0 15px 0 15px;
}


/* ======================================================================= */
/* ============================================================== LINK STYLES */
/* ======================================================================= */

a:link { color:#669966; text-decoration:underline; }
a:visited { color:#80BF80; text-decoration:underline; }
a:hover { color:#889967; text-decoration:none;}

.eventSiteWebSite a:link { color:#669966; text-decoration:underline; }
.eventSiteWebSite a:visited { color:#80BF80; text-decoration:underline; }
.eventSiteWebSite a:hover { color:#889967; text-decoration:none;}

.navText a:link {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.navText a:visited {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.navText a:hover {
	color:#669966;
	font-weight:normal;
	text-decoration:none;
}


.alphaMenu a:link {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.alphaMenu a:visited {
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.alphaMenu a:hover {
	color:#669966;
	font-weight:normal;
	text-decoration:underline;
}

.name a:link {
	font-size:12px;
	color:#669966;
	font-weight:normal;
	text-decoration:underline;
}
.name a:visited {
	font-size:12px;
	color:#669966;
	font-weight:normal;
	text-decoration:underline;
}
.name a:hover {
	font-size:12px;
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
}

.pageResults a:link {
	font-size:10px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.pageResults a:visited {
	font-size:10px;
	color:#666666;
	font-weight:normal;
	text-decoration:none;
}
.pageResults a:hover {
	font-size:10px;
	color:#669966;
	font-weight:normal;
	text-decoration:underline;
}

a.tab:link {
	text-decoration:none;
	color:#889967;
}
a.tab:visited {
	text-decoration:none;
	color:#889967;
}
a.tab:hover {
	text-decoration:underline;
	color:#666666;
}

/* ======================================================================= */
/* ===================================================== MISCELLANEOUS STYLES */
/* ======================================================================= */
h1 {
	/*border-bottom:solid #669966 1px;*/
}

h1#index_dkGrn_header {
	font-size:14px;
	font-weight:bold;
	color:#669966;
	line-height:14px;
	margin:0px;
}

h1#index_ltGry_header {
	font-size:14px;
	font-weight:normal;
	color:#666666;
	line-height:14px;
	margin:0px;
}
h1#index_black_header {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	line-height:14px;
	margin:0px;
}

/* ======================================================================= */
/* ================================================ AUTOMATICALLY CREATED STYLES */
/* ======================================================================= */