body {
	background-color: inherit; /* background color */
	color: inherit; /* text color */

	margin: 0px 0px 0px 0px; /* top right bottom left */
    font: normal 0.7em Tahoma,Verdana,sans-serif;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(../images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
  text-align: center
}
.boxhead {
	background: url(../images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
	line-height: 1em;
	/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
    font-family: Tahoma, Arial, sans-serif, "Trebuchet MS"; 
}
.boxbody {
	background: url(../images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
  text-align: center
}


.box {
  background: #BFBFBF;
}
.boxtop {
  background: url(../images/ne.gif) no-repeat top right;
}
.boxtop div {
  height: 4px;
  background: url(../images/nw.gif) no-repeat top left;
}
.boxbottom {
  background: url(../images/se.gif) no-repeat bottom right;
}
.boxbottom div {
  height: 4px;
  background: url(../images/sw.gif) no-repeat bottom left;
}
.boxcontent {
  padding: 0px 4px 0px 4px;
}


input.button { 
    margin: 0;
    font: bold 1em Arial, Sans-serif;
    border: 1px solid #CCC;
    background: #FFFFFF url(../images/button_bg.gif) repeat-x bottom left;
    padding: 1px; 
    font-weight: bold;
    height: 23px;
    color: #333;
    width: 110px;
}




code {
	background: url(../images/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #D91623;
	color: #555;
	display: block;
	font: normal 1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
blockquote {
	color: #555;
	display: block;
	margin: 6px 0;
	padding-left: 28px;
    background-image: url(../images/quote.gif);
    background-repeat: no-repeat;
    font-family: Tahoma, Arial, sans-serif, "Trebuchet MS";
    font-weight: bold
}

.content .descr {
	color: #7F7F7F;
	margin-bottom: 6px;
}

.content li {
	list-style: url(../images/li.gif);
	margin-left: 0px;
  margin-right: 20px
}

h1 {
	color: #444;
	font: normal 2em sans-serif;
	margin: 18px 0 0 0;
}

/* content */
.content {
	color: #444;
	font-family: Verdana,sans-serif;
	line-height: 1.3em;
	padding: 0 10px 10px;
}

.phpmaker {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

input, textarea, select {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

/* main table */
.ewTable {
	width: inherit; /* table width */
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px outset; /* border */
	border-collapse: collapse;
}

/* main table data cells */
.ewTable td {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #BFBFBF;  /* table background color */
  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

/* main table data cells */
.ewTable sd {
	padding: 4px; /* cell padding */
	border: 1px solid; /* cell spacing */
	border-color: #FFFF66;  /* table background color */
}

/* main table data cells */
.ewdialog {
	padding: 8px; /* cell padding */
    border: 0px;
}


.ewBasicSearch {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
    border-collapse: collapse;
}

.ewBasicSearch1 {
	font-family: Tahoma, Arial, sans-serif; /* font name */
	font-size: x-small; /* font size */
	border: 0px;
    font-weight: bold
}

.ewBasicSearch td {
	border: 0px;
	padding: 1px;
}

.ewSearchOpr {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	color: maroon;
}

.ewListAdd {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	border-collapse: collapse;
}

.ewListAdd td {
	border: 0px;
	padding: 2px;
}

.phpmakerlist td {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px;
	padding: 0px;
	vertical-align: top;
}

.ewAddOption td {
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	padding: 2px; /* cell padding */
	border: 0px;
}

/* main table header cells */
.ewTableHeader {
	background-color: #666666; /* header color */
	color: #FFFFFF; /* header font color */
	vertical-align: top;
}

.ewTableHeader a:link {
	color: #FFFFFF; /* header font color */
}

.ewTableHeader a:visited {
	color: #FFFFFF; /* header font color */
}

/* main table row color */
.ewTableRow {
	background-color: #FFFFFF;  /* alt row color 1 */
}

/* main table alternate row color */
.ewTableAltRow {
	background-color: #F5F5F5; /* alt row color 2 */
}

/* main table edit mode row color */
.ewTableEditRow {
	background-color: #F8F8FF; /* edit mode color */
}

/* main table highlight color */
.ewTableHighlightRow {
	background-color: #FFFACD; /* highlight color */
}

/* main table select color */
.ewTableSelectRow {
	background-color: #ECECEC; /* select color */
}

/* main table footer section */
.ewTableFooter {
	background-color: #F0F8FF;
}

/* classes for report */
.ewReportTable {
    border: 0px;
    border-collapse: collapse;
}

.ewReportTable td {
    padding: 3px;
}

.ewGroupField {
	font-weight: bold;
}

.ewGroupName {
	font-weight: bold;
}

.ewGroupHeader {
	border-bottom: 3px double Gray;
	border-top: 3px double Gray;
}

.ewGroupSummary {
	border-top: 1px solid Gray;
}

.ewGroupAggregate {
	font-weight: bold;
}

.ewGrandSummary {
	border-top: 1px solid Gray;
}

/* message */
.ewmsg {
	color: red; /* message color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
}

/* Ajax */
.ewAstList {
	border: 1px solid black;
	background: #ffffff;
	position: absolute;
	padding: 0;
	white-space: nowrap;
}

.ewAstListBase {
	position: absolute;
}

.ewAstListItem {
	color: black;
	background: #ffffff;
	cursor: pointer;
	white-space: nowrap;
}

.ewAstSelListItem {
	color: white;
	background: Highlight;
	cursor: pointer;
	white-space: nowrap;
}

/* MultiPage pager table */
.ewMultiPagePager {
	color: inherit; /* text color */
	font-family: Verdana; /* font name */
	font-size: xx-small; /* font size */
	border: 0px; /* border */	
}

.ewMultiPagePager td {
	padding: 2px; /* cell padding */	
}

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim {
		display: none;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link,
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim {
		/* REQUIRED */
		display: none;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 100%;
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active {
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous,
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}

	#lightwindow_previous {
		float: left;
		left: 0px;
	}

	#lightwindow_next {
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover,
	#lightwindow_previous:active {
		background: url(../images/prevlabel.gif) left 15% no-repeat;
	}

	#lightwindow_next:hover,
	#lightwindow_next:active {
		background: url(../images/nextlabel.gif) right 15% no-repeat;
	}

	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}

#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50;
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(../images/black-70.png) repeat 0 0 transparent;
	}

	* html a#lightwindow_galleries_tab,
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {
		background: none;
		background-color: #000000;
		opacity: .70;
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}

	#lightwindow_galleries_tab .up	{
		background: url(../images/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(../images/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(../images/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
	}

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a,
	.lightwindow_galleries_list a:link,
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover,
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}

#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}

	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}

	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}

#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}

	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}


#menu {
height: 30px;
line-height: 30px; 
font-weight: bold;    
background: #000000 url(images/menu.jpg) no-repeat;   
}
#menu ul {  
list-style-type: none;
padding-left: 50px;   
}
#menu ul li {    
display: block;
float: left;
}
#menu ul li a {   
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
color: #FFFFFF;
text-decoration: underline;  
}
#menu ul li a:hover {
color: #666666;  
text-decoration: none;
}