/* Misc
--------------------------------------------------*/
.clear {
	position: relative;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	background: transparent;
	
	height: 1px;
	font-size: 1px;
	
}

/* Basics
--------------------------------------------------*/

p {
	margin: 0 0 1em 0;
}

ul, li {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
    color: #8B97A2;
	xcolor: #7BBE49;
}

a:hover {
	color: #A13321;
}

h1, h4 {
	color: #002A4B;
	margin: .5em 0  0  0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1.5em 0 .1em 0;
	border-bottom: 1px solid #DFE3E6;
}

/* Big Blocks
--------------------------------------------------*/
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

html {
	font-size: 72%;
	_font-size: 70%; /* IE value */
}

body {
	color: #222;
	font: 1em/1.4em  Helvetica, "Swiss 721 BT", Arial, sans;
	background: #FAFBFC url(/img/bg_body.gif) left top repeat-x;
}

div#bodywrap {
	position: relative;
	display: block;
	width: 530px;

	margin: 50px auto;
	padding: 0;	
	border: 1px solid #DFE3E6;

	background: #fff;
	text-align: left;
}

div#bodywrap2 {
	position: relative;
	height: 100%;
	width: 100%;
	
	margin: 0;
	
	background: transparent url(/img/bg_bodywrap_vert.gif) left top repeat-y;
	
}

div#bodywrap3 {
	background: transparent url(/img/bg_sidebar_bottom.jpg) left bottom no-repeat;
}	

/* div#main
--------------------------------------------------*/
div#main {
	position: relative;
	right: 24px;
	width: 336px;
	float: right;
	padding: 12px 0 36px 0;
	
}

div#main h1 {
	font-size: 2em;
	line-height: 1.2em;
	padding: 0;
	margin-top: 1em;
}

div#main li {
	margin: 0 0 1em 0;
	line-height: 1.2em;
}

div#main ul.tight li {
    margin: 0 0 .2em 0;
}

span.pagenumber {
	xcolor: 	#002A4B;
	padding-left: 8px;
	margin-left: 2px;
	background: transparent url(/img/pagenumber.gif) left 50% no-repeat;
}

/* div#sidebar
--------------------------------------------------*/
div#sidebar {
	position: relative;
	width: 144px;
	background: transparent url(/img/bg_sidebar_horz.gif) left top repeat-x;
}


div#sidebar h2,
div#sidebar h3 {
	margin: 0;
}

/* logo */
div#logo {
	position: relative;
	width: 144px;
	height: 59px;
	background: transparent url(/img/logo.png) -2px top no-repeat;
	text-indent: -10000px;
}	
div#logo a {
	position: absolute;
	left: 0;
	top: 0;
	height: 59px;
	width: 144px;
}

/* nav */
ul#nav {
	margin: 30px 0;
}

ul#nav li { 
	_display: inline; /* IE hack */
}

ul#nav li a {
	display: block;
	text-align: right;
	padding: 3px 12px;
	margin: 0 0 1px 0;
}

ul#nav li a:hover {
	background: #fff;
	color: #A13321;
}

body#index li#menu_index a,
body#articles li#menu_articles a,
body#about li#menu_about a {
	color: #222;
	background: #fff;
}

/* contact */

div#contact {
	text-align: right;
	padding-right: 12px;
}