body {
background: url("assets/page_background.gif") repeat-x #ededc0 fixed;
font-size: 12px;
padding: 2em 0em;
text-align: center; /*so IE 5.5 plays nicely*/
}

* { behavior: url(iepngfix.htc) }

div#pageShadowTop {
	background: url("assets/pageframe_top.png") no-repeat;
	width: 654px;
	height: 10px;
	margin: 0px auto;
	padding: 0px;
	line-height: 0px;
}

div#pageBody {
	background: url("assets/pageframe_background.png");
	_background: url("assets/pageframe_background_gif.gif");
	margin: auto;
	_margin-top: -4px;
	width: 654px;
	padding: 0px;
}

div#pageShadowBottom {
	background: url("assets/pageframe_bottom.png") no-repeat;
	width: 654px;
	height: 10px;
	margin: auto;
}

div#mastHeadWrapper {
padding: 3px 13px;
margin: 0px;
text-align: left; /* to counter the center fix in the BODY for older IEs */
}

div#mastHead {
	background: url("assets/masthead_background.jpg") no-repeat;
	width: 628px;
	padding: 0px;
	margin: 0px;
	}

.clear {
clear: both;
line-height: 0px;
height: 0px;
font-size: 0em;
padding: 0px;
margin: 0px;
}

  #tabNav {
    xfloat:left;
    width:100%;
    font-size:93%;
    line-height:normal;
    }

div#tabNavWrapper {
background: url("assets/tabs_bottomShadow.png") repeat-x;
}

ul#tabNav  {
	list-style: none;
    margin: 0px;
    padding: 0px;
	font-family: verdana, helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
	    }
	
  #tabNav li {
    float: left;
    margin: 0;
    padding: 0px 0px 0px 11px;
	border: 0px;
    }

  #tabNav li.on {
    background: url("assets/tab_on_left.png") no-repeat left top;
	_background: url("assets/tab_on_left-gif.gif") no-repeat left top;
    }
	
  #tabNav li {
    background: url("assets/tab_left.png") no-repeat left top;
	_background: url("assets/tab_left-gif.gif") no-repeat left top;
    }	
	
	
		#tabNav li a, #tabNav li a:visited {
    display:block;
	  	background: url("assets/tab_right.png") right top no-repeat;
    		background: url("assets/tab_right-gif.gif") right top no-repeat;
			padding:10px 15px 5px 5px;
		_padding:10px 15px 5px 0px;
		color: #563417;
		text-decoration: none;
		border: 0px;
    }
	
	#tabNav li.on a, #tabNav li.on a:visited {
	  	background: url("assets/tab_on_right.png") right top no-repeat;
			background: url("assets/tab_on_right-gif.gif") right top no-repeat;
			color: #000;
		text-decoration: none;
    }
	
		#tabNav li a:hover {
		text-decoration: underline;
    }		
	
/* we need to fload the A tag for IE-Mac, otherwise the tabs will be stacked.
   so, we'll float it for all, then immediately 'unfloat' it for everyone 
   EXCEPT IE-Mac with the backslash hack */	

#tabNav li a
{
float: left
}
/* Hide from IE5-Mac \*/
#tabNav li a
{
float: none
}
/* End hide */
	
			

div#contentColumns {
padding: 0px 40px;
text-align: left; /* to counter the center fix in the BODY for older IEs */
}

div#mainContent {
float: left;
	width: 350px;
	font-family: verdana, helvetica, sans-serif;
	line-height: 1.4em;
	margin: 3em 0em 0em 0em;
}

div#sideBar {
float: right;
width: 150px;
border-left: 1px solid #2b5800;
padding: 1em 0em 0em 2em;
margin: 5em 0em 0em 0em;
font-family: verdana, helvetica, sans-serif;
}

#mainContent h1 {
font-size: 300%;
font-family: "trebuchet MS", verdana, sans-serif;
font-weight: normal;
margin: 0px 0px 1em 0px;
line-height: 100%;
color: #2b5800;
}

#mainContent h2 {
font-size: 200%;
font-family: "trebuchet MS", verdana, sans-serif;
font-weight: normal;
margin: 0px 0px 1em 0px;
line-height: 100%;
color: #a34c1d;
}

#sideBar h3 {
	color: #999;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	}
	
#sideBar p {
	color: #000;
	font-weight: bold;
	margin: 0em 0em 1em 0em;	
	}

#sideBar #bugs {
border-top: 1px solid #2b5800;
padding: 1em 0em 0em 0em;
 }
 
 #sideBar #bugs img {
 border: 0;
 }
	
#sideBar #bugs p {
font-size: 80%;
font-weight: normal;
color: #999;
}

#pageFooter {
border-top: 1px solid #a34c1d;
margin: 1em 0em 0em 0em;
padding: .25em;
font-family: verdana, helvetica, sans-serif;
color: #666;
font-size: 80%;
text-align: center;
}


/* Photo Shadows */



span.photoShadow {
 background: url("assets/photos/photoshadow_lr.gif") bottom right no-repeat;
 padding: 0px;
 border: 0px;
 float: left;
}

span.right {
 float: right;
}

span.photoShadowCorners {
background: url("assets/photos/photoshadow_ul.png") top left no-repeat;
_background: url("assets/photos/photoshadow_ul-gif.gif") top left no-repeat;
padding: 9px;
 border: 0px;
   float: left;
   z-index:101;
}

span.photoBorder {
	border: 1px solid #999;
	padding: 5px;
	  float: left;
	  background: #fff;
	  margin: 0px;
}