html, body {margin: 0; padding: 0; background-color: #FFF;height:100%;}

body, p, td, th {
	font-family: Verdana;
	font-size: 10pt;
}
img {border:0;}
form {margin:0;}

a {color: #6088D3;}
h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 14px; font-style: italic;}

#main { width:772px; padding: 0;}

#header { float: right; clear: both;}
#header img {display: block;}
#logo {float:left; padding-left: 6px; padding-bottom: 11px; width:100%;}
#grayLine {height: 1px; background-color: #ccc; padding:0;border:0;margin:0;}
#search {float:right;margin-top:8px;margin-right:9px;_margin-top: -20px;}

/* bitch hacking IE 7 */
* + html div#search {margin-top: -20px;}

#navigation { float: left; width: 100%; clear: both; background-color: #666; border-bottom: 1px solid #fff;}

#loginbar { 
	height: 22px;
	clear: both; 
	background-image: url('/images/bl_large_graphic.gif');
	background-repeat: no-repeat;
	color: #FFF;
	padding: 6px 10px 0px 10px;
	}
#loginbar a, #loginbox a {
	color: #FFF;
}
#loginbox {
	clear: both; 
	background-color: #6088d3;
	width: 752px;
	color: #FFF;
	padding: 10px;
}
#container {width: 772px;}
#left {float:left; padding:10px; border-color: #000; background-color: #fff; width:546px;}
#right {float:right; width:206px;}
#right2 {border-left: 10px; padding: 0px 0px 0px 13px; width:206px; w\idth:193px;}
#right3, #right1 {border-left: 10px; padding: 0px 0px 10px 13px; width:206px; w\idth:193px;}
#rightLogin {width:167px; background-color:#005CBB; color:#FFF; padding:13px; font-size:8pt;}
#rightLogin a {color: #fff;}
#rightContent, .rightContent {height:100%; width:167px; background-color:#f3f3f3; color:#000; padding:13px; font-size:8pt;}
#rightAds {width:167px; background-color:#afc3e8; color:#FFF; padding:13px; font-size:8pt; text-align:center;}

#crumb { font-size: 8pt; margin-top: -5px;}
#notice, #message, #warning, #error {
	margin: 0;
	padding: 6px;
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	margin-bottom: 10px;
}

#notice {
	border: 2px solid #3F3;
	background-color: #9F9;
}
fieldset {
    border: 1px solid #6088D3;
    color: #005CBB;
padding:12px;
    }

fieldset.orderDetail {
	padding:12px;
}
    
