/** ===================
  GENERAL
==================== */

* {
	font-family: Verdana, Arial, Sans-Serif;
}

body {
	background: white url("body_back.gif") repeat-x top left scroll;
	margin: 0;
	padding: 0;
	font-size: small;
}

a {
	text-decoration: none;
}

#logo {
	display: none;
	width: 100%;
	height: 36px;
	text-align: center;
	margin-bottom: 15px;
}

#main {
	margin: 0 auto auto auto;
	padding: 10px;
	width: 768px;
	text-align: left;
}


/** ===================
  WELCOME
==================== */

h1.welcome {
	margin: 0 0 .5em 0;
	padding: 0;
	font-weight: normal;
	font-size: 190%;
	border-bottom: 2px solid rgb(255,204,0);
}
h1.welcome span {
	color: rgb(86,86,86);
}

div.welcome_top {
	background: rgb(231,231,231) url("bg-corner-top.gif") no-repeat top left;
}
div.welcome {
	background: transparent url("bg-corner-btm.gif") no-repeat bottom right;
	padding: 12px;
}

p.welcome_footer {
	float: left;
	font-size: 90%;
	margin: -5px 0 0 35px;
	padding: 0;
	width: 340px;
	color: gray;
}
p.welcome_footer a {
	color: gray;
}
p.welcome_footer a:hover {
	text-decoration: underline;
}

#mainbar_green ul li div {
	text-align: left;
	margin-top: -13px;
	padding-left: 170px;
}

#mainbar_blue {
	float: left;
	font-size: 90%;
	margin-bottom: 15px;
	padding: 0;
	width: 49%;
	background: rgb(185,213,227) url("bg-sidebar-btm.gif") no-repeat bottom right;
	font-weight: normal;
	margin: 15px 0;
}

#mainbar_blue h2 {
	background: rgb(52,134,176) url("bg-sidebar-blue-top.gif") no-repeat top left;
	color: white;
	font-weight: bold;
	font-size: 150%;
	margin: 0 0 10px 0;
	padding: 6px 12px;
	text-transform: uppercase;
}

#mainbar_blue ul {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 15px 15px;
}

#mainbar_blue ul li {
	background: url("bullet-dot-0.gif") no-repeat 0 7px;
	margin: 0;
	padding: 0 0 0 13px;
	line-height: 110%;
}

#mainbar_blue li a {
	border-bottom: 1px solid rgb(176,203,216);
	color: rgb(74,88,91);
	display: block;
	padding: 4px 2px;
}
#mainbar_blue li a:hover {
	background-color: rgb(176,203,216);
	color: rgb(13,56,77);
}


#mainbar_green {
	float: right;
	font-size: 90%;
	margin-bottom: 15px;
	padding: 0;
	width: 49%;
	background: #D5E3B9 url("bg-sidebar-btm.gif") no-repeat bottom right;
	color: #668B1D;
	font-weight: normal;
	margin: 15px 0;
}

#mainbar_green h2 {
	background: #86B034 url("bg-sidebar-green-top.gif") no-repeat top left;
	color: white;
	font-weight: bold;
	font-size: 150%;
	margin: 0 0 10px 0;
	padding: 6px 12px;
	text-transform: uppercase;
}

#mainbar_green ul {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 15px 15px;
}

#mainbar_green ul li {
	background: url("bullet-dot-0.gif") no-repeat 0 7px;
	margin: 0;
	padding: 0 0 0 13px;
	line-height: 110%;
}

#mainbar_green li a {
	border-bottom: 1px solid #CBD8B0;
	color: rgb(88,91,74);
	display: block;
	padding: 4px 2px;
}
#mainbar_green li a:hover {
	background-color: #CBD8B0; 
	color: #384D0D;
}


/** ===================
  SIDEBAR/MENU
==================== */

#sidebar_blue, #sidebar_green {
	float: left;
	font-size: 90%;
	margin-bottom: 15px;
	padding: 0;
	width: 184px;
}

#sidebar_blue .menuBack, #sidebar_green .menuBack {
	margin: 0 0 15px 0;
}

#sidebar_blue .menuBack h2, #sidebar_green .menuBack h2 {
	background: transparent url("bg-sidebar-orange.gif") no-repeat top left;
	font-weight: bold;
	font-size: 95%;
	margin: 0 0 10px 0;
	text-transform: uppercase; 
}

#sidebar_blue .menuBack a, #sidebar_green .menuBack a {
	color: rgb(255,115,15);
	display: block;
	padding: 6px 12px 6px 18px;
}
#sidebar_blue .menuBack a:hover, #sidebar_green .menuBack a:hover {
	color: red;
}

a.magDownload {
	display: block;
	padding: 1em 0 1em 65px;
	background: white url("download.png") no-repeat 1em 50%;
	text-decoration: none;
	color: black;
	opacity: .5;
}
a.magDownload:hover {
	opacity: 1;
}


/** ===================
  SIDEBAR/MENU -BLUE-
==================== */

#sidebar_blue .menuContent {
	background: rgb(185,213,227) url("bg-sidebar-btm.gif") no-repeat bottom right;
	font-weight: normal;
	margin: 15px 0;
}

#sidebar_blue .menuContent h2 {
	background: rgb(52,134,176) url("bg-sidebar-blue-top.gif") no-repeat top left;
	color: white;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
	padding: 6px 12px;
	text-transform: uppercase;
}

