@charset "UTF-8";

/* -------------------------------------------------------------- 
  
   Import some building block styles based upon (but modified)
    
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   
-------------------------------------------------------------- */
   
@import 'reset.css';



/* 
/////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////
/////////////////////   Typography   ////////////////////////
/////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////
*/


/* short hand css: font: bold italic small-caps 1em/1.5em verdana,sans-serif */
body {
	background-image: url(/common/bg.jpg);
	background-color: #191919;
	color: #EEE;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	font-size: 76%;
	line-height: 1.6em;
	background-repeat: no-repeat;
}

a:link, a:visited, a:hover, a:active { color: #222; text-decoration: none; }



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
 	color: #fff; 
	font-weight: normal;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
 }

h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }




/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em 0; }
strong      { font-weight: bold; }
em      	{ font-style: italic; }






/* general content wrapper :: three "row style" layout - top, middle, bottom
---------------------------------------------------------------- */
#content { width: 720px; margin: 0 auto; }


/* top area
---------------------------------------------------------------- */
#topContent { width: 720px; height: 327px; }

#topImages { width: 708px; height: 167px; margin: 24px 0 0 0; padding: 0 6px; background-color: #4d4d4d; }

#topContentHomePageOnly { width: 720px; height: 358px; }

#topRow {
	height: 143px;
	background-image: url(/common/top_decorative.jpg);
	}

#topRightLinks { position: absolute; z-index: 1; padding-left: 485px; width: 229px; }



#mainNav	{
	position: absolute;
	z-index: 2;
	border-left: 6px solid #4d4d4d;
	border-right: 6px solid #4d4d4d;
	background-image: url(/common/navBg.jpg);
	padding-left: 60px;
	width: 648px;
	height: 24px;
	}
	
#splashImages	{
	margin-top: 24px;
	border-left: 6px solid #4d4d4d;
	border-right: 6px solid #4d4d4d;
	width: 708px;
	height: 167px;
	overflow: hidden;
	}
	
#splashImages img	{
	float: left;
	}
	
	
/* -------------------------------------------------------------- 
SLIDERS   
-------------------------------------------------------------- */
.paneWrapper { background-color: #4d4d4d; padding: 24px 0 0 0; }

#heading {
			float: right;
			color: #fff;
			margin: 30px -26px 0 0;
			padding: 0px;
			text-decoration: none;
			text-transform: uppercase;
			font-family: "Lucida Grande", Arial, Verdana, sans-serif;
			}
		
#heading li {
			padding: 4px 8px;
			margin: 0 0 3px 0;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
			list-style: none;
			background-color: #000000;	
			font-size: 9px;	
			}
	
#heading li.active {
			list-style: none;
			background-color: #333333;
			}

#panes {
			border-style: none;
			margin: 0px auto;
			padding: 0px;
			width: 708px;
		}
		
#panes div div { overflow: hidden; }

	
	


/* middle area
---------------------------------------------------------------- */
#middleContent {
	width: 720px;
	background-color: #4d4d4d;

	background-image: url(/common/fadeline.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}

.middleInside { padding: 10px 20px 20px 20px; }
.middleInside2 { padding: 10px 20px 20px 20px; }



/* single column */
#singleColumn { margin: 0px 20px 20px 20px; }
#singleColumn2 { }
#homePageColumn { margin: 0px 20px 20px 20px; }


/* double column */
#twoColumn { margin: 0px 20px 20px 20px;  }
#twoColumn .Left { width: 440px; }
#twoColumn .Right { width: 180px; float: right;  }


#twoColumn2 { margin: 0px 20px 20px 0;  }
#twoColumn2 .Left {  width: 180px; float: left; margin: 0; }
#twoColumn2 .Right { width: 440px; margin: 0 0 0 220px; }
#twoColumn2 .Right ul { padding: 0 18px 18px 36px; }
#twoColumn2 .Right2 { width: 440px; margin: 0 0 0 220px; }




