body {
	background-color:#000;
	color:#000;
	font-family:Arial;
	font-size:12px;
	text-align:center;
	margin:0;
	padding:0;
}

#page {
	background-image:url(images/page.png);
	background-repeat:repeat-y;
	width:900px;
	margin:auto;
	padding:auto;
	text-align:left;
}

.noborder {
border: 0px
}

table {
border: #cccccc solid 1px
}


#header {
	width:875px;
	height:77px;
	background-image:url(images/header.png);
	background-repeat: repeat-y;	
	background-position:bottom center;
	clear:both;
	padding-top:25px;
	padding-left:25px;
}

#menulinks {
	width:875px;
	height:55px;
	background-image:url(images/menulinks.png);
	clear:both;
	padding-left:25px;
}

* html #menulinks a { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }

* html #menulinks a span { /* Filter for IE6 to prevent li stacking */
  float: left;
  text-decoration: none;
  }
  
#menulinks a {
	padding-left:14px;
	height:50px;
   background-image:none;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	font-size:12px;
	font-weight:bold;
  }

#menulinks a span {
	padding-left:8px;
	padding-right:22px;
	padding-top:17px;
	height:35px;
	display:block;
   background-image:none;
	text-decoration:none;
	cursor:pointer;
  }
  
  
#menulinks a:hover, #menulinks a.active {
	background-image:url(images/menulinks_left.png);
	background-position:top left;
	text-decoration:none;
	color:#000;
}

#menulinks a:hover span, #menulinks a.active span {
   background: url(images/menuhover.png) right top no-repeat;
	text-decoration:none;
}


.menulines {
	width:2px;
	height:53px;
	float:left;
	display:block;
	background-image:url(images/menuline.png);
}

.msgbox {
		background-color:#FFcc66 ;
		border-style:solid;
		border: thin;
		border-color:#FFaa33 ;
		padding-top:5px;
		padding-left:20px;
		padding-right:20px;
		padding-bottom:15px;
		margin-left:5px;
		margin-right:15px;
		}

.newsdate {
	padding-bottom:4px;
	color:#555555;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#555555;
}

a:hover {
	text-decoration:none;
}

#mainarea {
	padding-top:10px;
}

#contentarea {
	padding-left:45px;
	width:530px;
	padding-right:27px;
	line-height:18px;
	float:left;
	padding-bottom:15px;
}

#contentarea_840 {
	padding-left:25px;
	width:810px;
	padding-right:5px;
	line-height:18px;
}


.content {
	padding-bottom:15px;
}

#sidebar {
	width:260px;
	float:left;
	line-height:18px;
}

.sidebarheader {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:7px;
	color:#000;
	border-bottom:1px solid #CCCCCC;
}


h1 {
	font-size:30px;
	font-weight:bold;
	margin:0;
	color:#333;
}

h6 {
	font-size:10px;
	font-weight:normal;
	margin:0;
	color:#333;
}


.description {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding-left:5px;
	color:#e5ecf9;
}

.slogan {
	font-size:12px;
	font-weight:bold;
	margin-top:60px;
	text-align:right;
	padding-right:30px;
	color:#e5ecf9;
}
#footer {
	width:900px;
	padding-top:20px;
	height:40px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	clear:both;
	background-image:url(images/footer.png);
}

#footerleft {
	float:left;
	padding-left:35px;
}

#footerright {
	float:right;
	padding-right:35px;
}

#footer a {
	color:#FFFFFF;
}

h2 {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:7px;
	color:#000;
	border-bottom:1px solid #CCCCCC;
}

h3 {
	font-size:12px;
	font-weight:bold;
	padding-top:5px;
	color:#000;
}

form {
	width:90%;
	margin:5px 5px 5px 15px; 
	padding: 2px 2px;
	border: 2px solid #f2f2f2; 
	background-color: #F3F3F3; 
}
label {
	display: block;
	font-weight: normal;
	margin:3px 3px 3px 10px;
}

select {
	display: inline;
	font-weight: normal;
	margin:3px 3px 3px 10px;
}


input {
	padding: 2px;
	margin-left: 10px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:90%;
	padding:5px 0px 0px 0px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}

textarea_big {
	width:98%;
	padding:5px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:160px;
	display:block;
	color:#777;
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px;
	margin-top:10px; 
	color: #4284B0;	
}

/* alignment classes */
.float-left  { float: left; }
.float-right {	float: right; }
.align-center  {	text-align: center; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }
.red { color:#FF0000; }
.offertag1 {
	border: 0px solid #f2f2f2; 
	background-color: #F3F3F3;
			vertical-align:middle;
			padding:10px;
			margin:20px;}
.offertag2 {background-color:#DDEDFB;
			border:#FF9999;
			vertical-align:middle;
			padding:10px;
			margin:20px;}
.clplist {
	border-top:1px solid #CCCCCC;
	border-bottom:none;
	}
			

.applemenu{
margin: 5px 0;
padding: 0;
width: 270px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader {
background: black url(images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;
height: 250px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}