body {
	margin: 0;
	padding: 0;
	font: normal 68%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif;
	color: #565552;
	text-align: center;
	background: #f2f2ea url(images/bg_background_tile.gif) repeat-x;
}

div {
	position: relative;
	margin: 0;
	padding: 0;
}

dl { margin: 0; padding: 0;}
dt { font-weight: bold;}
dd { margin: 0 0 0 1ex; }
ul { list-style: square; }

h1,h3#manchet,h5,h6,p,li { margin: 0 0 1.5ex 0;}
h2,h3,h4 { margin: 1.5ex 0 .5ex 0; }
h1 { font: normal 200%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif; color: #CC3000; margin: 0 0 1ex 0; }
h2 { font: bold 140%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif; color: #000; }
h3 { font: bold 110%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif; color: #000; }
h4 { font: bold 100%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif; }
h5 { font: bold 95%/1.2em 'lucida grande', 'lucida sans', 'trebuchet ms', verdana, sans-serif; }

a { color: #CC3000; }

address {font-style: normal; font-weight: normal;}

blockquote {
	background: #f2f2ea;
	border: 1px solid #e2e0d6;
	margin: 0 0 1.5ex 0;
	padding: 1ex 1em;
}

blockquote em, q {
	font: bold 110%/140% georgia, serif;
	font-style: italic;
}

#accesibility { display: none; }
.printerfriendly { display: none;}

#wrapper {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

/* BACKGROUND IMAGE AND PADDING */
#header { background: #fff url(images/bg_content_tile.gif) 0 0 repeat-y; height: 70px; width: 860px; }
#navigation { background: #fff url(images/bg_menu.gif) 0 0 no-repeat; height: 25px; }
#contentTop { background: #e2e0d6 url(images/bg_content_top.gif) 0 0 no-repeat; height: 20px; }
#contentArea { background: #e2e0d6 url(images/bg_content_tile.gif) 0 0 repeat-y; height: auto; width: 860px;}
#contentBottom { background: #fff url(images/bg_content_bottom.gif) 0 0 no-repeat; height: 40px;}
#footer { background: #e2e0d6 url(images/bg_footer.gif) 0 0 no-repeat; height: 60px; }
#header, #navigation, #contentTop, #contentArea, #contentBottom, #footer { padding: 0 40px; }

#frontpage #contentArea, #frontpage #footer { background-color: #fff; }
#frontpage #content { background: transparent url(images/bg_frontpage.jpg) 0 0 no-repeat; width: 860px; }

/* FRONTPAGE SPLASH */
#splash {
	margin: 20px 270px 20px 0;
	padding: 20px 100px 0 40px;
	height: 327px;
	background: transparent url(images/bg_gallery.gif) 0 199px no-repeat;
}

#splash h1 {
	margin: 0 0 1ex 0;
	padding: 0;
	font-size: 150%;
	line-height: 1.25em;
}

#splash h2 {
	margin: 0 0 1ex 0;
	padding: 0;
	font-size: 125%;
	line-height: 1.25em;
}

#gallery {
	position: absolute;
	display: block;
	left: 0;
	bottom: 30px;
	line-height: 25px;
	padding: 0 0 0 20px;
	width: 180px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

/* LOGO */
#header h1 {
	margin: 0;
	padding: 0;
	text-indent: -100000px;
}

#header h1 a{
	background: transparent url(images/gx_logo.gif) 0 0 no-repeat;
	display: block;
	width: 230px;
	height: 56px;
}

/* NAVIGATION TOOLS */
#navTools {
	margin-top: 30px;
}

#navTools li {
	float: left;
	margin-left: 20px;
	list-style: none;
}

#navTools li.active a {
	font-weight: bold;
	color: #000;
}

/* NAVIGATION TOP */
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#navigation ul li {
	float: left;
	display: block;
	line-height: 25px;
	margin: 0 20px 0 0;
}

#navigation ul li a{
	display: block;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation ul li a:hover{
	color: #000;
	text-decoration: underline;
}

#navigation ul li.active {
	background: transparent url(images/bg_menu_selected.gif) 0 0 no-repeat;
	padding: 0 0 0 10px;
	margin: 0 10px 0 0;
}

#navigation ul li.active a{
	color: #000;
	background: transparent url(images/bg_menu_selected.gif) 100% 0 no-repeat;
	padding: 0 10px 0 0;
}

/* NAVIGATION LEFT */
#navLeft {
	width: 200px;
	padding: 1px 0 0 0;
}
#navLeft ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navLeft ul li {
	background: transparent url(images/bg_menu_left.gif) 0 0 no-repeat;
	padding: 2px 0 0 0;
	margin: 0;
}

#navLeft ul li a{
	display: block;
	color: #605f5c;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(images/bg_menu_left.gif) 0 100% no-repeat;
	padding: 5px 15px 7px 10px;
}

/*#navLeft ul li:hover {
	background-position: -400px 0;	
}*/

#navLeft ul li a:hover {
	/*background-position: -400px 100%;	*/
	color: #000;
	text-decoration:underline;
}

#navLeft ul li.active {
	background-position: -200px 0;
}

#navLeft ul li.active a{
	background-position: -200px 100%;
	color: #cc3000;
}


/* CONTENT PAGE */
#contentPage #content { width: 420px; margin: 0 20px; }
#contentPage #sidebar { width: 200px;}

/* CONTENT PAGE */
#contentPageWide #content { width: 640px; margin: 0 0 0 20px; }
#contentPageWide #sidebar { display: none;}

#footer h5 { padding: 35px 0 0 10px; color: #71706d; }
#footer a { color: #71706d;}

/* CLASSES */
.alignL { text-align:left; }
.alignR { text-align:right; }
.floatL { float: left; }
.floatR { float: right; }
img.floatL { padding: 5px; border: 1px solid #b5b3a9; margin: 0 1em 1ex 0; }
img.floatR { padding: 5px; border: 1px solid #b5b3a9;  margin: 0 0 1ex 1em; }
p.floatL img { padding: 5px; border: 1px solid #b5b3a9; }
p.floatR img { padding: 5px; border: 1px solid #b5b3a9; }
p.floatL { margin: 0 1em 1ex 0; font-size: 90%; font-weight: bold; }
p.floatR { margin: 0 0 1ex 1em; font-size: 90%; font-weight: bold; }

.clearL {clear: left; }
.clearR {clear: right; }
.container { display: table; width: 100%;}

/* BOXES */
dl.box {
	background: #e2e0d6 url(images/bg_box_content.gif) 0 100% no-repeat;
	padding: 10px;
	width: 180px;
	margin: 0 0 20px 0;
}

dl.box.fade {
	background: #fff url(images/bg_box_content_fade.gif) 0 0 repeat-x;
	min-height: 200px;
}

dl.box.floatL{
	margin-right: 20px;
}

dl.box.last {
	margin-right: 0;
}

dl.box dd {
	margin: 0;
}

dl.box dt {
	background: #cc3000 url(images/bg_box_header.gif) 0 0 no-repeat;
	color: #fff;
	margin: -10px -10px 5px -10px;
	padding: 7px 10px;
	text-transform:uppercase;
}

dl.box dt a { color: #fff; text-decoration: none; }
dl.box dt a:hover { text-decoration: underline; }

dl.box ul { margin: 0; padding: 0;}
dl.box ul li {
	list-style: none;
}