#eventImages { margin: 24px 0 0 -36px; }
#eventImages img { margin: 0 12px 0 0; border: solid 1px #fff; }


.menus h1,h2,h3,h4,h5,h6 { color: #222; }
.menus h1 { }
.menus h2 { }
.menus h3 { margin: 0 0 4px 0; }
.menus h4 { }
.menus h5 { }
.menus h6 { }

.menus .textonly { color: #FC0; }

.menus td { vertical-align: top; }




#contentRightNav	{
	width: 180px;
	margin: 40px 0 0 0 ;
	}
	
#contentRightNav ul	{
	list-style-type: none;
	font-size: 11px;
	font-weight: bold;
	}

#contentRightNav li {	}

#contentRightNav li a {
	display: block;
	background-image: url(/common/rightNav_li_OFF.jpg); background-repeat: no-repeat;
	padding: 3px 0px 8px 25px;

	color: #ccc;
	text-decoration: none;
	}

#contentRightNav li a:hover {
	background-image: url(/common/rightNav_li_ON.jpg);
	color: #ffffff;
	}

.directions { }

.directions h2 { color: #222; font-size: 16px;  font-weight: bold; margin: 18px 0 3px 0 ; }


#testimonials blockquote {
	background-position: 0 0px;
	background-repeat: no-repeat;
	background-image: url(/testimonials/open-quote.png);
	margin: 0;
	padding: 0 0 0 36px;
 	}
#testimonials p { 
	display: inline;
	margin: 0;
	padding: 10px 34px 0 0;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-image: url(/testimonials/close-quote.png);
	color: #999;
	}
#testimonials .attribute {
	padding: 0 0 12px 280px;
	margin: 0 0 24px 0;
	color: #999;
	border-bottom: dotted 2px #444;
	}
#testimonials .attribute img {
	padding: 0;
	margin: 0 0 -4px 0;
}





.partners_bkgd {
	background-image: url(/servicepartners/partners.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 360px;
}

.partners_bkgd_pad {
	width: 288px ;
	padding: 148px 48px 12px 48px;
}

.partners_bkgd_pad h3 a:link, .partners_bkgd_pad h3 a:visited {
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
}
.partners_bkgd_pad h3 a:hover, .partners_bkgd_pad h3 a:active {
	color: #222;
	font-weight: normal;
	font-size: 18px;
}

.partners_list {
	border-bottom: dotted 1px #222;
	margin: 0 0 6px 0;
	padding: 6px 0 0 0;
	}

.partners_list h3 a:link, .partners_list h3 a:visited {
	color: #FFF;
	font-weight: normal;
	font-size: 18px;
}
.partners_list h3 a:hover, .partners_list h3 a:active {
	color: #CCC;
	font-weight: normal;
	font-size: 18px;
}


#detailDiv { padding: 24px 18px 18px 18px; }
#detailDiv h2 { color: #ccc; margin: 0 0 12px 0; }
#detailDiv a:link, #detailDiv a:visited { color: #fff; }
#detailDiv a:hover, #detailDiv a:active { color:#F7D025; }
.detail_text {
	margin: 6px -2px;
	padding: 4px;
	overflow: auto;
	width: 470px;
	height: 100px;
	border-top: solid 1px #000;
}



/* bottom area
---------------------------------------------------------------- */
#bottomContnet {
	background-image: url(/common/bottom_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 48px;
    }


#bottom {
	text-align: left;
	margin: 0 auto;
	color: #999;
	}
	
#bottom a {
	color: #999;
	text-decoration: none;
	}

#footer
{
clear: both;
margin: 0;
}










/*
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

 						           ONLY JLDCREATIVE SITE STANDARD CSS BELOW THIS 
 
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/







/*
////////////////////////////////////////////////////////
//////////////////  form formatting  ///////////////////
////////////////////////////////////////////////////////
*/
#myForm {
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