#sidebar_blue .menuContent h2 a {
	color: rgb(242,242,242);
	display: block;
}
#sidebar_blue .menuContent h2 a:hover {
	color: white;
}

#sidebar_blue .menuContent ul {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 15px 15px;
}

#sidebar_blue .menuContent ul li {
	background: url("bullet-dot-0.gif") no-repeat 0 7px;
	margin: 0;
	padding: 0 0 0 13px;
	line-height: 110%;
}
#sidebar_blue #menuSelected {
	background: url("bullet-dot-1.gif") no-repeat 0 7px;
}
#sidebar_blue #menuSelected a {
	background-color: rgb(176,203,216);
	color: rgb(13,56,77);
}

#sidebar_blue .menuContent li a {
	border-bottom: 1px solid rgb(176,203,216);
	color: rgb(74,88,91);
	display: block;
	padding: 4px 2px;
}
#sidebar_blue .menuContent li a:hover {
	background-color: rgb(176,203,216);
	color: rgb(13,56,77);
}

/** ===================
  SIDEBAR/MENU -GREEN-
==================== */

#sidebar_green .menuContent {
	background: #D5E3B9 url("bg-sidebar-btm.gif") no-repeat bottom right;
	color: #668B1D;
	font-weight: normal;
	margin: 15px 0;
}

#sidebar_green .menuContent h2 {
	background: #86B034 url("bg-sidebar-green-top.gif") no-repeat top left;
	color: white;
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 10px 0;
	padding: 6px 12px;
	text-transform: uppercase;
}

#sidebar_green .menuContent h2 a {
	color: rgb(242,242,242);
	display: block;
}
#sidebar_green .menuContent h2 a:hover {
	color: white;
}

#sidebar_green .menuContent ul {
	line-height: 1em;
	list-style: none;
	margin: 0;
	padding: 0 15px 15px;
}

#sidebar_green .menuContent ul li {
	background: url("bullet-dot-0.gif") no-repeat 0 7px;
	margin: 0;
	padding: 0 0 0 13px;
	line-height: 110%;
}
#sidebar_green #menuSelected {
	background: url("bullet-dot-1.gif") no-repeat 0 7px;
}
#sidebar_green #menuSelected a {
	background-color: #CBD8B0; 
	color: #384D0D;
}

#sidebar_green .menuContent li a {
	border-bottom: 1px solid #CBD8B0;
	color: #606352;
	display: block;
	padding: 4px 2px;
}
#sidebar_green .menuContent li a:hover {
	background-color: #CBD8B0; 
	color: #384D0D;
}


/** ===================
  CONTENT
==================== */

#content {
	margin: 0 0 50px 200px;
	padding: 0 10px 20px 10px;
	border-left: 2px solid rgb(231,231,231);
	font-size: small;
	color: rgb(44,44,44);
}

#content * {
	color: rgb(44,44,44);
	font-size: small;
}

#content #manchet {
	background-color: rgb(231,231,231);
	padding: 12px;
	font-weight: bold;
}

#content a {
	color: rgb(0,38,76);
	text-decoration: underline;
}
#content a:hover {
	text-decoration: none;
}

#content div.art_list_top {
	background: rgb(242,242,242) url("bg-corner-top.gif") no-repeat top left;
	font-size: 8px;
}
#content div.art_list_btm {
	background: rgb(242,242,242) url("bg-corner-btm.gif") no-repeat bottom right;
	font-size: 8px;
}
#content a.art_list {
	padding: 0 1em;
	display: block;
	color: gray;
	text-decoration: none;
	background-color: rgb(242,242,242);
}
#content a.art_list:hover {
	color: black;
	text-decoration: none;
}
#content a.art_list:hover span {
	color: red;
}
#content a.art_list span {
	display: block;
	text-align: right;
	color: rgb(242,242,242);
}

#content h1 {
	margin: 0;
	padding: 0;
	font-size: 190%;
	font-weight: normal;
	color: black;
}
#content h1 span {
	color: rgb(86,86,86);
	font-size: 100%;
}
#content h1.header_art_blue {
	border-bottom: 2px solid rgb(52,134,176);
}
#content h1.header_art_green {
	border-bottom: 2px solid rgb(134,176,52);
}

#content h2 {
	margin-top: 1.5em;
	padding: 0;
	font-weight: bold;
	font-size: 130%;
}

#content h3 {
	margin-top: 1em;
	padding: 0;
	font-weight: bold;
	font-size: 100%;
}

#content .article_tag {
	display: block;
	padding-top: 1em;
	font-size: 75%;
	font-style: italic;
	text-decoration: none;
}

/** ===================
  CONTENT BOXES
==================== */

div.mark_right, div.mark_right2, div.mark_back1, div.mark_box1, div.mark_box2 {
	border: 2px solid rgb(231,231,231);
	padding: 12px;
	background-color: rgb(247,247,222);
}


/** ===================
  FOOTER
==================== */

#footer {
	padding-left: 200px;
}

#footer a.type_blue {
	display: block;
	margin: 0;
	padding: 0;
	background-color: rgb(185,213,227);
	text-align: center;
	color: rgb(74,88,91);
}
#footer a.type_green {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #D5E3B9;
	text-align: center;
	color: #606352;
}



/** ===================
  IE HACKS
==================== */

/* Height problems with blocks */
* html li a, * html li span, * html dt a, * html dd a {
	height: 1px;
}