/********************************************************************************************

	TOC:	- GENERAL
			- STRUCTURE
			- NAVIGATION
			- CONTENT & FORM
			- FOOTER

********************************************************************************************/


/****************************************  GENERAL  ****************************************/

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */

html, body, ul {
	border:0;
	margin:0;
	padding:0;
}

body {
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background:#F5F5F5 url(images/bg_header.gif) repeat-x;
	line-height:1.4em
}

img { border:none; }

h1 {
	color:#EF140C;
	font:1.6em Arial, Helvetica, sans-serif;
	margin:40px 0 20px 0;
}

#sidebar h1 {
	background:url(images/bg_line.gif) bottom repeat-x;
	color:#000;
	font:1.3em Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	padding-bottom:3px;
	margin:0 0 17px 0;
}

.boxes h1 {
	color:#000;
	font:1.3em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	margin:0 0 3px 0;
}

h2 {
	font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:20px 0 5px 0;
}

h3 {
	font:bold 1em Verdana, Arial, Helvetica, sans-serif;
	color:#FF6666;
	margin:0 0 5px 0;
}

td h3 {
	margin:0;
}

.left h3, .right h3 {padding-top:8px}

a {outline:none}

a:link {color:#6699FF; text-decoration:none;}
a:active {color:#6699FF; text-decoration:underline;}
a:visited {color:#6699FF; text-decoration:none;}
a:hover {color:#6699FF; text-decoration:underline;}

.clear {clear:both;}


/****************************************  STRUCTURE  ****************************************/

#wrapper {
	width:900px;
	margin:0 auto;
	min-height:100%;
	margin-bottom:-60px;
	height:auto;
}

*html #wrapper{height:100%;}

#header {
	height:154px;
}

#logo {
	width:180px;
	height:41px;
	float:left;
}

#headerright {float:right; text-align:right}

#fixnavigation {
	font-size:0.85em;
	margin-top:10px
}

#navigation {
	margin-top:54px;
}

#content {
	width:900px;
	position:relative;
}

#leftside {
	float:left;
	width:450px;
}

#rightside {
	float:right;
	width:450px;
}

#sidebar {
	background:url(images/bg_sidebar.gif) repeat-y;
	float:right;
	width:250px;
	margin-top:45px;
	padding:17px 15px;
	position:relative;
}

#subnavigation {
	background:url(images/bg_subnavi.gif) repeat-x;
	float:right;
	width:280px;
	margin-top:40px;
	position:relative;
}

#text {
	width:570px;
	float:left;
	position:relative;
}

#boxes {
	padding-top:40px;
	width:900px;
}

.boxes {
	background:#EBEBEB;
	border:#D1D1D1 1px solid;
	float:left;
	margin-right:30px;
	padding:10px;
	width:258px;
}

#footer {
	background:url(images/bg_footer.gif) top repeat-x;
	color:#fff;
	font-size:0.85em;
	height:60px;
	line-height:1.5em
}

#footerwrapper {
	width:900px;
	margin:0 auto;
}

#footerleft {
	float:left;
	margin-top:10px;
}

#footerright {
	float:right;
	margin-top:10px;
	text-align:right;
}

/****************************************  NAVIGATION  ****************************************/

#fixnavigation {color:#fff}
#fixnavigation a:link, #fixnavigation a:visited {color:#fff; text-decoration:none}
#fixnavigation a:active, #fixnavigation a:hover {color:#fff; text-decoration:underline}

#navigation ul {
   list-style:none;
   margin:0;
   padding:0;
}

#navigation li {
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-left:1px;
}

#navigation li a {
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding:9px 16px;
}

#navigation li a:hover {
	display:block;
	background:#F5F5F5 url(images/bg_navi.gif) repeat-x;
	border:#fff 3px solid;
	border-bottom:none;
	color:#CC0000;
	font-weight:bold;	
	text-align:center;
	text-decoration:none;
	padding:6px 11px 7px 11px;

}

#navigation .currentpage, #navigation a.activeparent {
	display:block;
	background:#F5F5F5 url(images/bg_navi.gif) repeat-x;
	border:#fff 3px solid;
	border-bottom:none;
	color:#CC0000;
	font-weight:bold;	
	text-align:center;
	text-decoration:none;
	padding:6px 11px 7px 11px;
}

#subnavigation ul {
   list-style:none;
   margin:0;
   padding:4px 0 40px 0;
}

#subnavigation li {
	font:1.1em Verdana, Arial, Helvetica, sans-serif;
}

#subnavigation li a {
	display:block;
	height:23px;
	background:url(images/subnavi_off.gif) no-repeat;
	color:#666;
	text-decoration:none;
	padding:7px 0 0 20px;
}

