/***********************************************************
Title:     Main | Emile Blume - Netcreators.com
************************************************************/

/* Global reset v1.0 | 20081023 //////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, strong, u, i, em, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background:transparent;
}

a img { border: none; }
abbr, acronym, .help { border-bottom:1px dotted #333; cursor:help; }
blockquote, q { quotes:none;}
blockquote { padding: 1em; background: #f3f3f3; margin-bottom: 1.5em; }
blockquote p { margin-bottom: 0; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content:none; }

dd { margin-left:1em;}
sup, sub { font-size:x-small; vertical-align:top; }
sub { vertical-align:bottom;}
table {	border-collapse:collapse; border-spacing:0; empty-cells:show; }
table td { vertical-align:top; }
.csc-menu dd { margin-left:0; }
.hidden { display:none; }
.bold { font-weight:bold; }
.right { float:right; }

/* Base ////////////////////////////////////////////////////////////////////////////////*/
body { 
	background: #FFF;
	color: #4D4D4D;
	font: normal 68%/1.5 Verdana,Arial,Helvetica,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color:#0E6293;
	line-height:1em;
	font-weight:normal; 
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; font-weight: bold; }
h1, h2, h3 {margin-bottom: 1em; }
h4{ margin-bottom:0.6em; }
h5, h6 { margin-bottom: 0.3em; }

p { font-size: 1em; margin-bottom:1.5em; }
pre, code, kbd, samp { font-size:1.5em; }
pre code { font-size:1em; }

a { color:#D64DA0; text-decoration:none; }
a:hover { text-decoration:underline; }
a.special {
	background:url(../img/arrow-red.gif) no-repeat left 4px;
	color:#4D4D4D;
	padding-left:10px;
}

hr {
	clear:both;
	display:block;
	background: #D0C4CB;
	color: #D0C4CB;
	border: 0;
	height: 1px;
	margin-bottom: 10px;
}

.csc-frame-rulerAfter, .csc-frame-rulerBefore { border-bottom:1px solid #D0C4CB; margin-bottom: 1.5em;}

ol, ul { 
	list-style:disc;
	margin: 0 0 1.3em;
	padding: 0 0 0 1.3em;
}

ol { list-style:decimal; margin-left:0.7em; }

.hidden { display: none; }
.unhidden { display: block; }

.float-left { float:left; margin:0 5px 0 0; }
.float-right { float:left; margin:0 0 0 5px; }

/* table with borders //////////////////////////////////////////////////*/
table.border th, table.border td { border:0px solid #333; padding:0.3em; }

td { height:auto; padding:0.3em; text-align:left;}
td p { margin:0; }
caption, th { padding:0.3em; }

.contenttable td, .contenttable th { border:1px solid #E4E4E4; padding:0.6em; }

/* Layout 3 cols ///////////////////////////////////////////////////////////////*/
#container {
	margin: auto;
	width: 966px;
	position: relative;	
}

#main, #header, #left, #center, #right, #footer {
	float: left;
	display: inline; /* workaround for IE6*/
}

#main { background: url(../img/bg-main.gif) repeat-y center top;}
#description, #skip, .hide { display:none;}

#header{
	background:url(../img/bg-header.jpg) no-repeat center top;
	height: 205px;
	position: relative;
	width: 966px;
}

#header-image {
	height:133px;
	width:960px;
	overflow:hidden;
	left:3px;
	top:25px;
	position:absolute;
	z-index:1;
}

#header-text {
	height:12px;
	width:200px;
	right:12px;
	top:6px;
	position:absolute;
	z-index:300;
}

#header-text p {
	background:url(../img/arrow-red-down.gif) no-repeat left 5px;
	display:block;
	padding-left:12px;
	color:#706D78; 
	font-size:9px;
	margin:0;
	height:12px;
	width:200px;
}

