* {
    padding: 0;
    margin: 0;
} 

body {
background: #3d5826;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}
/*
img { border: none; }
a { color: #3d5826; text-decoration: underline; }
a:hover { text-decoration: none; color : #ff0000; }
*/
#wrap {
width: 800px;
margin: 10px auto;
}

#top {
background: #3d5826 url(images/top.gif) no-repeat;
padding: 15px 0;
margin: auto;
}

#header {
background: #3d5826 url(images/header.gif) no-repeat;
height: 90px;
}
#header h1 {
padding: 20px 0 0 40px;
font-size: 25px;
letter-spacing: -2px;
color: #c8a251;
}
#header h1 a {
color: #bbb;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #fff;
}
#header h2 {
padding-left: 42px;
font-size: 14px;
color: #eee;
font-weight: 100;
}

#header img {
float: right;
margin: 4px;
padding-right: 40px;
padding-top: 5px;
}

#content {
background: #3d5826 url(images/content.gif) repeat-y;
margin: auto;
}
#content h2 a {text-decoration: none; }

#left {
float: left;
width: 185px;
padding: 10px 0 10px 30px;
}
#left h2 { 
background: #fff url(images/sidebarh2.gif) no-repeat;
color: #fff; 
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100;
height: 30px;
line-height: 30px;
padding-left: 10px;
}
#left ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #2C4715; text-decoration: none;  }
#left ul li a:hover { color: #000; }

#box1 {
margin-bottom:20px;
background-image:url(box.gif);
background-position:left bottom;
background-repeat:no-repeat
}

#center {
float: left;
width: 360px;
padding: 10px 0 0 10px;
}
#center h2 {
background: #fff url(images/contenth2.gif) no-repeat;
color: #fff;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: -1px;
font-weight: 100;
padding : 00 10px 0;
}
#center h2 a { color: #fff; }
#center h2 a:hover { color: #000; text-decoration: none; }

#center ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#center ul li { padding-bottom: 5px; }
#center ul li a { color: #0000c0; text-decoration: underline;  }
#center ul li a:hover { color: #008000; }

img.floatRight { 
    float: right; 
    margin: 2px;
}
img.floatLeft { 
    float: left; 
    margin: 2px;
}

#right {
float: right; 
width: 180px;
padding: 10px 30px 10px 0;
}
#right h2 { 
background: #fff url(images/sidebarh2.gif) no-repeat;
color: #005EB0; 
height: 30px;
line-height: 30px;
color: #fff;
padding-left: 10px;
font-size: 15px; 
letter-spacing: -1px; 
font-weight: 100;
}
#right ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #2C4715; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#bottom { 
background: #3d5826 url(images/bottom.gif) no-repeat;
padding: 15px 0;
}

#footer {
padding: 0 0 0 0;
text-align: center;
font-size: 11px;
color: #eee;
}
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

html .fb_share_link {
padding:2px 0 0 20px;
height:16px;
background:url(http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981) no-repeat top left;
}

/*Table gradient style*/
#gradient-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 5px;
	/*width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#gradient-table th
{
	font-size: 11px;
	font-weight: normal;
	padding: 8px;
	background: #bcfebf url('images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-table td
{
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #ebffec url('images/gradback.png') repeat-x;
}
#gradient-table tfoot tr td
{
	background: #e8edff;
	/*font-size: 12px;*/
	color: #99c;
}
#gradient-table tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}

/*Table for forms*/
#forms-table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 1px;
	/*width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#forms-table th
{
	font-size: 11px;
	font-weight: normal;
	padding: 6px;
	background: #bcfebf url('images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#forms-table td
{
	padding: 6px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #ebffec url('images/gradback.png') repeat-x;
}
#forms-table tfoot tr td
{
	background: #e8edff;
	/*font-size: 12px;*/
	color: #99c;
}
#forms-table tbody tr:hover td
{
	background: #d0dafd url('images/gradhover.png') repeat-x;
	color: #339;
}

.error {
font: bold 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 10px;
margin: 10px;
width: 280px;
float: left;
background-color: #FEF1ED;
}

#admincenter {
float: left;
width: 540px;
padding: 10px 0 0 10px;
}

#admincenter h2 {
background: #fff url(images/contenth2.gif) no-repeat;
color: #fff;
height: 30px;
line-height: 30px;
font-size: 18px;
letter-spacing: -1px;
font-weight: 100;
padding : 00 10px 0;
}
#admincenter h2 a { color: #fff; }
#admincenter h2 a:hover { color: #000; text-decoration: none; }

#admincenter ul { color: #2C4715; padding: 5px 0 5px 30px; list-style-type: square; }
#admincenter ul li { padding-bottom: 5px; }
#admincenter ul li a { color: #2C4715; text-decoration: none;  }
#admincenter ul li a:hover { color: #000; }

.done {
font: bold 11px arial, verdana;
color: #048407;
border: 1px solid #84fe7e;
padding: 10px;
margin: 10px;
width: 280px;
float: left;
background-color: #ebffec;
}

.notice {
border: 1px solid #e9eae5;
padding: 5px;
margin: 5px;
width: 500px;
background-color: #fbfbf9;
}

#boxes {
float:right;
width:185px;
margin:10px
}
#box1 {
margin-bottom:20px;
background-image:url(box.gif);
background-position:left bottom;
background-repeat:no-repeat
}
/*
#box1 h2,#box2 h2,#box3 h2 {
text-align:right;
padding:23px 30px 9px 0;
margin:0 0 0 -1px;
background:url(boxtop.gif) top no-repeat #ececec;
font-weight:600
}

#box1 p,#box2 p,#box3 p {
padding:9px 19px 24px 12px;
margin:0
}
*/



/* Styles for Date Picker ------------------------------------------
body {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: .8em;
	}
-*/
/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}