/* Screen styles: 17/03/07 */
/* orange FF6600 */
/* brown 993300 */
/* light brown CC3300 */

body {
	background-color: #FFFFFF;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-size:62.5%;
	color: #993300;
}
h1, h2, h3, p, a, li{
	line-height:1.5em;
}

h1 {
	font-size:3em;
	line-height:1em;
	width:350px;
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
}
h1 span{
	display:block;
	font-size:0.8em;
}
h2 {
	font-size:1.5em;
	border-bottom: 1px solid #993300;
	color: #993300;
	margin: 0 0 5px 0;
	padding: 5px 0 5px 0;
}
h3 {
	font-size:1.4em;
	color: #FF6600;
	margin: 0 0 3px 0;
	padding: 3px 0 3px 0;
}
p {
	font-size:1.2em;
	margin: 0 0 0.5em 0;
	padding: 0;
}
ul, ol {
	margin: 2px 2px 0.5em 2px;
	padding: 0px 0px 0px 15px;
}
li, a{
	font-size:1.2em;
}
a, a:link{
	text-decoration:none;
}
a:hover, a:focus{
	text-decoration:underline;
}


/*
 * layout
 ********************************/
#skip{
	height:1px;
	left:-9999px;
	position:absolute;
}
#main {
	width: 750px;
	margin: 0 auto;
	padding: 1.6em 0 0 0;
	position:relative;
}
#header {
	background:#FF6600 url(../pictures/bg/headerbg.jpg) no-repeat 0 0;
	text-align: left;
	margin:0px;
	padding: 5px;
	color:#FFF;
	height:1%;
}
#header * {
	color:#FFF;
}
#header p, #header li{
	margin-bottom:3px;
}
#contact{
	position:absolute;
	top:0.3em;
	right:0.3em;
}
#contact .detail{
	float:right;
}
#contact h2{
	border:0;
	color:#993300;
	display:none;
}
#contact p, #contact ul, #contact li{
	float:left;
	color:#993300;
	margin:0;
	padding:0;
}
#contact li{
	margin-left:25px;
}
#breadcrumb {
	background:#CC3300 url(../pictures/bg/footerbgbottom.gif) no-repeat 0 100%;
	text-align: left;
	margin:0px;
	padding: 5px 10px;
	color: #FFFFFF;
	font-size:1.3em;
}
#breadcrumb a{
	font-size:1em;
}
#breadcrumb a,#breadcrumb a:link {
	color: #FFFFFF;
}
#breadcrumb a:hover,#breadcrumb a:focus {
/*text-decoration:underline;*/
}
#content {
	background:#FFFFFF url(../pictures/bg/leftbgmiddle.gif) repeat-y 0 0;
	text-align: left;
	margin-bottom:5px;
	margin-top:5px;
}
.home #content, .home #leftbottombg{
	background:none;
}
#leftbottombg {
	background:url(../pictures/bg/leftbgbottom.gif) no-repeat 0 100%;
}
#leftcontent {
	background: url(/pictures/bg/leftbgtop.gif) no-repeat 0 0;
	width: 146px;
	text-align: left;
	float: left;
	margin:0;
	padding:11px 2px;
}
#leftcontent dl {
	background-color: #FFCC99;
	margin:0;
	padding:0;

}
#leftcontent dt {
	background:#FFCC99 url(../pictures/bg/menubgtop.gif) no-repeat 0 0;
	text-align: right;
	font-weight: bold;
	color: #CC3300;
	margin:0;
	padding: 6px 2px 4px 2px;
	border-top:5px solid #FFF;
	border-bottom:1px solid #FFF;
}
#leftcontent dd {
	text-align: left;
	color: #CC3300;
	margin:0px;
	padding: 3px 0px 3px 10px;
	background-image: url(../pictures/menus/m0.gif);
	background-repeat: no-repeat;
	background-position: 2px 60%;
}
#leftcontent dd.active, #leftcontent dd:hover {
	background-image: url(../pictures/menus/m1.gif);
}
#leftcontent dd.last, #leftcontent dd.last:hover {
	background: url(../pictures/bg/menubgbottom.gif) no-repeat 0 bottom;
	height:6px;
	overflow:hidden;
}
#leftcontent dt.active, #leftcontent dt:hover {
	background-color:#FF6600;
	color:#FFF;
	background-image:url(../pictures/bg/menubgtopactive1.gif);
}
#leftcontent dt.active a.menu, #leftcontent dt:hover a.menu{
	color:#FFF;
}
a.menu, a.menu:link {
	color: #CC3300;
}
a.menu:hover, a.menu:active, a.menu:focus{
/*	text-decoration:none;*/
}

