/* Overall Layout Formatting
----------------------------------------------- */
BODY { margin: 20px 0; padding: 0; text-align: center; background: #d7d7d7; font-size: 100%; font-family: "Lucida Grande", Verdana, Geneva, Arial, sans-serif; color: #444; }
#SiteWrapper { margin: 0 auto; padding: 0; background: #FFF; position: relative; text-align: left; width: 880px; }


/* Utility
----------------------------------------------- */
TR { vertical-align: top; }
.Left { float: left; }
.Right { float: right; }


/* Overall Typography
----------------------------------------------- */
H1, H2, H3,H4, H5, H6 { margin: 0; padding: 0; font-weight: normal; line-height: 1.25em; color: #444; }
H1 { font-size: 160%; }
H2 { font-size: 100%; font-weight: bold; text-transform: uppercase; }
H3 { font-size: 80%; font-weight: bold; }
H4 { font-size: 100%; font-weight: bold; }
H5 { font-size: 80%; font-weight: bold; }

P { line-height: 1.5em; font-size: 75%; }
SPAN { line-height: 1.5em; font-size: 75%; }


/* Overall Link Treatment
----------------------------------------------- */
A 			{ color: #ed8136; text-decoration: none; }
A:LINK 		{ color: #ed8136; }
A:VISITED 	{ color: #ed8136; }
A:ACTIVE 	{ color: #ed8136; }
A:HOVER 	{ color: #C63; }

/* Overall List Treatment
----------------------------------------------- */
UL { list-style: square; }
OL {  }
LI {  }
DL {  }
DT {  }
DD {  }



/* Header, Logo and Navigation Treatment
----------------------------------------------- */
#Header { margin: 0; padding: 0; background: #4b5339 url(/images/hdr.jpg) top left no-repeat; float: left; width: 880px; height: 70px; }
#Header #Logo { float: left; margin-top: 10px; }
UL#Navigation { margin: 1em; float: right; list-style: none; }
UL#Navigation LI { float: left; margin: 10px; font-size: 80%; text-transform: uppercase; }
UL#Navigation LI.Selected A { color: #FFF; }

/* Column Treatment
----------------------------------------------- */
#Home #Column1 { margin: 0; padding: 20px; width: 505px; float: left; }
#Home #Column2 { margin: 0; padding: 20px; width: 290px; float: right; background: #FFF url(/images/right-bg.gif) top left no-repeat; }

#AboutUs #Column1, #JobPostings #Column1 { margin: 0; padding: 10px 20px; width: 505px; float: left; }
#AboutUs #Column2, #JobPostings #Column2 { margin: 0; padding: 10px; width: 219px; float: right; background: #FFF url(/images/right-inside_bg.gif) top left no-repeat; }
#AboutUs #Column3, #JobPostings #Column3 { margin: 0; padding: 10px; width: 219px; float: right; background: #FFF url(/images/right-bg.gif) top left no-repeat; }

#Column2 A { font-weight: bold; }
#Column3 A { font-weight: bold; }
#Column3 h4 { color: #ed8136; }


/* Footer Treatment
----------------------------------------------- */
#Footer { margin: 0; padding: 10px; height: 60px; font-size: 70%; clear: both; background: #343532 url(/images/ftr.gif) bottom left no-repeat; color: #AAA; }
#Footer .Left { width: 400px; }
#Footer .Right { width: 400px; text-align: right; }

/* Intro Treatment
----------------------------------------------- */
#Home #Intro { border-bottom: 0px solid #9fa09d; }

#AboutUs #Intro, #JobPostings #Intro { padding: 15px 20px; float: left; width: 840px; background: #a0cc3a url(/images/right-top.jpg) right top no-repeat; margin-right: -3px; }

#AboutUs #Intro H1, #JobPostings #Intro H1 { font-size: 190%; font-weight: normal; color: #FFF;  }

#Belly LI { font-size: 70%; }

/* LookingFor Treatment
----------------------------------------------- */
#LookingFor { padding: 5px 0 0 25px; width: 210px; float: left; background: url(/images/left-promo_bg.gif) left top no-repeat; }
#LookingFor P { font-size: 75%; }

/* NowOpen Treatment
----------------------------------------------- */
#NowOpen { margin-left: 20px; padding: 5px 0 0 25px; width: 210px; float: left; background: url(/images/left-promo_bg.gif) left top no-repeat; }
#NowOpen UL { margin: 0 0 0 .25em; padding: 0 0 0 .75em; }
#NowOpen LI { font-size: 75%; }
#NowOpen P { font-size: 75%; }

/* HPSubheader Treatment
----------------------------------------------- */
#HPSubheader { margin-left: 20px; padding: 5px 0 0 25px; width: 400px; float: left; background: url(/images/left-promo_bg.gif) left top no-repeat; }
#HPSubheader UL { margin: 0 0 0 .25em; padding: 0 0 0 .75em; }
#HPSubheader LI { font-size: 75%; }
#HPSubheader P { font-size: 75%; }
#HPSubheader SPAN { font-size: 75%; }

/* AboutUs Treatment
----------------------------------------------- */
#AboutUs #Column1 P, #AboutUs #Column1 LI, #AboutUs #Column2 P, #AboutUs #Column2 LI { font-size: 75%; }
#AboutUs TABLE UL { margin: 0 1.5em; padding: 0; }

/* JobPostings Treatment
----------------------------------------------- */
#JobPostings DL { margin: .5em .25em 1em 1em; padding: 0; }
#JobPostings DT { margin-top: .25em; text-transform: uppercase; font-size: 80%; font-weight: bold; }
#JobPostings DD { margin: 0 0 .5em 0; padding: 0 0 .5em 0; font-size: 70%; border-bottom: 1px solid #959595; }

#JobPostings #Column2 UL { margin: 0 0 0 1em; padding: 0; }
#jobPostings MsoNormal { line-height: 1.5em; font-size: 100%; font-family: Arial, sans-serif }

#jobPostings tr.greyrow  {
	background-color: #CCC;
	}
	
#eventPostings tr.greyrow  {
	background-color: #CCC;
	}
	
#eventDetailsPostings tr.greyrow  {
	background-color: #CCC;
	}
	
	
/* GreyBox 
--------------------------------------------------- */
.greyHighlightsBox {
	width: 220px;
	background: #666;
	color: #FFF;
	}

.greyQuotesBox {
	width: 220px;
	background: #666;
	color: #FFF;
	float: right;
	}

#greyHighlights p {
	margin-top: 0px;
	color: #FFF;
	padding: 0px 5px;
	margin-bottom: 1em;
	text-align: left;
	font-size:  11px;
	line-height: 1.5;
	}

#greyHighlights h2 {
	margin-top: 0px;
	color: #FFF;
	padding: 0px 5px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.25em;
	}

#greyHighlights h3 {
	text-align: right;
	margin-top: 0px;
	color: #FFF;
	padding: 0px 5px;
	}