fieldset th { color: #333; text-align: right; vertical-align: top; font-size: 12px;}
fieldset small {color: #444;}
fieldset input {width: 300px;}
fieldset textarea {width: 475px; height:175px;}
fieldset textarea.override  {width: 375px; height:175px;}
fieldset td, fieldset p { color: #000;}
fieldset h2 { color: #000; }


#left tr {background-color: #F5F5F5;}

/* Style for top-menu */
.topMenu {
	margin-bottom: -1px;
}

/* Style for submenus */
.submenu {
  background-color: #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #AAA;
  padding: 0px;
}

/* Style for top items: normal state */
.topItemNormal, 
.topItemLast {
  background-color:#666;
  color: #FFF;
  text-align:center;
  cursor: pointer;
  width: 128px;
  height: 24px;
  font-size: 8px;

}

.topItemLast {
	width:133px;
}

.topItemCurrent td {font-size: 8pt;}
.topItemCurrent {
  background-color:#afc3e8;
  color: #000;
  text-align:center;
  cursor: pointer;
  width: 128px;
  height: 24px;
  font-size: 8px;
  border-right: 1px solid #afc3e8; 

}

.topItemCurrentOver td {font-size: 8pt;}
.topItemCurrentOver {
  background-color:#afc3e8;
  color: #000;
  text-align:center;
  cursor: pointer;
  width: 128px;
  height: 24px;
  font-size: 8px;
  border-right: 1px solid #fff; 
  text-decoration:underline;

}

#dm0m0tbl {
	border:none;
	background-color: transparent;
	margin-bottom: -1px;
}

.topItemNormal td, .topItemLast td {font-size: 8pt;border-bottom: 1px solid #FFF;border-right: 1px solid #FFF;}
.topItemOver td,
.topItemLastOver td {
  font-size: 8pt;
  text-decoration:underline;
 }

/* Style for top items: mouseover state */
.topItemOver, .topItemLastOver {
  background-color:#666;
  color: #FFF;
  text-align:center;
  cursor: pointer;
  width: 128px;
  height: 24px;
  font-size: 8px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

.topItemLastOver {
	width:133px;
}

/* Style for items: normal state */
.itemNormal {
  cursor: pointer;
  background-color: #FFF;
  padding: 5px 15px 5px 15px;
  width: 200px;
}

/* Style for items: mouseover state */
.itemOver {
  cursor: pointer;
  background-color: #afc3e8;
  padding: 5px 15px 5px 15px;
  width: 200px;
}

/* Style for items text: normal state */
.itemTextNormal {
  font-family: Trebuchet MS, Tahoma;
  font-size: 11px;
  color: #000;
  width: 100%
}

/* Style for items text: mouseover state */
.itemTextOver {
  font-family: Trebuchet MS, Tahoma;
  font-size: 11px;
  color: #000;
  width: 100%
}

#footer {
	width:772px;
	background: url(/images/footer.gif) no-repeat;
	clear: both;
}

#copyright {
    font-size: 7.5pt;
    color: #666;
	padding-top: 11px;
	margin-left: 5px;
}

#footerNav {
	margin-top: -12px;
	font-size:7.5pt;
	padding-right: 50px;
	float:right;
}

#footerNav a {
	color: #666;
	margin-left:18px;
}

#footerPMPlatform {
	margin-top: 6px;
	text-align: center;
	clear:  both;
}

#footerTGFI {
	margin-top: 6px;
	margin-bottom: 12px;
	font-size:10pt;
	text-align:center;
	clear:  both;
	font-family: Georgia, Times;
}

#footerTGFI a {
	color: #bb9854;
	font-weight:bold;
}


/* highlighting textbox items */
.ffActive {
	border: 2px #afc3e8;
	border-style: solid;
	!important;
}
	
.ffError {
	border: 2px #F00;
	border-style: solid;
	!important;
}
	
.none {}

/*.error { color: #D00; background-color: #ffc;}*/
#errorOut, #errorOut2 { background-color: #F66; padding: 4px; color: #000;}
#errorIn, #errorIn2 { background-color: #FDD; padding: 4px}

#messageOut { background-color: #66F; padding: 4px; color: #000;}
#messageIn { background-color: #DDF; padding: 4px}

#warningOut { background-color: #FF6; padding: 4px; color: #000;}
#warningIn { background-color: #FFD; padding: 4px}

#noticeOut { background-color: #6F6; padding: 4px; color: #000;}
#noticeIn { background-color: #DFD; padding: 4px}


#calendarContainer {
	width: 546px;
}
.calendarDayTitle { text-align:right; font-weight:bold; font-size:11px;}
.calendarDayDetail ul {	list-style: none;  margin: 0px; padding: 0px; font-size:8pt;}
.calendarDay { 
	border: 1px solid #CDCDCD; 
	width: 12%;
	height:70px; 
	float:left; 
	background-color:#FFF;
	padding: 4px;
	font-size: 9pt;
	white-space:nowrap;
	overflow: hidden;
	cursor: pointer;
  }

.calendarCurrentDay{
	border: 1px solid #CDCDCD; 
	/*\width:74px; 
	w\idth:67px;*/
	width: 12%;
	height:70px; 
	float:left; 
	background-color:#FFC;
	padding: 4px;
	font-size: 9pt;
	white-space:nowrap;
	overflow: hidden;
	cursor: pointer;
  }