#logo {
	background:url(../img/bg-logo.png) no-repeat left top;
	height:85px;
	width:395px;
	left: 3px;
	top: 74px;
	position: absolute;
	z-index:14;
}

#logo img { margin-top:20px; }
#copy { padding-right: 0.3em;}

.align-center { text-align:center; }
.align-right { text-align:right; }

/* Left  ////////////////////////////////////////////////////////////////////////*/
#left { margin-left:12px; width: 160px; }
#leveltitle { background:#F3F3F3; width:166px; }
#leveltitle h2 {
	color:#0E6293;
	font-size:16px;
	margin:0px;
	padding:6px 8px 10px 15px;
}

/* Center ///////////////////////////////////////////////////////////////////////*/
#center{
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin:0 5px;
	padding:10px 15px;
	width: 526px;
}
/* Right ////////////////////////////////////////////////////////////////////////*/
#right p { margin-bottom:0.6em; }
#right ul {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
}

#right ul li a { 
	background:url(../img/arrow-gray.gif) no-repeat left 5px;
	font-size:10px;
	padding-left:10px;
}

#rightOne {
	background:#EBEBEB url(../img/bg-right.gif) no-repeat left bottom;
	margin-left:18px;
	margin-bottom:10px;
	/*padding:5px 5px 10px;*/
	padding:0px 5px 10px;
	width:190px;
}

#rightTwo {
	margin-left:18px; 
	width:190px;
}


/* Footer ////////////////////////////////////////////////////////////////////////*/
#footer{
	background:url(../img/bg-footer.gif) no-repeat left top;
	height:50px;
	margin: auto;
	padding-top:25px;
	width: 966px;
}

#copy {
	color:#888888;
	font-size:9px;
	padding: 6px 18px;
	text-align:right;
}

#print a {
	background:url(../img/print.gif) no-repeat left top;
	height:42px;
	width:45px;
	display:block;
	top:205px;
	right:230px;
	position:absolute;
	text-indent:-9999px;
}


/* Frames ////////////////////////////////////////////////////////////////////////*/
.frame-03 {
	background:#FFF;
	display:inline;
	float:left;
	height:auto; /* !important;*/
	width:215px;
	margin:0 7px 7px 0;
	overflow:hidden;
}

.bottom .frame-03 {
	min-height:120px;
	height:120px;
}

.frame-03 .csc-menu { padding:5px;}
.frame-03 dd { font-size:10px; }
.frame-03 a {
	background:url(../img/arrow-gray.gif) no-repeat left 6px;
	display:block;
	font-size:10px;
	padding-left:10px;
}
.frame-03 h4 { background:#72B305; display:block; color:#FFF; font-size:13px; margin:0; padding:5px; }
.frame-03 h4 a { background:none; color:#FFF; font-size:13px; padding:0; }

.spacing { padding:0 8px; }
#right .frame-01, #right .frame-02 {
	padding-bottom:5px;
	clear:both;
	margin-bottom:4px;
	width:190px;
}

#right .frame-01 {background:#F6F6F6 url(../img/bg-frame-01-bottom.gif) no-repeat left bottom;}
#right .frame-02 {background:#d0c4cb url(../img/bg-frame-02-bottom.gif) no-repeat left bottom;}

#right .frame-01 .top, #right .frame-02 .top {
	display:block;
	height:8px;
	width:190px;
}

#right .frame-01 .top {background:#F6F6F6 url(../img/bg-frame-01-top.gif) no-repeat left top;}
#right .frame-02 .top {background:#d0c4cb url(../img/bg-frame-02-top.gif) no-repeat left top;}

#rightTwo .frame-01 {
	background:#FFF url(../img/bg-rightTwo.gif) no-repeat left bottom;
	padding-bottom:10px;
	overflow:hidden;
	width:199px;
}

#rightTwo .frame-01 .top { display:none; }
#rightTwo .frame-01 .spacing { padding:0; }
#rightTwo .frame-01 .csc-textpic-text { padding:0 10px; }