body, table {
color:#666;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-size:12px;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, tr, div, img, input {
margin:0px;
padding:0px;
}
html, body {
height:100%;
}

#header {
margin:0 -1em 0 -1em;
padding:0 0 0 0;
height:50px;
width: 900px;
background-color:#fff;
border-top:1px solid #ffffff;
}

hr {
margin-bottom:20px;
border:none;
width:99%;
color:#ccc;
background-color:#ccc;
height:1px;
clear:both;
}

h1 {
font-size:22px;
font-weight:bold;
margin-bottom:10px;
}
h2 {
font-size:18px;
font-weight:bold;
margin-bottom:7px;
}
h3, h4, h5, h6 {
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
a {
color:#993399;
text-decoration:none;
}
a:hover {
color:#993399;
text-decoration: underline;
}
p {
margin-bottom:10px;
}

* { padding: 0; margin: 0; }

#wrapper { 
 margin: 0 auto;
 width: 900px;
 }

#leftcolumn { 
 color: #666;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 437px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #666;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 400px;
 display: inline;
 overflow: hidden;
}

#rightcolumnlong { 
 float: right;
 color: #666;
 border: 1px solid #ccc;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 350px;
 width: 400px;
 display: inline;
 overflow: scroll;
}


#container { 
 color: #666;
 border: 1px solid #fff;
 background: #fff;
 padding: 10px;
 width: 900px;
 float: center;
 height: 350px;
}

#containergall { 
 color: #666;
 border: 1px solid #fff;
 background: #fff;
 padding: 10px;
 width: 807px;
 float: center;
 overflow: visible;
 height: 350px;
}

#footer {
 float: center;
 width: 950px;
 clear: both;
 color: #666;
 border: 1px solid #fff;
 background: #fff;
 margin: 0px 0px 0px 0px;
 padding: 10px;
}

#footer li {
	display: inline;
	list-style-type: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
		
#footer ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#footer p {
	font-size: 14px;
	font-style: bold;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	text-align: center;
	color: #666;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	}
	
#footer a {
	color: #666;
	text-decoration: none;
	}

#footer a:hover {
	color: #993399;
	text-decoration: underline;
	}
	
#links { 
 clear: both;
 color: #993399;
 border: 1px solid #fff;
 background: #fff;
 margin-bottom: 10px;
 padding: 0px;
 position: bottom;
}

#links li {
	display: inline;
	list-style-type: none;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
		
#links ul {
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

#links p {
	font-size: 10px;
	font-style: bold;
	font-family: 'Trebuchet MS',Helvetica,sans-serif;
	text-align: center;
	color: #FFF;
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	}
	
#links a {
	color: #993399;
	text-decoration: none;
	}

#links a:hover {
	color: #993399;
	text-decoration: underline;
	}
	

.extra {display:inline; float:left; text-decoration:none; margin:0 23px;}
.extra em {font-style:normal;}
.extra em.txt, .extra b {display:none;}
.extra .head {display:block; width:100px; height:35px;}
.extra .color1 {background:#fff;}
.extra .color2 {background:#fff;}
.extra .color3 {background:#fff;}


.extra img {border: 1px solid #666; display:block;}
.extra em.mh2 {text-align: left; padding-left:5px; margin:0; color:#666; font-weight:normal; font-family: 'Trebuchet MS',Helvetica,sans-serif; font-size:14px;}
.extra em.mh3 {text-align: left; padding-left:5px; margin:0; color:#666; font-weight:normal; font-family: 'Trebuchet MS',Helvetica,sans-serif; font-size:11px;}

.extra:hover {background:#fff; position:relative;cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:50px; left:0; width:100px; background:#ccc; height:60px; opacity:0.7;}
.extra:hover .color1 b {background:#fff;}
.extra:hover .color2 b {background:#fff;}
.extra:hover .color3 b {background:#fff;}

.extra:hover em.txt {display:block; position:absolute; top:60px; width:80px; left:5px; height:25px; color:#000; margin:0; line-height:1.5em;}


fieldset {  
float: left;  
clear: left;  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0;
border: 1px solid #ffffff;  
}
legend {  
margin-left: 1em;  
color: #666;
font-size: 11px;
font-family: 'Trebuchet MS',Helvetica,sans-serif;
font-weight: normal;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
label {  
float: left;  
width: 7em;  
margin-right: 1em;
}
fieldset.submit {  
float: none;  
width: auto;
border-style: none;
border: 0 none #FFF;  
padding-left: 12em;
}


#scrollArea {
	position	: absolute;
	left		: 928px;
	top		: 10px;
	height		: 350px;
	width		: 15px;
	border		: 1px solid #ccc;
	overflow	: hidden;
}

#scroller {
	position	: absolute;
	top		: -20px;
	width		: 15px;
	background	: #f2f2e6;
	border-top	: 1px solid #ccc;
	border-bottom	: 1px solid #ccc;
}

.top {
	background-color: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-left: 3px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	position: relative;
	overflow: visible;
}
