/* CSS Document */
body {width:80%; padding:0 10% 0 10%; margin:0; background:#fff url(/img/bg.jpg) top repeat-x; font-size:0.76em; font-family:arial, helvetica; color:#666}
img {border:0px;vertical-align:middle}
a {color:#666}
hr {clear:both;color:#c6f;background:#c6f;border:0px;height:3px;padding:0px;margin:0px}
th {text-align:left}

h1 {
	font-weight: bolder;
	text-align: center;
}
h2 {font-weight:normal}
h3 {
	font-weight: normal;
	color: #2222FF;
	font-size: 18px;
}
h4 {
	font-weight: normal;
	color: #770000;
	font-size: 16px;
	text-align: center;
}
	
h5 {font-weight:normal}
h6 {color:#999; font-size:0.9em; font-weight:normal; margin:0.5em}
h6 a {color:#999}

#toolbar {padding:10px 0 0 165px}
#toolbar a {margin:0 20px 0px 20px; white-space:nowrap}
#toolbar img {margin-left:-20px; padding-right:4px}
#logo {float:left; margin:25px 10% 0 10px}

#advertising img {float:left; padding-right:10px}

#navigation {clear:both}
#navigation ol {margin:0; padding:0}
#navigation li {font-size:11px; float:left; list-style:none; background:url(/img/button1.gif) left no-repeat; margin:0; padding:17px 0 17px 0; width:16.6%}
#navigation a {background:url(/img/button2.gif) top right no-repeat; padding:10px 20px 21px 0px; margin:0 0 0 20px; text-decoration:none; color:#fff; font-weight:bold; display:block; white-space:nowrap; text-align:center}
#navigation a:hover {background:url(/img/button2.gif) bottom right no-repeat}

#main {clear:both}
#main .new {clear:both}
#main .section {width:46%; float:left; margin-right:2%; margin-left:2%; margin-bottom:20px; background:url(/img/shadow.gif) top repeat-x}
#main .section h2 {padding-left:10%}
#main .section p {margin-left:10%}
#main .section form {margin-left:10%}
#main .section label { display:block; width:50%; text-align:right; float:left}
#main .section input {width:100px; margin:5px 5px 5px 5px}
#main .section div {clear:both}
#main ul {margin:0; padding:0 0 0 10%}
#main ul li {padding:5px 0 5px 0}
#main .error {color:red}
#main .green, #main .cyan, #main .pink {background:none}
#main .green h2, #main .cyan h2, #main .pink h2 {font-weight:normal; font-size:1.4em; padding:5px 10px 5px 10%}
#main .green h2 {background:#e2f589}
#main .cyan h2 {background:#abe9e3}
#main .pink h2 {background:#e6cdee}
#main .green li {list-style: url(/img/arrow-green.gif)}
#main .cyan li {list-style: url(/img/arrow-cyan.gif)}
#main .pink li {list-style: url(/img/arrow.gif)}
#main li.grey {list-style: url(/img/arrow-grey.gif)}
#main li.blue {list-style: url(/img/arrow-blue.gif)}
#main .admin {font-size:0.9em; color:#999}
#main .admin a {color:#999}
#main .paper {background:#FFFFCC; padding:10px 30px 10px 30px}
#main .paper p {text-indent:2em}
#main hr {clear:both;color:#c6f;background:#c6f;border:0px;height:1px;padding:0px;margin:20px}

#left {float:left; width:20%; margin:0 3% 50px 0}
#right {float:right; width:67%; margin:0 10% 50px 0}

#copyright {float:left; width:20%; padding:15px 5% 50px 5%; font-size:0.76em}
#notification {float:right; width:56%; padding:15px 9% 50px 5%; font-size:0.76em; color:#999; text-transform:uppercase}