#maincontent {
	width: 590px;
	min-height: 400px;
	position: relative;
	top: 0px;
	float: right;
	margin: 0;
	padding:8px 0 0 0;
	background:url(../pictures/bg/mainboxtop.gif) no-repeat 0 0;
}
#maincontent .middlebg{
	background:url(../pictures/bg/mainboxmiddle.gif) repeat-y 0 0;
}
#maincontent .bottombg{
	background:url(../pictures/bg/mainboxbottom.gif) no-repeat 0 100%;
	padding:0 10px 10px 10px;
	min-height:400px;
}
.home #maincontent{
	float:none;
	width:auto;
	background:none;
	padding:0;
	margin:0;
}

#footer{
	background:#CC3300 url(../pictures/bg/footerbgtop.gif) no-repeat 0 0;
	padding:10px 0 0 0;
	text-align: left;
}
.update {
	background:url(../pictures/bg/footerbgbottom.gif) no-repeat 0 100%;
	color: #FFCC99;
	margin:0;
	padding: 0 10px 10px 10px;
	height:1%;
/*background-color:#CC3300;*/
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
 * box styles
 ********************************/
.box{
	padding:0;
	background:#CC3300 url(../pictures/bg/boxbgbottom.gif) no-repeat left bottom;
	color:#FFFFFF;
	margin:5px 0;
}
.box .boxtop{
	background:url(../pictures/bg/boxbgtop.gif) no-repeat left top;
	padding:5px;
}
.box h2, .box p, .box li{
	color:#FFFFFF;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}
.box h2{
	border-bottom:1px solid #FFFFFF;
	font-size:1.2em;
}

/*
 * img
 ********************************/
img{
	border:none 0;
}
img.border{
	padding:1px;
	margin:0 0 1em 0;
	background-color:#F60;
	border:1px solid #930;
}
div.videoright, img.right{
	float:right;width:162px;
	padding:1px;
	margin:0 0 1em 0;
	background-color:#F60;
	border:1px solid #930;
}
.thumbnail img{
	float:left;
	padding:1px;
	margin-right:5px;
	margin-bottom:3px;
	background-color:#F60;
	border:1px solid #930;
}
.thumbnail{
	height:1%;
}
.thumbnail:after {
	display:block;
	clear:both;
	float:none;
	height: 0;
	overflow:hidden;
	margin: 0;
	padding:0;
	content:".";
	visibility:hidden;
}
/*
 * article
 ********************************/
.article {
	width:265px;
	margin:0;
	padding:10px;
	float:left;
	clear:none;
	height:1%;
}
.article:after {
	display:block;
	clear:both;
	float:none;
	height: 0;
	overflow:hidden;
	margin: 0;
	padding:0;
	content:".";
	visibility:hidden;
}
/*
 * columns
 ********************************/
.column {
	width:370px;
	margin:0 0 0 10px;
	background:#930 url(../pictures/bg/boxmiddle.png) repeat-y 0 0;
	padding:0;
	float:left;
	clear:none;
	height:1%;
}
.first{
	margin:0;
}
.column .top{
	margin:0;
	padding:9px 9px 3px 9px;
	background: url(../pictures/bg/boxtop.png) no-repeat 0 0;
}
.column .bottom{
	margin:0;
	padding:9px 18px;
	background:#F60 url(../pictures/bg/boxbottom.png) no-repeat left bottom;
}
.column h2{
	margin:0;
	padding:9px;
	color:#FFF;
}
.column .content{
	margin:0;
	padding:9px;
	background-color:#FFF;
	min-height:35em;
}
.column .bottom .more {
	background: url(../pictures/bg/more_white.gif) no-repeat scroll 0 0.1em;
	color:#FFF;
}
/*
 * utilities
 ********************************/	
.more {
	font-weight: bold;
	color: #FF6600;
	background:url(../pictures/bg/more.gif) no-repeat 0 0.1em;
	padding-left:12px;
}
.link{
	font-weight:normal;
	color:#993300;
}
.intro {
	border: 1px solid #993300;
	padding: 2px;
}
.bold{
	font-weight:bold;
}
.hidden{
	display:none;
}
.white {
	height: 5px;
	margin:0px;
	padding: 0px;
}
/*
 * unobtrusive switchers
 ********************************/
dl#navigation dt span.switcher{
	float:left;
	color:#CC3300;
	padding:0 3px;
/*	background:url(../pictures/bg/switcherbg.png) no-repeat center center;*/
	font-size:1.2em;
	font-weight:bold;
}
dl#navigation dt span.switcher:hover{
	cursor:pointer;
	color:#fff;
}