body {
	background : #fff url("../images/site/menu_bg.gif") repeat-x 0px 80px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size  : 12px;
	color	   : #000000;
	margin	   : 20px 0px 0px 0px;
}

/* LAYOUT */
#wrapper {
	margin: 0 auto;
	width : 800px;
}

#header {
	position: relative;
	top		: 0px;
	left	: 0px;
	height	: 84px;
}

#header_logo {
	position: absolute;
	top		: 0px;
	left	: 0px;
}

#header_links {
	position: absolute;
	top		: 0px;
	right	: 0px;
}

#header_links a {
	color: #2768a9;
}

#header_search {
	position: absolute;
	top		: 24px;
	right	: 0px;
}

span.sbox_l {
	background: white url("../images/site/srch_l.gif") no-repeat top left;
	float	  : left;
	width	  : 19px;
	height	  : 19px;
}

span.sbox_r {
	background: white url("../images/site/srch_r.gif") no-repeat top left;
	float	  : left;
	width	  : 19px;
	height	  : 19px;
}

span.sbox input {
	background: white url("../images/site/srch_bg.gif") repeat-x top left;
	float	  : left;
	border	  : 0;
	height	  : 19px;
	width	  : 142px;
	padding	  : 3px;
	font	  : 11px/13px arial;
	color	  : #000;
}

#nav {
	position: relative;
	color	: #fff;
}

#nav a {
	color	  : #fff;
	padding	  : 0px 10px 0px 14px;
	background: url("../images/site/man.gif") no-repeat;
}

#datetime {
	float	 : right;
	font-size: 11px;
}

#content_wrapper {
	position: relative;
	border	: 0px dashed #f00;
	margin	: 24px 0 0 0;
}

.category_title {
	color	 : #98b01d;
	font-size: 14px;
	background: url("../images/site/green_box.gif") top left no-repeat;
}

#category_list {
	list-style	: none;
	margin-left : 0px;
	padding-left: 0px;
}

#category_list li {
	background	: url("../images/site/bullet_toggle_plus.png") no-repeat 0 0;
	padding		: 0px 0px 4px 16px;
}

#category_list a {
	color: #333;
}

.box {
	width	  : 132px;
	padding	  : 0 0 14px 0;
	margin	  : 0px auto 10px auto;
	background: url("../images/site/green_box.gif") bottom left no-repeat;
	font-size : 12px;
}

.box a {
	color	   : #2768a9;
	font-weight: normal;
}

.box h3 {
	margin	  : 0;
	padding	  : 7px 10px 3px 10px;
	background: url("../images/site/green_box.gif") top left no-repeat;
	font-size : 12px;
}

.box p, .box ul {
	margin		: 0;
	padding		: 0px 7px;
	border		: 3px solid #90aa0d;
	border-width: 0 3px;
	background	: #fff;
	text-align	: center;
}

.box ul {
	text-align: left;
}

.pagination {
	text-align: center;
	padding	  : 6px;
	margin	  : 0px 0px 8px 0px;
	border	  : 1px solid #bbb;
}

.pagination strong {
	line-height: 20px;
}

.pagination a {
	border	  : 1px solid #bbb;
	background: #fff;
	padding   : 0 4px;
	margin-top: 4px;
}

.pagination a:hover, .pagination_active {
	border	  : 1px solid #bbb;
	background: #bbb;
	color	  : #fff;
	padding   : 0 4px;
	margin-top: 4px;
	text-decoration: none;
}

.preview_box {
	border		 : 1px dashed #bbb;
	padding		 : 8px 8px 0px 8px;
	margin-bottom: 10px;
}

.preview_box_footer {
	background: #bbb;
	padding	  : 4px 8px 4px 8px;
	margin-top: 4px;
	width	  : 100%;
	position  : relative;
	left	  : -8px;

}

.preview_box h2 {
	font-size: 16px;
	margin	 : 0px;
	padding	 : 0px 0px 4px 0px;
}

.createdby {
	color	   : #bbb;
	padding	   : 0px 0px 6px 0px;
	margin	   : 0px;
	font-weight: bold;
}

.toolbar {
	background: #2768a9;
	color	  : #fff;
	padding	  : 6px;
}

.toolbar a {
	color	  : #fff;
	padding	  : 0px 10px 0px 14px;
	background: url("../images/site/bullet_star.png") no-repeat 0 0;
}

.tool {
	border : 1px solid #2768a9;
	padding: 10px;
}

#footer {
	position: relative;
	clear	: both;
}

#footer_links {
	text-align : center;
	border-top : 1px solid #aaa;
	padding-top: 8px;
}

#footer_links a {
	color: #463862;
}

#footer_links a:hover {
	color		   : #968EA6;
	text-decoration: none;
}

#copyright {
	color	   : #000;
	font-size  : 12px;
	width	   : 800px;
	text-align : center;
}

