/*	TOC
	------------
	global resets
	wrapper
	text
	header
	navigation
	main-content
	rotator1
	info
	divider
	columns
	banner-area
	footer
*/


/************ global resets *************/
* {margin:0; padding:0;}
ol, ul{list-style:none;}
strong { font-weight: 700;}
em {font-style: italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;cursor:pointer;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */
select img {border:none;}
img {border:none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;}
.center {text-align: center; margin: inherit auto;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}


/************ wrapper *************/
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;font-size-adjust: none;font-stretch: normal;font-style: normal;
	font-variant: normal;font-weight: normal;line-height: normal;text-align: center; /* for IE */
}

#wrapper{width: 960px; margin: 120px auto 0 auto; text-align: left;overflow: visible;position: relative;background: none;}



/************ text *************/
h1, h2, h3, h4 {letter-spacing: .05em;}

h1 {font-size: 1.8em; line-height: 1em;}

h2 {font-size: 1.4em; line-height: 1em;}

h3 {font-size: 0.9em; line-height: 0.9em;}

h4 {font-size: 0.8em; line-height: 0.8em;}

p {font-size: 0.7em; line-height: 1.4em;text-align: justify;}



/************ header *************/
#header { 
	position: relative;
	width: 960px;height: 60px;
	margin: 15px 0 0;
	
}

#header h1, #header h2 {font-style: italic;text-align: center;}

#header h1 {height: 35px;} #header h2 {height: 26px;}

#logo {
	background: url(images/logo.png) no-repeat top left;
	position: absolute;
	top: 0px;left: 10px;
	width: 421px;height: 50px;
}

#slogan {
	position: absolute;
	top: -7px;right: 10px;
	width: 400px;height: 50px;
}



/************ navigation *************/
#navigation {
	position: absolute;
	top: 30px;right: 10px;
	width: auto;height: 30px;
}

#navigation ul li {padding: 0 4px 0 0;float: left;}
#navigation ul li.last {padding: 0}

#navigation ul li a, #navigation ul li a:visited {
	border: 2px solid;
	border-bottom: none;
	font-size: 0.8em;
	line-height: 2em;
	padding: 10px 15px;
	text-decoration: none;
}




/************ main-content *************/
#main-content {
	position: relative;
	width: 940px;
	padding: 10px;margin:0 0 15px 0;
}



/************ rotator1 *************/
#rotator1, #youtube {
	width: 421px;height: 282px;overflow: hidden;position: relative;
	float: left;overflow: hidden;
}
#youtube {display:none;}
#slider-list {display:none;}


/************ info *************/
#info, #wrapper .jScrollPaneContainer {
	width:490px; height:268px;
	position: relative;overflow: hidden;
	z-index: 1;float: right;
}

#wrapper .jScrollPaneContainer {
	border: 2px solid;
}

#info {
	padding: 5px 5px 5px 10px;
}

#wrapper .jScrollPaneTrack {
	position: absolute;cursor: pointer;
	right: 0;top: 0;height: 100%;
}

#wrapper .jScrollPaneDrag {
	position: absolute;cursor: pointer;overflow: hidden;
}

#wrapper .jScrollPaneDragTop, #wrapper .jScrollPaneDragBottom {
	position: absolute;overflow: hidden;
	top: 0;left: 0;
}

#info h2 {margin-bottom: 10px;}
#info h3 {margin-bottom: 5px;}
#info p {margin-bottom: 10px}
#info ul {list-style: disc inside;margin: 0 0 10px 5px;font-size: 0.7em; line-height: 1.4em;}
#info .last {margin-bottom: 0}



/************ divider *************/
#divider {
	position: relative;
	width: auto; height: 30px;
	border-top: 10px solid;
	margin: 0 0 10px;clear: both;
}



/************ columns *************/
#columns {
	float: left;
	width: 515px; height: 301px;
	border-top: 2px solid;
	border-bottom: 2px solid;
	margin: 0 0 10px 0;
}

#columns .column {
	width: 157px;height: 289px;
	padding: 6px;
	border-left: 2px solid;
	float: left;
}

#columns h3 {
	padding: 5px 0; margin: 0 0 10px 0;
	text-align: center;
}

#columns .column span {display: none}

#columns img {
	margin: 0 0 10px 0;
	border: 1px solid;
}

#columns div.last {border-right: 2px solid;}



/************ banner-area *************/
#banner-area {
	width: 401px;height: 285px;
	float: right;margin: 0 0 10px 0;
	padding: 10px;
}

#banner-area .banner {
	width: 377px;height: 109px;
	margin: 0 0 19px 0;
	padding: 10px;
	text-align: center;
	border: 2px solid;
	font-size: 1.5em;
}

#banner-area h3 {margin-bottom: 10px;}
#banner-area p {text-align: center;}
#banner-area div.last {margin-bottom:0}



/************ footer *************/
#footer {
	text-align: center;
	width: auto; height: auto;
	padding: 5px 0 10px;
}

#footer ul li {
	display: inline;
	padding: 0 10px 0 6px;
	border-right: 1px solid;
	font-size: 0.7em;line-height: 2em;
}

#footer ul li.last {padding-right: 0;border:none}
#footer p {text-align: center;margin-top: 5px;}