/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#topsection{ background:url(images/header.jpg) no-repeat 0% 0%; height: 120px; margin-top: 10px;
}

h1.container { font: bold 36px arial, helvetica, sans-serif; position: relative; left: 2px; top: 2px; color: #333; word-spacing: normal; padding: 5px 10px; margin-top: 0; }

.text { position: absolute; left: -2px; top: -2px; color: #fff; padding: 5px 10px; }

/* -----------------------------------*/
/* ------>>> PAGE STRUCTURE <<<-------*/
/* -----------------------------------*/

body{ margin:0; padding:0; }

body{ height: 100%; }

html{ height: 100%; }

#maincontainer{ width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; margin-bottom: 0.1pt; }

#contentwrapper{ background: url(images/leftcolumn.png) repeat-y 0% 0%; float: left; width: 100%; }

#contentcolumn{ background-color: #fff; margin-left: 370px; }

#leftcolumn{ float: left; width: 180px; margin-left: -960px; }

#rightcolumn{ float: left; width: 190px; margin-left: -780px; }

#push { height: 30px; }

#footer { height: 30px; }

#footer{ color: #fff; clear: left; background: #003366; text-align: center; margin: 0 auto; padding: 8px 0 0 0; width: 960px; }

.innertube{ margin: 0 15px 15px 15px; }

#contentcolumn .innertube{ margin: 0 0 15px 15px; }

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

#topNav { border-bottom: 5px solid #036; height: 24px; width: 100%; margin-top: 10px; }

#topNav ul { padding: 0 0 0 13px; margin: 0; float: left; }

#topNav ul li { display: inline; }

#topNav ul li a { font: normal 13px/24px arial, helvetica, sans-serif; background: transparent url(images/bt_left.png) no-repeat 0 0; outline: none; color: #fff; text-decoration: none; float: left; font-weight: bold; margin: 0 0 0 -7px; padding: 0 6px; }

#topNav ul li a span { background: #fff url(images/bt_right.png) no-repeat top right; padding: 4px 6px 4px 0; }

#topNav ul li a:hover { background: #fff url(images/bt_left.png) no-repeat 0 -30px; }

#topNav ul li a:hover span { background: #fff url(images/bt_right.png) no-repeat right -30px; color: #fff; }

#topNav .current { background: #fff url(images/bt_left.png) no-repeat 0 -30px; color: #fff; }

#topNav .current span { background: url(images/bt_right.png) no-repeat right -30px; color: #fff; }

#menu { padding-left: 0; margin: 0; border-top: 1px solid #e6ebf0; border-bottom: 1px solid #e6ebf0; width: 180px; }

#menu li { list-style: none; margin: 0; }

#menu li a { font: bold 13px/1.2em arial, helvetica, sans-serif; border-bottom: 1px solid #e6ebf0; color: #333; display: block; background: #bfccd9 url(images/menu.png) repeat-x 0% 0%; line-height: 1.75em; text-decoration: none; text-indent: 1.5em; }

#menu li a:hover { background-image: none; background-color: #809ab3; border-bottom: 1px solid #e6ebf0; color: #e6ebf0; }

#menu a.current:hover { background: #809ab3 url(images/current.png) no-repeat 0 center; border-bottom: 1px solid #e6ebf0; color: #e6ebf0; }

#menu a.current { background: #809ab3 url(images/current.png) no-repeat 0 center; border-bottom: 1px solid #e6ebf0; color: #e6ebf0; }

#menu a.last { border-bottom-width: 0; }

#menu a:hover.last { border-bottom-width: 0; }

/* -----------------------------------*/
/* --------->>> HEADINGS <<<----------*/
/* -----------------------------------*/

h6 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h5 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h4 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h3 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h2 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h1 { color: #809ab3; margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0;
}

h1 { font-size: 240%; }
h2 { font-size: 180%; }
h3 { font-size: 140%; }
h4 { font-size: 100%; }
h5 { font-size: 70%; }
h6 { font-size: 50%; }

/* -----------------------------------*/
/* ----------->>> LISTS <<<-----------*/
/* -----------------------------------*/

dl { margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }

ol { margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }

ul { margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }
ol ol { margin-top: 0; margin-bottom: 0; }

ol ul { margin-top: 0; margin-bottom: 0; }

ul ol { margin-top: 0; margin-bottom: 0; }

ul ul { margin-top: 0; margin-bottom: 0; }

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

* { outline: none; }

html { font-size:100.01%; }

body { font: normal 1em/1.2em arial, helvetica, sans-serif; word-spacing: 0.1em; color: #333; }

#footer { font-size: 0.8em; }

#maincontainer { font-size: 0.8em; }

#footer { color: #fff; }

p { margin-top: 10px; margin-bottom: 10px; padding-top: 0; padding-bottom: 0; }

img { border: none; padding: 0; margin: 0; }

pre { font-family: "Courier New", Courier, monospace; }

code { font-family: "Courier New", Courier, monospace; }

label { cursor: pointer; }

td { font-size: 100%; margin: 0; border-color: #bfccd9; border-collapse: collapse; vertical-align: top; padding: 5px; }

tr { font-size: 100%; margin: 0; border-color: #bfccd9; border-collapse: collapse; vertical-align: top; padding: 5px; }

table { font-size: 100%; margin: 0; border-color: #bfccd9; border-collapse: collapse; vertical-align: top; padding: 5px; }

td.colored { background-color: #e6ebf0; }

/* -----------------------------------*/
/* ----------->>> LINKS <<<------------*/
/* -----------------------------------*/

a:active { color: #333399; text-decoration: underline; }

a:visited { color: #333399; text-decoration: underline; }

a:link { color: #333399; text-decoration: underline; }

a { color: #333399; text-decoration: underline; }

#footer a:active { color: #ffffcc; text-decoration: underline; }

#footer a:visited { color: #ffffcc; text-decoration: underline; }

#footer a:link { color: #ffffcc; text-decoration: underline; }

#footer a { color: #ffffcc; text-decoration: underline; }

#footer a:hover { color: #ffffcc; text-decoration: none; }

/* -----------------------------------*/
/* ----------->>> FORM <<<------------*/
/* -----------------------------------*/

form { padding: 0; margin: 15px 0; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.form p {
	clear: left;
	margin: 0;
	padding: 0 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1%;
}

.form label {
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some 	right margin*/
}

.form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

input {
	border: 1px solid #bfccd9;
}

.form textarea {
	border: 1px solid #bfccd9; 
	width: 250px;
	height: 150px;
}

.button {
	border: 1px solid #003366;
	background-color: #003366;
	color: #fff;
}

/* -----------------------------------*/
/* ---------->>> EXTRAS <<<-----------*/
/* -----------------------------------*/

/* always visible */
#outer .holder {padding:1em; border:1px solid #bfccd9; margin:0 20px 10px 0; width: 548px; }
#outer .holder p {padding:5px 0 0 0; margin:0;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#333399; font-style: normal; text-decoration: underline; }
#outer div.more i:hover {color: #ff6600; text-decoration: none; }
#outer div.more i.hide {display:none;}
#outer div.more p {display:none;}
#outer div.more img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none;}
#outer div.click i.hide {display:block;}
#outer div.click p {display:block;}
#outer div.click img {display:block; float:left; padding-right:10px;}

div#box3 { font: normal 13px/1.2em arial, helvetica, sans-serif; width: 175px; background: #bfccd9; padding: 5px 10px; margin: 10px 0; }

div#box2 { font: normal 13px/1.2em arial, helvetica, sans-serif; width: 175px; background: #bfccd9; padding: 5px 10px; margin: 10px 0; }

div#box1 { font: normal 13px/1.2em arial, helvetica, sans-serif; width: 175px; background: #bfccd9; padding: 5px 10px; margin: 10px 0; }

div#box3 p { color: #333; margin: 0; padding: 5px 10px; }

div#box2 p { color: #333; margin: 0; padding: 5px 10px; }

div#box1 p { color: #333; margin: 0; padding: 5px 10px; }

.float_left { border: 1px solid #003366; float: left; margin: 5px 10px 0 0; padding: 4px; }

.float_right { border: 1px solid #003366; float: right; margin: 5px 0 0 10px; padding: 4px; }

.clear:after { content: "."; clear: both; display: block; height: 1%; visibility: hidden; }

#slideshow.js{ width:163px; border:1px solid #003366; padding:5px; background:#fff; margin:0 0 10px 0; color:#000; }

.slidenav{ width:163px; border:1px solid #003366; border-bottom:none; padding:5px; margin:1em 0 0 0; text-align:center; font-weight:bold; background:url(images/slideshow.gif) repeat-x #ccc; font-size:90%; }

.slidenav a{ text-decoration:none; color:#000; }

.slidenav span{ padding:0 1em; color:#000; }

#slideshow.js img{ display:block; margin:0 auto; }

#slideshow.js li{ display:none; padding:0; }

#slideshow.js li.current{ display:block; }