/******
The Soiling of Old Glory
******/

/*basics*/
*  { margin: 0; padding: 0 }
a  { color: #fff; text-decoration: none }
a:hover {
	color: #06F;
}
body  { color: #444; font: 62.5% "Lucida Sans Unicode", sans-serif; background-color: #f0eee0; margin: 0 }
input {
	color: #555;
	font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}
code {
	background: url(../img/bgcode.gif);
	border: 1px solid #F0F0F0;
	border-left: 6px solid #39F;
	color: #555;
	display: block;
	font: normal 1.1em "Lucida Sans Unicode",serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(../img/quote.gif) no-repeat;
	color: #666;
	display: block;
	font: normal 1.3em "Lucida Sans Unicode",serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #367EA6;
	padding-top: 6px;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container    { background-image: url(../img/bgcontainer.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: 0 0; margin: 0 auto; padding-bottom: 1px; width: 727px }
.header   { background: url(../img/header-01.gif) no-repeat; height: 133px }
/* title */
.title h1   { color: #fff; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; text-align: center }
/* red bar */
.red-bar h2  { color: #000; font-size: 1em; font-family: Verdana, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; background-color: #d5202c; text-align: center; padding-top: 0.25em; padding-bottom: 0.25em; vertical-align: middle }
/* upper menu navbar */
ul.navbar  { line-height: 1.5em; background-color: #535353; list-style-type: none; display: block; margin: 0; padding: 0; width: 100%; float: left; clear: both }
ul.navbar li { display: inline }
a.nav:link, a.nav:visited    { color: #ffffff; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 0.25em 1em; float: left }
a.nav:hover    { color: #ffffff; text-decoration: none; background-color: #4c4c4c; display: block; margin: 0; padding: 0.25em 1em; float: left }
a.nav:active    { color: #ffffff; font-weight: bold; text-decoration: none; display: block; margin: 0; padding: 0.25em 1em; float: left }
/* navigation */
.navigation {
	margin-bottom: 4px;
}
.navigation a {
	background-color: #4A91C3;
	color: #FFF;
	float: left;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	padding: 8px 0;
	width: 19%;
	border-right: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background-color: #000;
	color: #FFF;
}

/* main */
.main    { background-color: #000; padding: 2px; clear: both }

/*navigation-left side*/
.sidenav h1,.sidenav ul {
	padding-left: 12px;
}
.sidenav   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin-right: 1%; margin-left: 1%; width: 180px; float: left }
.sidenav h1 {
	color: #666;
	font-size: 1.2em;
	height: 20px;
	margin-top: 1.2em;
}
.sidenav ul {
	border-top: 1px solid #FAFAFA;
	background: url(../img/bgul.gif) repeat-x;
	margin: 0;
	padding: 0;
}
.sidenav li {
	border: 1px solid #FAFAFA;
	border-top: none;
	list-style: none;
	margin: 0;
}
.sidenav li a {
	color: #777;
	display: block;
	font-size: 0.9em;
	padding: 3px 6px 3px 14px;
	text-decoration: none;
}
.sidenav li a:hover {
	color: #111;
}

/* content */
.content   { width: 505px; float: right }
.content .item {
	padding: 6px 12px;
	border: 1px solid #EEE;
	background: #FFF;
	margin-bottom: 8px;
}
.content .itemTOP   { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; padding: 0; height: 310px }
.content .itemLEVEL2 { background-color: #fff; margin: 0; padding: 1em }
.content .itemLEVEL2 a  { color: #996; margin: 0; padding: 0.1em }
.content .itemLEVEL2 a:link  { color: #903; margin: 0; padding: 0.1em }
.content .itemLEVEL2 a:visited  { color: #06c; margin: 0; padding: 0.1em }
.content .itemLEVEL2 a:hover  { color: #096; margin: 0; padding: 0.1em }
.content .itemLEVEL2 p { line-height: 2em; margin: 0; padding: 1em }
.content .itemLEFT   { font-size: 0.9em; line-height: 16px; background: #fff; margin-bottom: 4px; padding: 6px 12px; width: 317px; height: 180px; float: left }
.content .itemRIGHT   { background: #777; margin-bottom: 8px; padding: 6px 12px; width: 140px; height: 180px; float: right }
.content .itemRIGHT h1 { color: #000; font-size: 1.2em }
.content .itemRIGHT h2 { color: #fff; font-size: 1em }
.content .descr {
	color: #333;
	margin-bottom: 6px;
}
.content li {
	list-style: url(../img/li.gif);
	margin-left: 18px;
}

/* search form */
form {
	padding: 0 0 6px 8px;
}
.styled {
	border: 1px solid #DDD;
	padding: 4px;
}
.button {
	background: url(../img/search.gif) no-repeat left bottom;
	border: none;
	height: 27px;
	width: 27px;
}

/* footer */
.footer   { color: #666; font-size: 1.1em; background-color: #f0eee0; text-align: center; margin: 0 auto; padding: 6px; width: 720px }
.footer a {
	color: #36C;
	text-decoration: none;
}
.footer a:hover {
	color: #06F;
	text-decoration: underline;
}