/* CSS Document */
body {
	margin: 0px;
	
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	/* color: #343f4a; */
	color: #202020;
	
	background-color: #edeffb;
	/* background: url(../images/backgrounds/body_bg.jpg); */
}

/* headers */
h1{
	margin-top: 5px;
	margin-bottom: 10px;
	
	font-size: 16pt;
	font-weight: normal;
}

h2 {
	margin-top: 5px;
	margin-bottom: 5px;
	
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

ul {
	position: relative;
	
	padding-left: 5px;
	margin-left: 1em;
}

span {
	font-size: 12px;
}

/* links */
a {
	color: #343f4a;
}

/* form tags and labels */
label {
	display: block;
	font-weight: bold;
	margin-top: 10px;
}

label .inline {
	display: inline;
	float: left;
}

/* ==== WRAPPER ==== */
#wrapper {
	margin-left: auto;
	margin-right: auto;
	
	width: 760px;
	
	/*
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	*/
	background-color: #FFFFFF;
}


/* ==== HEADER ==== */
#header {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0px;
}

#header h1 {
	margin: 0px;
	padding: 0px;
}


/* ==== NAVIGATION ==== */
#navigation {
	display: block;
	
	padding-top: 15px;
	padding-bottom: 10px;
}

#navigation h2 {
	margin: 0px;
	padding: 0px;
}

#navigation ul {
	list-style: none;
	
	margin: 0px;
	padding-left: 70px;
}

#navigation li {
	position: relative;
	float: left;
	
	margin-right: 10px;
}


/* ==== MAIN ==== */
#main {	
}

#main_content {
	position: absolute;
	
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
	
	width: 240px;
	height: 400px;
	
	background-color: #FFFFFF;
	/* background: url(../images/backgrounds/default_bg.jpg) no-repeat; */
	/* filter: alpha(opacity=70); */
}

#main_top {
	margin-bottom: 10px;
	
	height: 20px;
	
	background: url(../images/backgrounds/main_top_bg.jpg) no-repeat;
}

#main_center {
	height: 400px;
	
	background: url(../images/backgrounds/main_center_bg.jpg) no-repeat;
}

#main_bottom {
	margin-top: 10px;
	
	height: 20px;
	
	background: url(../images/backgrounds/main_bottom_bg.jpg) no-repeat;
}


/* ==== FOOTER ==== */
#footer {
	clear: both;
	height: 50px;
	
	padding-top: 10px;
	
	color: #7f7f7f;
	/* background: url('../images/backgrounds/footer_bg.gif') repeat-x #535354; */
}

/* Others
------------------------------------------------------- */
#blue_spacer {
	margin-top: 5px;
	
	height: 15px;
	
	background-color: #6e8fd6;
}

.small {
	margin: 0px;
	padding: 5px;
	
	font-size: 10px;
}

.error {
	color: #FF0000;
}

.success {
	color: #00CC33;
}