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

div {
	text-align:left
}

img {
	border:0;
	display:block
}

h1 {
	font-size:12px;
	margin:0 0 18px 0;
	padding:0;
	text-transform:uppercase
}

h2 {
	font-size:12px;
	margin:0;
	padding:0
}

h3 {
	color:#999;
	font-size:12px;
	margin:0 0 18px 0;
	padding:0
}

h4 {
	color:#5399CD;
	font-size:12px;
	margin:0;
	padding:0
}

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

a {
	color:#5399CD;
	text-decoration:none
}

a:hover {
	color:#F39814
}

hr {
	background:#5399CD;
	border:0;
	border-bottom:1px solid #5399CD;
	height:1px;
	margin:0 0 13px 0
}

ul {
	color:#000;
	list-style:url(../img/bg/list_item.gif);
	margin:0 0 18px 30px;
	padding:0
}

/**********/
/* layout */
/**********/
/* page */
#page {
	background:#FFF;
	color:#333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	margin:50px auto;
	padding:15px;
	width:950px
}

/* header */
#header {
	height:210px;
	position:relative
}

#header_img {
	height:125px;
	left:0;
	padding:20px 20px 0 20px;
	position:absolute;
	top:0;
	width:690px
}

#header_img img {
	height:125px;
	width:690px
}

#logo {
	height:210px;
	position:absolute;
	right:0;
	top:0;
	width:220px
}

#logo img {
	height:180px;
	width:220px
}

/* menu */
#menu {
	height:65px;
	left:0;
	padding:0 20px;
	position:absolute;
	top:145px;
	width:690px
}

#menu ul {
	list-style:none;
	margin:0 0 0 15px;
	padding:0
}

#menu li {
	background:url(../img/bg/menu_item.gif) no-repeat right top;
	border-bottom:1px solid #000;
	float:left;
	padding:0 18px 0 0
}

#menu li a {
	float:left;
	line-height:23px
}

#menu li.active a {
	color:#F39814;
	font-weight:bold
}

#menu ul ul {
	display:none;
	left:20px;
	position:absolute;
	top:25px;
	width:685px
}

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

#menu li li {
	background:url(../img/bg/sub_menu_item.gif) no-repeat right top;
	border:0
}

#menu li li a,
#menu li.active li a {
	color:#000;
	font-weight:normal
}

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

#menu li li a:hover,
#menu li li a.active,
#menu li.active li a:hover,
#menu li.active li a.active:hover {
	color:#F39814
}

/* banner */
#banner {
	float:left;
	margin-right:10px;
	min-height:350px;
	position:relative;
	width:265px
}

#banner img {
	display:none;
	position:absolute;
	width:265px
}

/* content */
#content_wrapper {
	border-top:1px solid #000;
	float:left;
	margin:0 10px 0 0;
	width:445px
}

#content {
	background:url(../img/bg/content.gif) no-repeat left top;
	padding:25px 25px 0 25px
}

/* triggers */
#triggers_wrapper {
	border-top:1px solid #000;
	float:left;
	width:220px
}

#triggers {
	background:url(../img/bg/triggers.gif) no-repeat left top;
	position:relative;
	text-align:justify
}

/* footer */
#footer {
	background:#39C;
	clear:both;
	color:#FFF;
	font-size:11px;
	height:22px;
	line-height:21px;
	padding:0 20px
}

#footer p {
	margin:0
}

/*********/
/* pages */
/*********/
#bg {
	height:300px;
	width:220px;
	z-index:1000
}

#wn {
	clip:rect(0, 220px, 300px, 0);
	height:300px;
	left:0;
	overflow:hidden;
	position:absolute;
	width:220px;
	z-index:1
}

#cnt {
	position:absolute;
	z-index:1
}

#cnt .item {
	height:275px;
	padding:25px 25px 0 25px;
	width:170px
}

#scroller_gradient {
	background:url(../img/bg/scroller_gradient.png) repeat-x;
	height:125px;
	position:absolute;
	top:175px;
	width:220px;
	z-index:1001
}

/***********/
/* overall */
/***********/
.clear {
	clear:both;
	font-size:1px;
	line-height:1px
}

.hide {
	display:none
}

.show {
	display:block
}

/* buttons */
.cs_form_wrapper fieldset {
	border:1px dotted #AAA;
	padding:10px 20px
}

.cs_form_wrapper legend {
	background:#FFF;
	color:#000;
	font-size:11px;
	font-weight:bold
}

.cs_form_wrapper .cs_form_label label {
	color:#888;
	width:175px
}

.cs_form_wrapper .cs_form_label label.cs_error {
	color:#F00
}

.cs_form_wrapper .cs_form_input label {
	font-size:11px
}

.cs_form_wrapper .cs_form_input input,
.cs_form_wrapper .cs_form_input textarea,
.cs_form_wrapper .cs_form_input select {
	width:170px
}

.cs_form_wrapper .cs_button {
	margin:0 20px 0 0
}

.cs_form_wrapper .cs_button input,
.cs_form_wrapper .cs_button input:hover {
	background:#F39814;
	border:0;
	color:#FFF;
	font-weight:bold
}
