body {
	font-family: trebuchet MS, trebuchet, verdana, sans-serif;
	font-size: 1em;
	margin:10px 0 0 0;
	padding:0;
	background: #666;
	color:#333;
	min-width:800px;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
.msg {
	font-size: 0.75em;
	padding: 5px 30px 3px 5px;
}
h1 {
	font-size: 1em;
	padding: 5px 0px 0px 0px;
}
h2 {
	font-size: 0.75em;
	padding: 3px 0px 0px 0px;
}
a:link, a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	border-bottom: 1px dotted #333;
}

a:hover{
	border-bottom: 1px dotted #fff;
}

div#wrap {
	background:#fff;
	margin:0 auto;
	width:780px;
}

.header {
	background-color: #ccc;
	padding: 5px 0px 5px 25px;
	border: 5px solid #fff;
	float: left;
	clear: left;
}

.hp{
	border: 5px solid #fff;
}

.logo {
	background-color: #ccc;
	float: left;
	padding:15px 5px 5px 0px;
}


.center {
	background-color: #ccc;
	padding: 5px 5px 5px 5px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	float: left;
	clear: left;
}

.left {
	float:left;
	border: 1px solid #fff;
	width:250px;
	height:275px;
}

.right {
	padding: 0;
	margin: 0;
	width:390px;
	height:250px;
	float: right;
	clear: right;
}

span.slideArea {
	float:left;
	border: 1px solid #fff;
	margin: 0;
	padding: 0 0 0 5px;
	height:275px;
	overflow: auto;
	overflow-x: hidden;
	display: block;
	
	scrollbar-base-color: #ccc;
	scrollbar-arrow-color: #30428F;
	scrollbar-track-color: #C7C6C7;
	scrollbar-shadow-color: #30428F;
	scrollbar-lightshadow-color: black; 
	scrollbar-darkshadow-color: gray;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-3dlight-color: #C7C6C7;
}

#footer {
	border: 5px solid #fff;
	background-color: #ccc;
	clear: both;
}

#footer p {
	font-size: 0.67em;
	text-align: center;
	padding:5px;
	margin:0;
}

.tabnavigation {
	height: 20px;
	margin: 0;
	padding: 0;
}
/* begin css tabs by Joshua Kaufman*/

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px trebuchet ms, verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #666; /* set border COLOR as desired */
list-style-type: none;
padding: 0px 10px 3px 20px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #666; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #666; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #666; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 2px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #666; /* set desired hover color */
color: #fff;
}

/* end css tabs */