#subnavigation li a:hover {
	background:url(images/subnavi_on.gif) no-repeat;
	color:#CC0000;
	font-weight:bold;
	padding:7px 0 0 20px;
}

#subnavigation .currentpage {
	background:url(images/subnavi_on.gif) no-repeat;
	color:#CC0000;
	display:block;
	font-weight:bold;
	height:23px;
	text-decoration:none;
	padding:7px 0 0 20px;
}

#subnavigation .currentpage, #subnavigation .activeparent {
	background:url(images/subnavi_on.gif) no-repeat;
	color:#CC0000;
	font-weight:bold;	
	
}

/****************************************  CONTENT  ****************************************/

#text ul, .boxes ul {
   list-style:none;
   margin:0;
   padding:0;
}

#text li, .boxes li {
	background:url(images/icon_arrow.gif) 2px 12px no-repeat;
	padding:10px 0 0 12px;
	line-height:1em;
}

#text li.thumb {
	background:none;
	padding:0;
}

.imgborder {
	background:#fff;
	border:#ddd 1px solid;
	padding:3px
}

.imgborderref {
	background:#fff;
	border:#ddd 1px solid;
	padding:3px;
	margin:0 10px 15px 0
}

.dots {
	clear:both;
	width:570px;
	height:10px;
	margin:10px 0 0 0;
	border:none;
	background:url(images/icon_dots.gif) center repeat-x;
}

.dots2 {
	clear:both;
	width:570px;
	height:5px;
	margin:0 0 15px 0;
	border:none;
	background:url(images/icon_dots.gif) center repeat-x;
}

.marker {background:#EBEBEB; color:#999999; padding:1px}

.left {
	width:260px;
	float:left;
	padding-bottom:10px
}

.right {
	width:260px;
	float:right;
	padding-bottom:10px
}

table.ref  { margin-top:10px; }
th { text-align:left; padding:2px 0; }
.ref a { display:block; /*margin-top:10px;*/ }
.ref2 th, .ref2 td {background:url(images/icon_dots.gif) bottom repeat-x; padding:7px 0}

.jobs th {background:#EF140C; color:#fff; padding:4px}
.jobs td {background:url(images/icon_dots.gif) bottom repeat-x; padding:7px 0; padding:4px}

#sitemap {margin-left:20px}

#sitemap li {
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0 20px 12px;
}

#sitemap li li {
	background:url(images/icon_arrow2.gif) 2px 13px no-repeat;
	font-weight:normal;
	text-transform:none;
	padding:10px 0 0 10px;
}

/****************************************  PAGINATION  ****************************************/

#pagination {
	float:right;
}

.activepage {
	background:#CDCDCD;
	border:#CDCDCD 1px solid;
	color:#fff;
	float:left;
	margin:1px;
	padding:4px 8px;
	text-align:center;
}

.inactivepage {
	background:#fff;
	border:#CDCDCD 1px solid;
	color:#666;
	float:left;
	margin:1px;
	padding:4px 8px;
	text-align:center;
}

.inactivepage a, .inactivepage a:visited  {
	text-decoration:none;
	color:#666666;
}

/****************************************  FORM  ****************************************/

form p {
	clear:left;
	margin:0;
	padding:0 0 5px 0;
}

fieldset {
	border:#EAEAEA solid 1px;
	display:block;
	margin-bottom:20px !important; /** 'cause IE doesn't behave.. **/
	margin-bottom:10px;
	padding:13px;
}

legend {
	font-weight:bold;
	color:#666;
}

label {
	float:left;
	font-weight:bold;
	width:120px;
	margin:5px 0 5px 0;
}

input, textarea, select {
	width:260px;
	margin:0px;
	padding:4px;
	border:#CCCCCC solid 1px;
	background:#F8F8F8;
	color:#666666;
	font-size:0.9em;
}

select {width:270px;}

textarea {
	height:100px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
}

.checkbox, .radio {
	width:13px;
	border:0;
	vertical-align:middle;
	padding:0;
	margin:0
}

.button {
	width:100px;
	margin-bottom:4px !important;
	margin-bottom:0;
}

.error {
	background:#FDF5F5 url(images/icon_attention.gif) right no-repeat;
	border:1px solid #F01C26;
}

.red {color:#F01C26}

.small {color:#999999; font-size:0.8em}

/****************************************  FOOTER  ****************************************/

#footer a:link, #footer a:visited {color:#fff; text-decoration:none}
#footer a:active, #footer a:hover {color:#fff; text-decoration:underline}

#footer .title {
	display:block;
	padding-bottom:6px;
}

#footer ul {
   list-style:none;
   margin:0;
   padding:0;
}

#footer li a {
	display:block;
	width:160px;
	background:url(images/bg_dots.gif) bottom repeat-x;
	color:#6991C3;
	text-indent:10px;
	padding:4px 0;
}