/*
--> need to specify background in sections to avoid default cursor

#808040 (128.128. 64)
#606030 ( 96. 96. 48) darken x 2
#C8C892 (200.200.144) lighten x 6

try?
----
487860 ( 72.120. 96)
707050 (112.112. 80)

--------------
#CE1126 red
#FFFFFF white
#008D46 green
#674F36 brown = (CE1126 + 008D46) / 2 --> (206.17.38 + 0.141.70)
#A9855B brown lighten x 4
#CCB79E brown lighten x 8
#000000 black
--------------
#562B56 purple
#336666 teal

flag.png    : 180 x 120 --> 150 x 100
IMG_1455.JPG:               395 x 296 --> 488 (93 l/r margins)
andr-06.jpg : 351 x 400 --> 260 x 296 --> 352 (92 l/r margins)
                                          ---
                                          840
(FF0000 + 009900) / 2 = 7FCC80
(FE0002 + 009901) / 2 = 7F4C81 (254.0.2 + 0.153.1)
http://aleto.ch/webTools/hexCode.html : 3 iterations: #7F4C00
*/

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

body {
	background-color: #808040;
	color: #fff;
	font-family: georgia;
	font-size: 12px;
	text-align: center;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #C8C892;
}

span {
	display: none;
}

p {
	margin: 10px 0px 5px;
	text-align: justify;
	line-height: 14px;
}

.center32 {
	margin-top: 10px;
	font-size: 32px;
	line-height: 40px;
	text-align: center;
}

.center20 {
	margin-top: 10px;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.center16 {
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
}

.center12 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.line_vert {
	width: 1px;
	float: left;
	background-color: #FFFFFF;
}

.line_horz {
	height: 1px;
	background-color: #FFFFFF;
}


.linkA {
	margin-top: 15px;
	margin-left: 15px;
}

.linkB {
	margin-top: 15px;
	margin-left: 30px;
}

.clearthis {
	margin: 0px;
	height: 1px;
	clear: both;
	float: none;
	font-size: 1px;
	line-height: 0px;
	overflow: hidden;
}

#section_top_container {
	height: 100px;
	background-color: #000000;
}

#section_top_main {
	margin: 0px auto;
	width: 1000px;
}

#section_top_left {
	width: 120px;
	padding: 10px;
	float: left;
	background-color: #000000;
}
#section_top_left img {
	width: 120px;
	height: 80px;
}

#section_top_divider {
	height: 100px;
}

#section_top_right {
	width: 839px;
	padding: 10px;
	float: right;
	background-color: #000000;
}
#section_top_right img {
	width: 720px;
	height: 80px;
}

#section_bottom_container {
	height: 800px;
	background-color: #808040;
}

#section_bottom_main {
	margin: 0px auto;
	width: 1000px;
}

#section_bottom_left {
	width: 120px;
	height: 780px;
	padding: 10px;
	float: left;
	background-color: #808040;
}
/* more defined below */

#section_bottom_divider {
	height: 800px;
}

#section_bottom_right {
	width: 839px;
	padding: 10px;
	float: right;
	background-color: #808040;
}

#body_left {
	width: 468px;
	float: left;
}

#body_divider {
	height: 780px;
	margin: 0px 10px 0px;
}

#body_right {
	width: 330px;
	float: right;
}

#body_image img {
	margin: 10px auto 0px;
	border: #000000 3px solid;
}

#body_links {
	background-color: #606030;
	width: 200px;
	padding: 10px;
	margin: 60px auto 0px;
	border: #FFFFFF 3px solid;
}

#section_bottom_left ul {
	width: 90px;
	margin: 20px auto 0px;
	background-color: #808040;
}

#section_bottom_left li {
	margin-bottom: 15px;
	width: 90px;
	height: 30px;
	background-color: #606030;
	border: #C8C892 1px solid;
	list-style-type: none;
	overflow: hidden;
	float: left;
}

#section_bottom_left li.last {
	margin-bottom: 0px;
}

#section_bottom_left li a {
	padding-top: 9px;
	width: 90px;
	height: 30px;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: none;
}

#section_bottom_left li a:hover {
	color: #000000;
	background-color: #C8C892;
}




/* Blog: User Login */

#body_left .box_container {
	margin-bottom: 11px;
	border: 1px solid #fff;
	background-color: #537caf;
}

#userlogin {
	padding: 7px 8px 11px 12px;
	color: #f1f5f9;
	font-weight: bold;
	text-align: left;
}

#userlogin h2 {
	width: 69px;
	height: 15px;
	background: url('images/userlogin_title.gif') no-repeat -2px 0px;
}

#userlogin form {
	padding-top: 5px;
}

#userlogin .form_field {
	padding-left: 1px;
	padding-top: 7px;
	width: 155px;
	float: none;
	clear: both;
	text-align: right;
}

#userlogin form strong {
	padding-top: 1px;
	display: block;
	width: 50px;
	height: 13px;
	float: left;
	text-align: left;
}

#userlogin form input {
	width: 93px;
	float: right;
}

#userlogin form input.button {
	padding: 0px;
	width: 55px;
	height: 15px;
	border: none;
	float: none;
}

#userlogin #link-password {
	padding-top: 5px;
}

#userlogin #link-password a {
	color: #eef3f9;
}

#userlogin #link-password a:hover {
	color: #bfd8f6;
}