
html, body {margin:0}
body { 
	font-family: Tahoma,verdana, sans-serif;  font-size: 80%;
	margin: 0px;
	background: #FFFFFF;
	}

#header {
/*	background: #ffffff; */
	padding: 0px;
	margin: 0px;
	height: 125px;
/*	background: url(/images/banner_l.gif) top left no-repeat #ccc88b; */
	background: #ccc88b;
}

#header-right {
	height: 125px; 
	float: right;
/*	background: url(/images/banner_r.gif) top right no-repeat #ccc88b; */
	background: #ccc88b;
	
}

#topnav {
	width: 100%; 
	background-color: #ffffff; 
	border-bottom: solid 1px #ccc88b; 
	height: 40px;
}

/* #clearheader{height:120px;}/*needed to make room for header*/


#container {
	position:relative;
	height:100%;
	min-height:100%;
	margin: 10px 10px 0px 10px; 
}

html #container {height:100%}
html>body #container{height:auto}
body>#container {height:auto}
#content {margin-left:162px}
#contentpages {margin-left:20px}
/* html #content {height:1%}*//* combat ie 3 pixel jog */


#contentwrap {
	background: url(/images/sidebkgrnd.gif) repeat-y;  
	margin: 0;
	padding: 0;
	vertical-align: top;
}


div#footer {
	position:relative;
	height: 26px;
	border-top: 1px solid #ccc88b;
/*	background-image: url(/images/footerbg.gif); */
	background-color: #ffffff;
	padding: 5px;
	vertical-align: middle;
	clear: both;
}
#clearfooter{clear:both;height:1px;}/*needed to make room for footer*/

#mainnav {
		border-top: 0px solid #000000;
		/*border-bottom: 2px solid #C5DC69;*/
		position:relative;
		padding: 8px 22px;
		z-index:2;
		font-weight:bold
}
#mainnav a:link, a:visited{ 
	color: #999456;
	}
#mainnav a:hover,a:active { 
	color: #009999;
	}
#adminsidebar {
	font-family: "Century Gothic", sans-serif;
	font-size:15px;
	line-height:1.2em;
	float:left;
	padding: 0;
	width: 148px;
	color: #000;
border-right: 1px solid #ccc88b;
/* background-image:url(/images/sidebar2.gif); */

height: 100%;	
}
#sidebar {
	font-family: "Century Gothic", sans-serif;
	font-size:15px;
	line-height:1.2em;
	float: left;
	margin-top: 0px;
	padding: 0px 2px 2px 0;
	width: 150px;
	color: #000;
/* border-right: 1px solid #ccc88b;  */
/*background-image:url(/images/sidebar2.gif); */
/* background: url(/images/sidebg.gif) repeat-y;   */
/* background: url(/images/sidebkgrnd.gif) repeat-y;  
  height: 100%;	 */
}

#rightlinks {
/* 
	float:right;
	padding: 6px;
	width: 140px;
	color: #999456;
border: 0px solid Silver;
/* kground-image:url(images/sideright.jpg); */
color: #ffffff;
height: 100%;	
CCSTheme v 3.x */
}
#hidebordertop {
	position:absolute;
	bottom:-2px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#hideborderbottom {
	position:absolute;
	top:-3px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#inserttop {
	position:relative;
	height:10px;
	background:#fff;
	color:#000;
	border-bottom:2px solid #C8181A;
}
#insertbottom {
	position:relative;
	clear:both;
	height:10px;
	background:#fff;
	color:#000;
	border-top:2px solid #C8181A;
}



/* BEGIN Common */

p { 
	margin-top: 5px; 
	}
a:link { 
/*	color: #999456;  */
	color: #736e2e;
	text-decoration: underline;
	}

a:visited { 
	color: #736e2e;
	text-decoration: underline;

	}

a:hover,a:active { 
	color: #000;
		text-decoration:underline;

	}

ul, ol, blockquote { 
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 20px 
	}
form {
	margin: 0px;
	}

h1	{
	font-family:"Century Gothic";
	font-size: 34px;
	font-weight:normal;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	font-family:"Century Gothic";
	font-size: 30px;
	font-weight:bold;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
		font-family:"Century Gothic";
	font-size: 28px;
	font-weight:normal;
	margin-top: 20px; 
	margin-bottom: 15px; 
	}

h4	{ 
	font-size: 100%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	font-size: 100%; font-style: bold;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	font-size: 90%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Tahoma; font-size: 80%; 
	}

td { 
	font-family: Tahoma; font-size: 80%;
	}

/* END Common */

.Header {
	width: 400px;
	margin:12px 0; 
	}

.Header th { 
	text-align: left;
		font-family: "Century Gothic";
	font-size: 28px;
	padding: 0;
	color: #000;
	width: 100%;
	white-space: nowrap;
	font-weight:normal;
	}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #d6d1de;
	}

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeft img{
	width: 0;
	}

.HeaderRight img{
	width: 0;
	}

/* Grid Options */
.Grid { 
	
	width: 100%;
	}

.Caption th { 
	font-size: 80%; text-align: left;
	padding: 5px;
	border-bottom: solid 0px #33778D;
	background-image: url('Images/CaptionBg.gif'); 
	background-repeat:repeat-y;
	color: #000000;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%; text-align: left; vertical-align: top;
	padding: 5px;
	border-bottom: solid 1px #33778D;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption a:link { 
	color: #000000;
	}

.Caption a:visited { 
	color: #000000;
	}

.Caption a:hover, .Caption a:active { 
	color: #000;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 80%; font-weight: bold; text-align: left; vertical-align: top;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	background-color: #ffffff; color: #000000;
	white-space: nowrap;
	color: #33778D;
	}

.Row td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	background-color: #ffffff; 
	color: #000000;
	}