.calendarOffMonth {
	border: 1px solid #CDCDCD; 
	/*\width:74px; 
	w\idth:67px;*/
	width: 12%;
	height:70px; 
	float:left; 
	background-color:#EFEFEF;
	padding: 4px;
	font-size: 9pt;
	white-space:nowrap;
	overflow: hidden;
	cursor: pointer;
}
.calendarWeek {
}
#calendarYear {
	font-size: 14pt;
	text-align: right;
	padding-right:20px;
	width: 96%;
}
#calendarName {
	font-size: 18px;
	float: left;
	font-weight: bold;
	width: 50%;
}
#calendarNav {
	text-align: right;
	padding-bottom:10px;
	width: 46%;
	float: left;
}
#calendarDetail {
	/*border: 1px solid #999;*/
	border: 2px solid #e5e5e5;
	border-right: 2px solid #5e5e5e;
	border-bottom: 2px solid #5e5e5e;
	padding: 4px;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
	width: 300px;
	background-color:#FFF;
}

#calendarDetail ul {
	margin: 0;
	padding:0;
	padding-left: 16px;
}

/******************  LIGHTBOX ***************/

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:500px;
	margin:-250px 0 0 -250px;
	border:2px solid #e5e5e5;
	border-right: 2px solid #5e5e5e;
	border-bottom: 2px solid #5e5e5e;
	background:#FFF;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:# ;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	cursor: pointer;
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lbContent2{
	\height: 400px;
	h\eigh: 455px;
	/*\width:74px; 
	w\idth:67px;*/
	padding: 10px 10px 10px 15px;
	font-size: 14pt;
	border: 1px;
}

#lbContent3{
	width:460px;
	height:330px;
	padding: 5px 5px 5px 5px;
	overflow: auto;
	font-size: 14pt;
	border: 1px;
}


.lbNav{
	/*margin: 6px 5px 10px 5px;*/
	padding: 6px 5px 4px 5px;
	text-align: right;
	font-size: 12px;
	color: #000;
	background-image: url('../images/CalendarBack.gif');
}
#lbContent2 li, #lbContent2 ul {
	/*
	margin: 0px 0px 6px 0px;
	font-size: 14pt;
	*/
	font-size: 10pt;
}
.lbFooter{
	margin: 0px 5px 5px 5px;
	text-align: right;
}

#multiEventList {
	display: block;
	width:470px;
	font-size: 14px;
	max-height:69px;
	overflow:auto;
}
/*
#lightbox.done img{
	width:100%;
	height:100%;
}
lbNav a, a:visited{
	color: #666;
}
*/

/* Style for spaces */

/* Tabs
   ======================== */

.tabs {
list-style: none;
text-align: center;
float: left;
padding: 0;
margin-top: 0;
margin-left: 0;
clear: left;
}

.tabs li {
float: left;
padding: 0;
margin: 0 3px 3px 0;
width: 90px;
background: #ddd;
}

.tabs li.current {
background: #06c;
}

.tabs li.current a,
.tabs li.current a:hover {
color: #fff;
background: none;
text-decoration: none;
}

.tabs li a {
display: block;
padding: 4px 5px;
font: normal 11px verdana;
}

/* paged results table
   =================== */
table.page {
	width: 100%;
	border-spacing: 0;
	border-style:  none none solid none;
	border-collapse: collapse;
	border-width:  0px 0px 0px 0px;
	border-color: #F4F4F4;
	margin-bottom:  2px;
}
table.page tr { }
/*table.page td { background-color: #FFF;}*/

