body {
margin: 0px;
margin-top:10px;
font-family: Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 13px;
line-height:19px;
}

form {
margin:0;
}

h1 {
font-size:26px;
line-height:26px;
margin:10px 0px;
color:#aaa;
}

h2 {
font-size:13px;
color:#555;
margin:10px 0px;
}

h3 {
font-size:13px;
margin:15px 0px 15px 0px;
}

h4 {
font-size:13px;
margin:0px;
color:#070;
}

p, pre {
margin: 12px 0px 12px 0px;
padding:0;
}

hr {
border:none 0;
border-top:1px dashed #999; 
height:1px;
margin:0;
padding:0;
}

table {
border-collapse: collapse;
width: 100%;
}

#header {
background: #fff url(/images/leaf.jpg) left no-repeat; 
border-bottom:4px solid #D6CE95;
height:100px; 
text-align:left;
}

.logo {
font-family:'Trebuchet MS', Verdana, Arial; 
color:#555; 
font-weight:bold; 
font-size:34px; 
line-height:18px;
padding-left:170px; 
padding-top:30px; 
}

.slogan {
font-family:Verdana, Helvetica, sans-serif; 
font-size:10px; 
font-weight:normal; 
color:#000000;
padding-left:173px; 
padding-top:3px; 
}

#menu {
background-color:#FFFBE1;
border-bottom:4px solid #D6CE95;
border-top:2px solid #D6CE95;
padding: 5px 10px 2px 15px; 
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
}

#menu a {
margin-left: 30px;
}

#banner {
background:#FFFBE1; 
border-bottom:2px solid #EFEBD5;
}

#toolbar {
background-color:#EFEBD5;
color:#777;
border-bottom: 1px solid #EFEBD5;
font-size:11px;
text-align:left;
}

#bubble {
background: transparent url(/images/corners/alt_bg.gif) no-repeat;
position: absolute;
width:200px;
height:100px;
padding:25px;
z-index:1000;
}

#body {
background-color: #fff;
}

#body_content {
background-color: #fff;
width:730px;
padding:10px;
}

#footer {
background: #fff url(../images/footer-gradient.jpg) top repeat-x;
border-top:1px solid #EFEBD5;
color:#999;
font-family:arial;
font-size:11px;
height:45px;
}


a, label {
color:#0000CC;
cursor:pointer;
text-decoration:underline;
}

a:hover, label:hover {
background-color:#0000CC;
color:#FFF;
text-decoration:none;
}

.img a:hover {
background-color:transparent;
}
/*
input, textarea {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 12px;
}
*/
.menu {
background-color: #f1f1f1;
border-bottom: 1px solid #ccc; 
padding: 5px 10px 2px 15px; 
font-weight: bold;
}

.menu a {
color: #000000;
text-decoration:none;
}

.menu a:hover {
text-decoration:none;
color: #007700;
}

.small {
margin: 0px;
margin-top:10px;
font-size: 11px;
}

.smaller {
margin: 0px;
margin-top:10px;
font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 10px;
}

.large {
color: #007700;
font-size: 13px;
font-weight:bold;	
}

.larger {
color: #007700;
font-size: 15px;
font-weight:bold;
}

.largest {
color: #000;
font-size: 17px;
font-weight:bold;
line-height:23px;	
}

.box {
background-color:#f1f1f1;
border-top: 1px solid #e0dfe3;
border-left: 1px solid #e0dfe3;
border-right:1px solid #9d9da1;
border-bottom:1px solid #9d9da1;
}

.box th {
background-color: #3357b2;
color: #ffffff;
font-size: 14px;
font-weight:bold;
padding:3px;
}

.box td {
padding:6px;
}

.list {
border-bottom: 1px dashed #888;
display:block;
padding: 5px 0 5px 0;
margin:0 0 0 0;
}

.list:hover {
background:#ffc;
}

.struct td {
padding:4px;	
}

/* t2 */
ul.t2 {
margin:0;
}
ul.t2 li {
background-color:#FFFBE1;
clear:right;
color:#8d8d8d;
cursor:pointer;
display:inline;
font-size:14px;
font-weight:bold;
height:19px;
list-style:none;
margin: 0 4px;
padding: 1px 4px;
text-align:center;
}
ul.t2 li.on {
color:#FFF;
background-color:#e9519e;
}
ul.t2 a {
text-decoration:none;
}

.suggest {
background-color:#fff;
display:none;
position:absolute;
border:1px solid #d7d7d7;
padding:5px 8px 5px 8px;
text-align:left;
top:40px; 
left:0px; 
width:384px;
}

.videoinfo p {
color:#8d8d8d;
}


/***** tabbed navigation *****/

.subNav {
	margin-bottom: 15px;
	background: url(/images/tab-line.gif) bottom repeat-x;
	float: left;
	width: 710px;
} * html .subNav { height: 1px; overflow: visible; }

.subNav br {
	clear: both;
}

.subNav h2, .subNav h3 {
	background: none;
	min-height: 15px;
	margin-bottom: 0;
}

.subNav h2, .subNav h3 {
	float: left;
	line-height: 1.1;
	position: relative;
	top: 2px;
}

.subNav h3 {
	padding-top: 0.3em;
}

.subNav ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 1em;
	list-style: none;
	font-size: 11px;
}

.subNav ul {
	padding-top: 2px;
}

.subNav li {
	margin: 0 1px 0 0;
	padding: 0 5px 0 0;
	background: url(/images/tab-back.png) 100% -100px;
	float: left;
	border-bottom: 1px solid #bbb;
}

.subNav {
	padding-right: 5px;
}

.subNav h2 {
	float: left;
	border: none;
}

.subNav li.active {
	border-bottom: 1px solid #fff;
	background: url(/images/tab-back.png) 100% 0;
}

.subNav li span {
	display: block;
	float: left;
	padding: 5px 11px 5px 16px;
	text-align: center;
	white-space: nowrap;
	background: url(/images/tab-back.png) 0 -100px;
	text-decoration: underline;
	min-height: 17px; /* fixes FX/Mac issue */
	color: #00C;
	cursor:pointer;
}

.subNav li.active span {
	background: url(/images/tab-back.png) 0 0;
}

.subNav li span {
	color: #00C;	
}

.subNav li img {
	vertical-align: middle;
}

.subNav li:hover {
	background-position: 100% -200px;
}

.subNav li:hover span {
	background-position: 0 -200px;
}

.subNav li.active:hover {
	background-position: 100% 0;
}

.subNav li.active:hover span {
	background-position: 0 0;
}