/********/
/* html */
/********/
body {
	background:#fff;
	margin:0;
	padding:0;
	text-align:center
}

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	color:#333;
	font-size:18px;
	margin:0 0 5px 0;
	padding:0
}

h2 {
	color:#777;
	font-size:14px;
	margin:0 0 20px 0;
	padding:0
}

h3 {
	color:#777;
	font-size:14px;
	margin:0;
	padding:0
}

h4 {
	color:#333;
	font-size:12px;
	margin:0 0 20px 0;
	padding:0
}

h5 {
	color:#333;
	font-size:11px;
	margin:0;
	padding:0
}

h6 {
	color:#777;
	font-size:11px;
	margin:0;
	padding:0
}

p {
	margin:0 0 20px 0;
	padding:0
}

a {
	color:#000
}

form {
	margin:0;
	padding:0
}

label {
	float:left;
	font-weight:normal;
	width:120px
}

.form_group {
	margin:10px 0 15px 0;
}

.form_group label {
	float:right;
	padding-top:1px;
	width:310px
}

.form_group input.checkbox {
	background:none;
	float:left
}

.form_group_textarea textarea {
	width:300px
}

input,
textarea,
select {
	background:#FFF;
	border:1px solid #828282;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	float:left;
	font-size:11px;
	width:200px
}

select {
	height:22px;
	padding:3px 0 3px 5px
}

input:hover,
textarea:hover,
select:hover {
	background:#F5F5F5
}

textarea {
	height:100px;
	overflow:auto
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#fff url(../img/bg/page.gif) repeat-y;
	color:#333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	line-height:17px;
	margin:0 auto;
	width:750px
}

/* header */
#header {
	background:#FFF url(../img/bg/header.gif) repeat-y;
	height:30px;
	margin:0;
}

/* menu */
#menu {
	float:right;
}
	#menu ul {
		position:relative;
		margin:7px 20px 0 0;
		padding:0;
	}

	#menu ul li {
		float:left;
		list-style:none;
		margin:0 10px 0 0;
		padding:0;
	}
	
	#menu ul li a {
		text-decoration:none;
	}

/* logo */
#logo {
	float:left;
	margin:6px 0 0 30px;
	position:absolute;
	z-index:2;
}

/* main */
#main {
	background:#f2f2f2;
	height:535px
}

#main2 {
	background:#eef2fb url(../img/bg/content2_bg.gif) 37px 70px no-repeat;
	height:535px
}

#main_home {
	background:#eef2fb url(../img/bg/home_bg.jpg) no-repeat;
	height:495px
}

/* subheader */
#subheader {
	background:#f2f2f2;
	height:52px;
	position:absolute;
	top:125px;
	width:666px;
	z-index:9;
}
	#subheader_image {
		float:left;
		height:52px;
		position:relative;
		width:165px;
	}
	
	#subheader_text {
		background:#FFF url(../img/bg/subheader_text_bg.jpg) no-repeat;
		float:left;
		height:52px;
		position:relative;
		width:501px;
		
	}
	
		#subheader_text h1 {
			color:#ffffff;
			font-size:18px;
			/*height:25px;*/
			left:20px;
			position: relative;
			top:18px;
			width:500px;
		}

/* side */
#side {
	float:left;
	height:365px;
	position:relative;
	top:170px;
	width:165px;
	z-index:1;
}

.submenu {
	float:right;
	font-size:10px;
	height:200px;
	line-height:20px;
	list-style:none;
	margin:0;
	position:relative;
	text-align:right;
	top:0;
	width:165px;
	z-index:4;
}

	.submenu a {
		text-decoration:none;
	}
	
.submenu_home {
	float:right;
	font-size:10px;
	height:200px;
	left:60px;
	line-height:20px;
	list-style:none;
	margin:0;
	position:relative;
	text-align:right;
	top:0;
	width:220px;
	z-index:4;
}

	.submenu_home a {
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}

	
/* triggers */	
#triggers p {
	margin:0 0 10px 0
}

#triggers ul {
	line-height:19px;
	list-style:none;
	margin:0;
	padding:0
}

#triggers ul li {
	background:url(../img/bg/submenu_item.gif) no-repeat;
	padding-left:16px
}

#triggers ul ul {
	display:none;
	margin:0 0 0 16px
}

#triggers ul li.active ul {
	display:block
}

#triggers ul ul li {
	background:url(../img/bg/subsubmenu_item.gif) no-repeat;
	padding-left:13px
}

#triggers ul a {
	text-decoration:none
}

#triggers ul a:hover {
	text-decoration:underline
}

#triggers ul li.active a {
	font-weight:bold
}

#triggers ul li.active ul a {
	font-weight:normal
}

#triggers ul li.active ul a.active {
	text-decoration:underline
}

/* content */
#content {
	float:left;
	height:365px;
	overflow:auto;
	padding:0 20px 0 20px;
	position:relative;
	top:170px;
	width:355px;
}

/* banner */
#banner {
	background:#fff;
	float:left;
	height:535px;
	position:relative;
	top:0;
	width:180px;
}

#banner img {
	float:right;
	left:10px;
	position:relative;
}

/* footer */
#footer {
	background:#fff;
	margin:0;
	padding:0;
}

	#footer p {
		background:#fff;
		font-size:9px;
		margin:0;
		padding:0;
		position:relative;
		top:6px;
	}

/* form */
.form_wrapper {
	margin-top:20px
}

.row {
	min-height:25px;
	height:26px;
}

.radio,
.checkbox {
	border:0;
	width:14px
}

.feedback_info {
	display:none;
	color:#F00;
	margin:0 0 15px 0
}

.error {
	border:1px solid #F00
}

/* buttons */
.button {
	background:#888;
	border:1px solid #FFF;
	display:inline;
	float:right;
	margin:15px 0;
	padding:1px
}

.button a,
.button a:hover {
	border:1px solid #FFF;
	color:#FFF;
	float:left;
	font-weight:bold;
	line-height:14px;
	padding:2px 10px;
	text-decoration:none
}

.form_wrapper .button {
	margin:15px 30px 15px 0
}

a.paging {
	background:#EEE;
	border:1px solid #CCC;
	float:left;
	margin:0 5px 10px 0;
	text-decoration:none
}

a.paging:hover,
a.paging span.active {
	background:#DDD
}

a.paging span {
	border:1px solid #FFF;
	cursor:pointer;
	float:left;
	font-size:9px;
	font-weight:bold;
	line-height:14px;
	padding:0 2px
}