fieldset td, th { background-color: #FFF;}

table.page tr:hover {
	background-color: #FFD;
}
table.page tr.footer:hover {
	background-color: #FFF;
}

table.page th {
	border-width:  0;
	padding: 4px;
	border-style:  none;
	background-color:  #F4F4F4;
	font-weight:  bold;
	text-align: left;
}
table.page td {
	border-width:  0;
	padding: 4px;
	border-style:  none;
	text-align: left;
/*	background-color: #FFF;*/
	border-bottom: 1px solid #D3D3D3;
}
table.page tr.footer td {
	border: 0;
}
table.page div.posts {
	font-size: 10px;
	color: #666;
}



/* paged cart table
   =================== */
table.cart {
	width: 100%;
	border-spacing: 0;
	border-style:  none none solid none;
	border-collapse: collapse;
	border-width:  0px 0px 0px 0px;
	border-color: #F4F4F4;
	margin-bottom:  2px;
}
#left table.cart tr {
	background-color: #FFF;
}
#left table.cart tr:hover, table.cart tr:hover {
	background-color: #FFD;
}
table.cart tr.footer:hover {
	background-color: #FFF;
}

table.cart th {
	border-width:  0;
	padding: 4px;
	border-style:  none;
	background-color:  #F4F4F4;
	font-weight:  bold;
	text-align: left;
}
table.cart td {
	border-width:  0;
	padding: 4px;
	border-style:  none;
	text-align: left;
	border-bottom: 1px solid #D3D3D3;
}
table.cart tr.footer td {
	border: 0;
}


#errorExplanation {
background: #fcc;
margin-bottom: 10px;
margin-top: 5px;
}

#errorExplanation h2 {
padding: 0 5px 3px 5px;
color: #000;
background: #f66;
}

#errorExplanation ul {
margin-top: 5px;
padding-bottom: 10px;
padding-left: 30px;
margin-left: 0;
}

#errorExplanation p {
font-size: 12px;
padding: 2px 5px;
}

#errorExplanation ul li {
font-size: 11px;
}

div.fieldWithErrors {
	display: inline;
}
.fieldWithErrors input {
border: solid 2px #f00;
}

.tableSubtitle
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: #2e55a0;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #dbe4f5;
    TEXT-DECORATION: none
}
.secNavTitleBold
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    COLOR: #162a4f;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #afc3e8
}


/*
	The classes below this point are available to Tiny MCE
	If you change one here, you MUST change it in site_mce.css.
*/

.tableHeader td {background-color: #AFC3E8; color: #162A4F; font-weight: bold; text-align: center; line-height: 20px;}
.tableSubHeader td {background-color: #DBE4F5;	color: #2E55A0;	font-weight: bold; border: 5px; line-height: 20px;}
.tableRowWhite td {background-color: #FFF;}
.tableCellWhite {background-color: #FFF;}

/*** HOME PAGE EVENTS ***/

.chapter {background-color: #6088D3; color: #FFF; font-weight: bold; padding: 2px 4px 2px 4px; font-size: 10px; margin-bottom: 10px;}
.advertised {background-color: #999; color: #FFF; font-weight: bold; padding: 2px 4px 2px 4px; font-size: 10px; margin-bottom: 10px;}
.other {background-color: #6962A5; color: #FFF; font-weight: bold; padding: 2px 4px 2px 4px; font-size: 10px; margin-bottom: 1px;}

ul.homepageAnnouncements li {
	margin-top:12px;
}

ul.homepageAnnouncements li li {
	margin-top:0px;
}


ul.homepageAnnouncements li p {
	margin:0;
}

/*============================================================================================
 * =Lightbox styles
 *==========================================================================================*/

#lightbox_wrapper {
	position: absolute;
	top: 25%;
	left: 33%;
	width: 30%;
	max-height: 70%;
	_height: expression( document.body.clientHeight > 400 ? "71%" : "auto" ); /* sets max-width for IE */
	padding: 16px;
	border: 8px solid #ccc;
	background-color: white;
 	z-index:1002;
 	overflow: auto;
	font-family: helvetica, sans-serif;
}
