@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #FFF;
	background-image: url(../images/interface_00.jpg);
	background-repeat: repeat-x;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

a {
	background: url(images/img03.gif) repeat-x left bottom;
	text-decoration: none;
	color: #1D62B3;
}

a:hover {
	background: none;
	color: #E43C15;
}

/* Search */

#search {
	float: right;
	width: 200px;
	padding: 40px 20px 4px 0;
	background: url(../images/img05.gif) no-repeat left bottom;
}

#search fieldset {
	border: none;
}

#search legend {
	display: none;
}

#s {
	float: left;
	width: 155px;
	margin: 0 0 0 10px;
	background: none;
	border: none;
	font: bold 13px Arial, Helvetica, sans-serif;
	color:#999;
}

#x {
	display: none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	text-align: left;

}
#header {
	background: url(../images/interface_01.jpg) no-repeat;
	height: 194px;
}

#body {
	background: url(../images/interface_02.jpg) repeat-y;
}

#footer {
	background: url(../images/interface_03.jpg) no-repeat;
	height: 82px;
}

#footer p {
	padding-top: 30px;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
	color:#999;
}

#content {
	/*border:#000 thick solid;	*/
}

#left {
	width:590px;
	float:left;
	padding-left:40px;
	/*border:#F00 thick solid;*/
text-align:left;
}
#left h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
#left h2 a {
text-decoration: none;
}
#left h2 a:hover {
color: #333;
}

#left h1 { 
font-size: 28px;
letter-spacing: -1px;
padding-bottom:10px;
color:#666;
}
#side {
	width:180px;
	float:right;
	padding-right:30px;
/*	padding-left:20px;*/
	/*border:#0C3 thick solid;*/
}

#side h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #111;
color: #fff;
font-size: 13px;
}

#side ul {
font-size: 10px;
padding: 10px 0 15px 10px;
list-style: url(../images/arrowright.gif);

}

#side ul li a {
color:#000;
text-decoration: none;
font-weight: 100;
}
#side ul li a:hover {
	color: #1D62B3;
list-style: url(../images/arrowright_hover.gif);
}


.bigpix {
	margin-bottom: 20px;
	background: #F0F0F0;
	width:587px;
}

.bigpix .image {
}

.bigpix .caption {
	margin: 0;
	padding: 2px 10px 5px 10px;
	line-height: normal;
	font-size: .8em;
	font-weight: bold;
	color: #999999;
}

.bigpix .caption a {
	color: #999999;
}

/* MENU */
#pad {height:140px;}
#menu {padding:0; padding-left:26px; margin:0; list-style:none; height:40px; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#menu li {float:left; margin-right:1px;}
#menu li a {display:block; float:left; height:40px; line-height:40px; background:#333; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 30px 0 20px;}


#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {z-index:200; position:relative;color:#fff; background-color:#C00;}
#menu li:hover {position:relative; z-index:200;}

#menu li:hover > a {color:#fff; background:#C00;}
#menu li:hover > a.sub {color:#fff; background-color:#C00;}

#menu li.current a {color:#fff; background:#800;}

#menu li a.start { padding-right:43px;}
#menu li a.end { padding-right:24px;}

#menu li a.sub {background: #333 url(../images/down-arrow.gif) no-repeat right center;}
#menu li.current a.sub {color:#fff; background:#800 url(../images/down-arrow.gif) no-repeat right center;}

#menu :hover ul {left:0; top:40px; width:120px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu :hover ul :hover ul
{left:120px; top:-1px; background:#222; white-space:nowrap; width:100px; z-index:200; height:auto;}

#menu :hover ul li {margin:0; border-top:1px solid #666;}
#menu :hover ul li a {width:120px; padding:0; text-indent:10px; background:#333; color:#ccc; height:30px; line-height:30px;}
#menu :hover ul li a.fly {background:#333 url(../images/right-arrow.gif) no-repeat right center;}

#menu :hover ul :hover {background-color:#C00; color:#fff;}
#menu :hover ul :hover a.fly {background-color:#C00; color:#fff;}

#menu :hover ul li.currentsub a {background:#840; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#840 url(../images/right-arrow.gif) no-repeat right center; color:#fff;}

#menu :hover ul :hover ul li a {width:100px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#d70; color:#fff;}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#840; color:#fff;}