/* ----------------------------------------------------
   C O M M O N
------------------------------------------------------*/

* {
	margin: 0;          /* top, right, bottom, left */
	padding: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

ul, ol, li {
	list-style: none;
}

img {
	border: none;
}


/* ----------------------------------------------------
   P A G E
------------------------------------------------------*/


html, body {
	background: url(../images/body.png) #c0c0c0 left top repeat-x;
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}


/* ----------------------------------------------------
   C O N T A I N E R   &   W R A P P E R
------------------------------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 940px;
}

#container {
	float: left;
	display: inline;
	padding-bottom: 10px;
	width: 980px;
}


/* ----------------------------------------------------
   H E A D E R I M A G E
------------------------------------------------------*/

#headerimage {
	background: url(../images/headerimage.png) #ffffff left top no-repeat;
	float: left;
	height: 108px;
	width: 100%;
}

#headerimage a {
	position: absolute;
	margin: 25px 0 0 450px;
}


/* ----------------------------------------------------
   S E A R C H 
------------------------------------------------------*/

#search {
	background: url(../images/search.png) #ffffff left top no-repeat;
	float: left;
	height: 200px;
	width: 100%;
}


/* ----------------------------------------------------
   M A I N
------------------------------------------------------*/

#main {
	background: url(../images/main.png) #ffffff left top repeat-y;
	float: left;
	width: 100%;
}


/* ----------------------------------------------------
   C O N T E N T S
------------------------------------------------------*/

#contents {
	background: url(../images/contents.png) left top repeat-x;
	display: inline;
	float: left;
	padding: 15px 10px 25px 10px;
	width: 478px;
  overflow:hidden;
}


/* ----------------------------------------------------
   S I D E B A R   L E F T & R I G H T
------------------------------------------------------*/

#sidebar-left {
	display: inline;
	float: left;
	margin-left: 5px;
	padding: 15px 0px 0 1px;
	width: 222px;
}

#sidebar-right {
	display: inline;
	float: right;
	margin-right: 13px;
	padding: 15px 0px 0 0px;
	width: 213px;
}

#sidebar-left h2,
#sidebar-right h2 {
	color: #ffffff;
	display: block;
	float: left;
	font: bold 14px Arial, Helvetica, sans-serif;
	height: 25px;
	text-transform: uppercase;
	text-align: center;
	line-height: 23px;
	padding-left: 0px;
	padding-top: 1px;
	width: 215px; /* 208-8 */
}

#sidebar-right h2 {
	padding-left: 0;
	padding-right: 8px;
	margin-bottom: 10px;
	text-align: center;
}

#sidebar-left h2 {
	padding-right: 0;
	padding-left: 8px;
	margin-bottom: 10px;
	text-align: center;
}

#sidebar-right h2 img {
	margin-right: 4px;
}

#sidebar-left h2 img {
	margin-right: 4px;
}

#sidebar-left div.sidebox,
#sidebar-right div.sidebox {
	display: inline;
	float: left;
	margin-bottom: 20px;
	width: 213px;  /* 208 - 5+5+2 */
}

#sidebar-left div.sidebox,
#sidebar-right div.sidebox {
	display: inline;
	float: left;
	margin-bottom: 20px;
	width: 213px;  /* 208 - 5+5+2 */
}

div.sidebox li {
	list-style: square outside; 
	color: 7caa6B;
}

#sidebar-left div.sidebox h2 {
	background: url(../images/sidebox-left.png) right top;
	height: 19px !important;
	height: 25px;
	color: black;
	text-align: right;
	padding-right: 20px;
	padding-top: 6px;
	width: 190px !important;
	width: 210px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: none;
}

#sidebar-right div.sidebox h2 {
	background: url(../images/sidebox-right.png);
	height: 19px !important;
	height: 25px;
	color: black;
	padding-top: 6px;	
	text-align: left;
	padding-left: 20px;
	width: 193px !important;
	width: 213px;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: none;	
}

#sidebar-right div.sidebox p {
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 10px;	
	color: white;
}

#sidebar-right div.sidebox p a {
	color: white;
	font-weight: normal;
}

#sidebar-right div.sidebox p a:hover {
	color: white;
	font-weight: normal;
	text-decoration: underline;
}

#sidebar-left div.sidebox p {
	font-weight: bold;
	padding-right: 5px;
	padding-bottom: 10px;	
	color: white;	
	text-align: right;
}

#sidebar-left div.sidebox p a {
	color: white;
}

#sidebar-left div.sidebox p a:hover {
	color: white;
	text-decoration: underline;
}

#sidebar-left div.sidebox-noborder,
#sidebar-right div.sidebox-noborder {
	display: inline;
	float: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	width: 180px;
}

#sidebar-left div.sidebox p,
#sidebar-right div.sidebox p,
#sidebar-left div.sidebox-noborder p,
#sidebar-right div.sidebox-noborder p {
	color: #262628;
	line-height: 16px;
}

#sidebar-left div.sidebox a,
#sidebar-right div.sidebox a,
#sidebar-left div.sidebox-noborder a,
#sidebar-right div.sidebox-noborder a {
	color: #215588;
}


/* --- NAVMENU --- */

ul#navmenu {
	border: solid 1px #808c98;
	border-bottom: none;
	display: inline;
	float: left;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	letter-spacing: 1px;
	width: 217px;
}

ul#navmenu li {
	border-bottom: solid 1px #808c98;
	float: left;
	line-height: 25px;
	position: relative;
}

ul#navmenu li a {
	background: url(../images/navmenu_item.png) #f0f1f1 left top no-repeat;
	color: #4f646b;
	display: block;
	height: 25px;
	padding-left: 20px;
	text-decoration: none;
	width: 197px;
}

ul#navmenu li a.drop {
	background: url(../images/navmenu_item_drop.png) #f0f1f1 left top no-repeat;
}

ul#navmenu ul li a {
	background: url(../images/navmenu_item_sub.png) #f0f1f1 left top no-repeat;
	padding-left: 10px;
	width: 207px;
}

ul#navmenu li a:hover {
	background-position: 0px -25px;
	color: #434f5c;
	text-decoration: none;
}

ul#navmenu ul {
	border: solid 1px #808c98;
	border-bottom: none;
	display: none;
	margin: 0;
	position: absolute; left: 217px; top: -1px;
}

ul#navmenu li:hover ul,
ul#navmenu li.over ul {
	display: block;
}


/* ----------------------------------------------------
   F O O T E R
------------------------------------------------------*/

#footer {
  clear:both;
	background:#00ffff;
	float: left;
	height: 25px;
	width: 100%;
}

#footer p {
	color: #669999;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 21px;
	margin-left: 58px;
	margin-top: 2px;
	text-transform: capitalize;
	text-align: center;
	width: 706px;
}

#footer p.title {
	color: #4c5c68;
	font-weight: bold;
	margin-top: 0px;
}

#footer a {
	color: #669999;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span.highlight {
	color: #768693;
}

#footer span.bull {
	color: #F3F4F5;
	margin: 0 7px 0 7px;
}

/* ----------------------------------------------------
   B O T T O M
------------------------------------------------------*/

#bottom {
	background: url(../images/bottom.png) left bottom repeat-x;
  background-position:-50px 0;
	float: left;
	height: 45px;
	width: 100%;
}

#bottom div#left-bottom {
	float: left; 
	text-align: left; 
	margin-left: 10px;
	vertical-align: middle;
}

#bottom div#right-bottom {
	float: right; 
	text-align: right; 
	margin-right: 10px;
}	

#bottom p.info {
	color: gray;
	font-size: 10px;
}

#bottom p.info a {
	color: gray;
}