/* TAG STYLES */

h1 {
	font-size		: 20px;
	line-height		: 20px;
	padding			: 0px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

h2 {
	font-size		: 18px;
	line-height		: 18px;
	padding			: 6px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

h3 {
	font-size		: 16px;
	line-height		: 16px;
	padding			: 6px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

h4 {
	font-size		: 14px;
	line-height		: 14px;
	padding			: 6px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

h5 {
	font-size		: 12px;
	line-height		: 12px;
	padding			: 6px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

h6 {
	font-size		: 10px;
	line-height		: 10px;
	padding			: 6px 0px 4px 0px;
	margin			: 0px;
	background-color: transparent;
	color			: #98b01d;
}

p {
	text-align: justify;
	padding	  : 0px 0px 12px 0px;
	margin	  : 0px;
}

a {
	color		   : #2768a9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	margin : 0px;
	padding: 0px;
}

input, textarea, select {
	border	  : 1px solid #463862;
	background: #ffffff;
	width	  : 246px
}

.button {
	width: auto;
}

table {
	margin : 0px;
	padding: 0px;
}

ul {
	padding: 0px;
	margin : 4px 0px 0px 16px;
}

/* MISC */

p.marker {
	clear	 : both;
	margin	 : 0px;
	padding	 : 0px;
	font-size: 1px;
}

table.table_data th {
	text-align : left;
	color	   : #000;
	font-weight: bold;
}

table.table_form th {
	text-align : right;
	color	   : #000;
	font-weight: bold;
}

table.table_form td {
	text-align: left;
}

input.icon {
	border			: 0px solid #6d8821;
	background-color: transparent;
	width			: 20px;
	height			: 20px;
}

input.icon16 {
	border			: 0px solid #6d8821;
	background-color: transparent;
	width			: 16px;
	height			: 16px;
}

.error {
	color	  : #f00;
	padding	  : 0px 0px 0px 18px;
	height	  : 20px;
	background: url("../images/error.gif") no-repeat 0 0;
}

.code {
	background: #FFFF66;
	color	  : #FF0000;
	border	  : 1px dashed #f00;
	padding	  : 8px;
}

.calendar {
	z-index			: 999;
	position		: absolute;
	top				: 0px;
	left			: 0px;
	visibility		: hidden;
	background-color: white;
}

.codebox {
	width  : 400px;
	height : 40px;
	padding: 2px;
}

.home_intro {
	float : left;
	width : 45%;
}

.home_intro p {
	text-align: left;
}

.home_info {
	float : right;
	width : 51%;
}

.home_info p {
	text-align: left;
}

.home_info h4 {
	background	 : url("../images/site/green_arrow.gif") no-repeat 0 3px;
	padding		 : 0 0 4px 12px;
	margin		 : 0;
	border-bottom: 1px solid #dddbcc;
}

.more_button {
	float : right;
	margin: 10px 0 0 0;
	border: 0;
}

/* TAB PANEL */
#panel_container {
	height: 200px;
}

ul#tabnav {
	background-color: #2768a9;
	height			: 20px;
	margin			: 0;
	padding			: 6px;
	display			: block;
	line-height		: 20px;
}

ul#tabnav li {
	margin		   : 0;
	padding		   : 0;
	float		   : left;
	height		   : 20px;
	list-style-type: none;
	position	   : relative;
}

ul#tabnav li a {
	color		   : #4D5431;
	line-height	   : 20px;
	text-decoration: none;
	display		   : block;
	float		   : left;
	height		   : 20px;
	margin		   : 0 0 0 5px;
	position	   : relative;
	color		   : #fff;
	padding		   : 0px 10px 0px 14px;
	background	   : url("../images/site/bullet_star.png") no-repeat 0 0;
}

ul#tabnav li a:hover, ul#tab li a.active {
	text-decoration: underline;
}

.panel {
	background: #eae6c9 none repeat scroll 0%;
	display	  : block;
}

.content {
	line-height: 15px;
	padding	   : 0px 35px 15px 15px;
	text-align : left;
}

.content ul {
	list-style-image: url("../images/site/green_arrow.gif");
}

.tooltip {
	position:relative;
}

.tooltip_hover {
	position:relative;
}

.tooltip span {
	display: none;
}

.tooltip_hover span {
	display			: block;
	position		: absolute;
	border			: 1px solid #98b01d;
	top				: 1.3em;
	left			: 5px;
	background-color: #fff;;
	color			: #98b01d;
	text-align		: center;
	z-index			: 100;
	padding			: 6px;
	width			: 160px;
}

.info_box {
	background: url("../images/site/icon_info.png") 4px 4px no-repeat #8cb2d9;
	border	  : 1px solid #365188;
	color	  : #fff;
	padding	  : 4px 4px 4px 24px;
	width	  : 75%;
	text-align: left;
	margin	  : 20px auto;
}