/* =reset
----------------------------------------*/

html, body, h1, h2, h3, h4, h5, h6,
div, span, blockquote, p, address,
form, fieldset, label, legend, img,
a, abbr, acronym, ul, ol, dl, dt, dd, li,
hr, table, td, th, big, small,q,
strong, em, sup, sub, del, cite, code, button {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	}


body {
	color: #001A57;
	font-family: arial, sans-serif;
	font-size: 14px;
	background: url(/images/bg.png);
}

.fl { float: left; }
.fr { float: right; }
.fc { margin: 0 auto; }

.cb { clear: both; line-height: 1px;}
.cr { clear: right; line-height: 1px;}
.cl { clear: left; line-height: 1px;}

.tar { text-align: right; }
.tac { text-align: center; }
.taj { text-align: justify; }

.b { font-weight: bold }
.u { text-decoration: underline }
.i { font-style: italic; }

.dn { display: none !important; }
.db { display: block !important;}

.c-1 { color: red; }	
.c-2 { color: green; }


a {
	color: #001A57;
	text-decoration: none;
}
a:hover {
	color: red;
}

/* FONTS
-------------------------------*/
.f10 { font-size: 10px !important; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 10px !important; }
.f24 { font-size: 24px !important; }


.m0 {
	margin: 0 !important;
}

.m10 {
	margin: 10px;	
}

.m30 {
	margin: 30px;
}

.mt5 {
	margin-top: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt60 {
	margin-top: 60px;
}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px;	
}

.ml10 {
	margin-left: 10px;	
}

.mr10 {
	margin-right: 10px;	
}

.mb5 {
	margin-bottom: 5px;	
}

.mb10 {
	margin-bottom: 10px;	
}

.mtb5 {
	margin: 10px 0;	
}

.mtb10 {
	margin: 10px 0;	
}

.p10 {
	padding: 10px;	
}

.p20 {
	padding: 20px;	
}


.p30 {
	padding: 30px;	
}

.brbl20 { padding: 5px 20px 20px 20px; }

.c-white {
	color: #FFF;	
}

button {
	background: #001A57;
	color: #FFF;
}

#header {
	width: 100%;	
}

#header-info a {
	color: #FFF;
}

#header-shadow {
	width: 100%;
	height: 14px;
	position: relative;
	z-index: 100;
	background: url(/images/shadow.png);	
}

#header-menu {
	float: right;
	width: 360px;
	background: #000080;
	height: 25px;
	padding-top: 7px;
	position: relative;
	z-index: 50;
	top: -14px;
}

#header-menu ul {
	list-style: none;	
}

#header-menu li {
	float: right;
	margin-right: 15px;
}



#header-menu a {
	display: block;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}

#header-menu a:hover {
	color: red;	
}

#footer {
	margin-top: 10px;
	border-top: 1px solid #D6D6D6;
	padding-top: 5px;
}

#footer a {
}


.wrapper {
	width: 980px;
	margin: 0 auto;	
}

#content-left {
	float: left;
	width: 200px;
}

#content-right {
	float: right;
	width: 750px;
	margin-top: 10px;
}

#search-box {
	background: #FFF;
	border: 1px solid #001A57;
	height: 30px;
	margin-top: 20px;
}

#content {
	margin-top: 20px;
	background: #FFF;
}

#content h1.title {
	font-size: 24px;
	margin-bottom: 10px;
}

.menu-header {
	background: #001A57;
	height: 15px;
	color: #FFF;
	postion: relative;
	z-index: 10;
}
.menu-header span {
	display: block;
	padding-left: 10px;
	font-weight: bold;	
}

.menu-content {
	margin: 0 10px 0 10px;
	border: 1px solid #001A57;
	background: #FFF;
	postion: relative;
	z-index: 9;
}

.menu-content ul {
	list-style: none;
	padding: 10px;
	
}

.menu-content li {
	margin-top: 3px;
	padding-left: 23px;
	height: 18px;
	background: url(/images/ico-gear.gif) no-repeat;	
}
.menu-content li a {
	padding-top: 2px;
	display: block;
	font-weight: bold;	
}

#content-right p {
	margin-bottom: 10px;
}


/* ----------- basic form ----------- */
.myform h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
.myform p {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: solid 1px #dedede;
	padding-bottom: 10px;
}
.myform label {
	display: block;
	font-weight: bold;
	text-align: right;
	width: 120px;
	float: left;
}

.myform label.error {
	font-size: 12px;
	color: red;
	width: 200px;
	text-align: left;
	padding: 5px 0 0 10px;
}
.myform .small{
	color: #666666;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width: 120px;
}
.myform input {
	float: left;
	width: 200px;
	margin: 2px 0 20px 10px;
}
.myform select {
	float: left;
	width: 200px;
	margin: 2px 0 20px 10px;
}
.myform textarea {
	float: left;
	width: 300px;
	margin: 2px 0 20px 10px;
}	

button { 
	background: #000080;
	border: 1px solid #000080;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 3px 2px 2px;
}
.myform button {
	margin-left: 130px;
}

div.msg {
	color: green;
	margin: 10px 0;
	font-weight: bold;
}

.table label {
	margin: 0 10px 5px 0;
	display: block;
	font-weight: bold;
	text-align: right;
	width: 120px;
	float: left;	
}

#content a {
	text-decoration: underline;
}