.Row a:link { 
	color: #736e2e;
	}

.Row a:visited { 
	color: #736e2e;
	}

.Row a:hover, .Row a:active { 
	color: #000;
	}


.TitleRow th { 
	font-size: 80%; font-weight: bold; text-align: left; vertical-align: top;
	padding: 5px;
	spacing: 0px;
	border-top: solid 2px #33778D;
	border-bottom: dashed 1px #33778D;
	background-color: #ffffff; color: #33778D;
	white-space: nowrap;
	color: #33778D;
	}

.TitleRow td { 
	font-size: 100%; font-weight: bold; text-align: left; vertical-align: top;
	padding: 5px;
	spacing: 0px;
	border-top: solid 2px #33778D;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	background-color: #ffffff; 
	color: #000000;
	}

.TitleRow a:link { 
	color: #000000;
	}

.TitleRow a:visited { 
	color: #000000;
	}

.TitleRow a:hover, .TitleRow a:active { 
	color: #000;
	}



.More a:link { 
	color: #736e2e;
 	font-size:80%;
	}

.More a:visited { 
	color: #736e2e;
 	font-size:80%;
	}

.More a:hover, .More a:active { 
	color: #000;
 	font-size:80%;
	}



.Separator{
	color: #33778D;
	}

.Separator td{
	height: 1px;
	spacing: 0px;
	}


.AltRow th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	background-color: #ffffff; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	background-color: #fbfff5; 
	color: #000000;
	}

.AltRow a:link { 
	color: #736e2e;
	}

.AltRow a:visited { 
	color: #736e2e;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #000;
	}

.NoRecords td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #33778D;
	background-color: #ffffff; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #eeedd8;
	background: #f9f8e4; 
	color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link { 
	color: #736e2e;
	}

.Footer a:visited { 
	color: #736e2e;
	}

.Footer a:hover, .Footer a:active { 
	color: #000;
	}

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	
	width: 100%;
	}

.Error td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #eeedd8;
	color: #FF0000;
	vertical-align: top;
	background-color: #ffffff; 
	}

.Controls th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 5px;
	border-bottom: dashed 1px #eeedd8;
	background-color: #ffffff; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #eeedd8;
	vertical-align: top;
	background-color: #ffffff; 
	color: #000000;
	}

.Bottom td { 
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #eeedd8;
/*	background: #f5f5e4; */
	background: #f9f8e8;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link { 
	color: #736e2e;
	}

.Bottom a:visited { 
	color: #736e2e;
	}

.Bottom a:hover, .Caption a:active { 
	color: #000;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #fbfff5; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	font-weight: bold;
	background-color: #ffffff; 
	color: #000000;
	}

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #000;
	}

.GroupFooter td{
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #33778D;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #E0EAE8; 
	color: #000000;
	}

.GroupFooter a:link {
	color: #736e2e;
	}

.GroupFooter a:visited{
	color: #736e2e;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #000;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	font-weight: bold;
	background-color: #fbfff5; 
	color: #000000;
	border-bottom: 2px solid #33778D;
	}

.SubTotal a:link {
	color: #736e2e;
	}

.SubTotal a:visited{
	color: #736e2e;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #000;
	}

.Total td{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #fbfff5; 
	color: #000000;
	}

.Total a:link {
	color: #736e2e;
	}

.Total a:visited{
	color: #222;
	}

.Total a:hover, .Total a:active{
	color: #000;
	}

/* Form Options */
.Button { 
	margin: 2px
	}

/* Calendar */

.Calendar { 
	
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #33778D;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #fbfff5; 
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #736e2e;
	}

.CalendarWeekdayName a:visited{
	color: #736e2e;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #000;
	}

.CalendarWeekendName{
	font-size: 80%;
	padding: 5px;
	border-bottom: solid 1px #33778D;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #fbfff5;	
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #736e2e;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	text-align: center;
	background-color: #ffffff;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #736e2e;
	}

.CalendarDay a:visited{
	color: #736e2e;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	text-align: center;
	background-color: #fbfff5;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #736e2e;
	}

.CalendarWeekend a:visited{
	color: #736e2e;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	border: 2px solid #33778D;
	text-align: center;
	background-color: #ffffff;	
	color: #000000;
	}

.CalendarToday a:link {
	color: #736e2e;
	}

.CalendarToday a:visited{
	color: #736e2e;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	border: 2px solid #33778D;
	text-align: center;
	background-color: #fbfff5;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #736e2e;
	}

.CalendarWeekendToday a:visited{
	color: #736e2e;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	text-align: center;
	background-color: #ffffff;	
	color: #33778D;
	}

.CalendarOtherMonthDay a:link {
	color: #736e2e;
	}

.CalendarOtherMonthDay a:visited{
	color: #736e2e;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	border: 2px solid #33778D;
	text-align: center;
	background-color: #ffffff;	
	color: #33778D;
	}

.CalendarOtherMonthToday a:link {
	color: #736e2e;
	}

.CalendarOtherMonthToday a:visited{
	color: #736e2e;
}
.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	text-align: center;
	background-color: #fbfff5;	
	color: #33778D;
	}

.CalendarOtherMonthWeekend a:link {
	color: #736e2e;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #736e2e;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	border: 2px solid #33778D;
	text-align: center;
	color: #33778D;
	background-color: #fbfff5;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #736e2e;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #736e2e;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 5px;
	border-bottom: dashed 1px #33778D;
	background-color: #E0EAE8;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 5px;
	background-color: #E0EAE8; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #736e2e;
	}

.CalendarNavigator a:visited{
	color: #736e2e;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEvent{
	font-size: 80%;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #736e2e;
	}

.CalendarEvent a:visited{
	color: #736e2e;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #000;
	}