#myForm td{
	margin: 0;
	padding: 2px 0px 0px 0px;
	vertical-align: top;
	}

#myForm label {
	color: #999;
	font-size: 9px;
	font-weight: bold;
	display: block;
	text-align: left;
	text-transform: uppercase;
	}

#myForm label img {
	vertical-align: text-bottom;
	margin-right: 6px;
	margin-left: 6px;
	}

#myForm .line {
	background-color: #008266;
	height: 2px;
	margin: 0;
	padding: 0;
	font-size: 2px;
	line-height: 2px;
}


/* text fields */
#myForm input.text {
	background-color: #bebebe;
	font-size: 95%;
	padding: .15em;
	margin: 0 0 .15em 0;
	border: 1px solid #000000;
	}	
#myForm input.text:focus {
	border :1px solid #955151;
	background: #c5b4b4;
	}

/* list menu fields */	
#myForm select.editSelect {
	background-color: #c5b4b4;
	font-size: 95%;
	padding: .25em;
	margin: .25em 0;
	border:1px solid #666;
	}

#myForm select.editSelect:focus { 
	border: 1px solid #666; 
	background: #c5b4b4;
	}
	
/*  button */
.button	{
	padding: 3px 5px 3px 0px;
	}
	
/* Textareas */
#myForm textarea            { margin:0.25em 0; }
#myForm textarea            { border:1px solid #666; background:#bebebe; padding:2px; }
#myForm textarea:focus      { border:1px solid #666; background:#c5b4b4; }






/*
////////////////////////////////////////////////////////
//////////////////  for date picker  ///////////////////
////////////////////////////////////////////////////////
*/

.PBBDatePicker {
	width: 180px;
	background-color: #e6e6e6;
	text-align: center;
}

.PBBDatePicker div {
	margin-top:2px;
}

.PBBDatePicker .todayPicker {
	margin:1px;
	margin-top: 0;
	border: 1px solid #999;
	padding-bottom: 3px;
	color: #000;	
	font-weight: bold;
}

.PBBDatePicker .todayPickerOver {
	border: 1px solid #fff;
}

.PBBDatePicker table {
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

.PBBDatePicker table td, .PBBDatePicker table th {
	width: 14%;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	border: 1px solid #fff;
	cursor: default;
	color: #333;
}

.PBBDatePicker table th {
	color: #000;
	background-color: #c5b4b4;
	font-weight: bold;
	border: 1px solid #999;
}

.PBBDatePicker .datePickerOver {
	cursor: pointer;
	color: #52173d;
	background-color: #c5b4b4;
}

.PBBDatePicker .datePickerMinDate, .PBBDatePicker .datePickerMaxDate {
	background-color: #CCCCCC;
	border: 1px solid #666666;
	color: #fff;
}

.PBBDatePicker .datePickerSelectedDay {
	color: #000;
	background-color: #c5b4b4;
}

.PBBDatePicker select {
	background-color: #c5b4b4;
	width: inherit;
	margin: 0;
	padding: 0;
}

.PBBDatePicker select:focus { 
	background:#ccc; 
	}






/*
////////////////////////////////////////////////////////
///////////////////  page polling  /////////////////////
////////////////////////////////////////////////////////
*/

#pgnav {
}

.pgnav_top {
	padding: 2px 0;
	margin:18px 0 36px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_bottom {
	padding: 2px 0;
	margin: 18px 0;
	background:#474747;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	width: 99%;
}

.pgnav_top td, .pgnav_bottom td {
	white-space: nowrap;
	font-size: 95%;
	color: #222;
	}

.pgnav_top a:link, .pgnav_top a:visited, .pgnav_bottom a:link, .pgnav_bottom a:visited {
	white-space: nowrap;
	letter-spacing: 1px;
	}	
		
.pgnav_top .pgSelect, .pgnav_bottom .pgSelect {
	padding: 0 6px 0 0;
	}
	
.pgnav_top .pgNumber, .pgnav_bottom .pgNumber {
	padding: 0 0 0 24px;
	}

.pgnav_top .pgSearch, .pgnav_bottom .pgSearch {
	padding: 0 ;
	text-align: right;
	}
	
.pgSearch input.text {
	background-color: #999;
	font-size: 90%;
	padding: 1px;
	margin:0;
	border:1px solid #222;
	}
.pgSearch input.text:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}
	
.pgSearch input.button {
	background-color: #999;
	font-size: 80%;
	text-transform: uppercase;
	padding:1px;
	margin: 0 0 1px 0;
	border:1px solid #222;
	}
.pgSearch input.button:focus { 
	border:1px solid #222; 
	background:#c5b4b4;
	}

.pgnav_top select, .pgnav_bottom select {
	font-size: 90%;
	width: inherit;
	padding: 1px;
	margin: 0;
	background-color: #999;
	border:1px solid #222;
}
.pgnav_top select:focus, .pgnav_bottom select:focus {
	border:1px solid #222;
	background: #c5b4b4;
	}
	





/*
////////////////////////////////////////////////////////
///////////////////  my buttons  ///////////////////////
////////////////////////////////////////////////////////
*/

ul.myButton {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.myButton li {
 	text-align: left;
	white-space: nowrap;
	float: right;
	margin: .25em 0 .5em 2em;
}

.createButton {
	width: 100px;
	}
.deleteButton {
	width: 100px;
	}
.submitButton {
	width: 115px;
	}
.testButton {
	width: 175px;
	}
/*
typical IE7 requires a hack, it's always IE, stupid MicroSoft 
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/
*:first-child+html .createButton {
	width: 110px;
	}
*:first-child+html .deleteButton {
	width: 110px;
	}
*:first-child+html .submitButton {
	width: 125px;
	}
*:first-child+html .testButton {
	width: 185px;
	}

ul.myButton li img {
	vertical-align: middle;
	margin: -2px 0 0 0;
}

ul.myButton li a {
	display: block;
	font-size: 90%;
	font-weight: bold;
	color:#FFF;
	text-decoration: none;
	background-color: #222;
	border: solid 1px #000;
	padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
	color:#FFF;
	background-color: #000;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
	color: #FFF;
	background-color: #670001;
}

ul.myButton li.MoveLeft {
 	text-align: left;
	white-space: nowrap;
	float: none;
	margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
	white-space: nowrap;
	margin: -24px 0 0 0;
}






/*
////////////////////////////////////////////////////////
/////////////////// helpful stuff  /////////////////////
////////////////////////////////////////////////////////
*/

.clear-both {
	clear: both;
	display: block;
	height: 0;
	}
.center {
	text-align: center;
	}
.nowrap {
	white-space: nowrap;
	}
.warning {
	color:#900;
	}




/*  standard set widths
----------------------------------------------*/
.width25 {
	width: 25px;
	}
	
.width50 {
	width: 50px;
	}

.width75 {
	width: 75px;
	}
	
.width100 {
	width: 100px;
	}

.width125 {
	width: 125px;
	}
	
.width150 {
	width: 150px;
	}
	
.width175 {
	width: 175px;
	}
	
.width200 {
	width: 200px;
	}
	
.width230 {
	width: 230px;
	}
	
.width235 {
	width: 235px;
	}
	
.width250 {
	width: 250px;
	}

.width300 {
	width: 300px;
	}

.width350 {
	width: 350px;
	}

.width400 {
	width: 400px;
	}
	
.width450 {
	width: 450px;
	}

.width500 {
	width: 500px;
	}
	
	
	
	

/* some styles related only to dev sites, found in _incPostHTML.asp */
#DevPostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}
#OfflinePostHTML {
	width: 720px; /* set to same width as page content */
	margin: 0 auto;
	}
	
	
	
	
/* PNG FIX http://www.twinhelix.com/css/iepngfix/demo/ */
img, div { behavior: url(/_css/iepngfix.htc) }