/* Generic Styles */

html {
	height:100%;

}
body {
	height:100%;	
	background: #efefef url(../../johnhume/stylecss/images/bg.jpg) center repeat-y;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	margin: 0;
	padding: 0;
	border:0;
	text-align: center;
	color: #333;
}

a:link, a:visited, a:hover {
	color: #006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	margin:0;
	padding:0;
}

/* Layout Styles */
#wrapper {
	position:relative;
	border-spacing: 0; /* required by Opera 6 */
	text-align:left;
	margin: 0 auto;
	width: 810px; 
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 790px;	 
	}
html>#wrapper	{
	width: 790px;
	}




#theme {
	height: 181px;
	weidth: 789px;
}

#leftnav {
	float: left;
	padding:0;
	padding-top:10px;
	margin:0;
	width: 186px;
	}
html>#leftnav	{
	width: 186px;
	} 

#main {
	margin-top: 20px;
	text-align:left;
	padding:0;
	float:left;
	width: 593px;
}

#main_left {
	width: 293px;
	float: left;
	margin-right: 10px;
	
}

#main_right {
	width: 279px;
	float: right;
}



#rightside {
	text-align:left;
	padding: 0;
	margin: 0;
	margin-top: 10px;
	float: right;
	width: 185px;
	}
	
#rightside img{
	margin-top:1px;
	}

#rhs_content {
	margin: 0;
	margin-top: 10px;
	padding: 0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	clear: both;

	}

#rhs_content #rhs_box {
	margin-top:10px;
	display: block;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background-color:#FFCC00;
}

#rhs_content #rhs_box_green {
	display: block;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background-color:#99cc33;
}

#rhs_content #rhs_box_orange {
	display: block;
	font-weight:bold;
	padding:5px;
	color:#fff;
	background-color:#ff9933;
}


#rhs_content ul
{
list-style: none;
margin: 0;
padding: 5px;
}

#rhs_content li {
	padding: 2px 0 10px 10px;	background-image: url(../../images/generic/ucd_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
}

#rightside a {
	color: #003366;
	text-decoration: none;
	background: url(../../images/generic/blue_txt_line.gif) bottom left repeat-x;
}

#rightside a:hover {
	color: #003366;
	text-decoration: underline;
}


#footer {
	margin-top: 20px;
	margin-bottom:10px;
	clear: both; 
	width: 789px;
	position:relative;
	background: url(../../johnhume/stylecss/images/generic/grey_dotted_line.gif) top left repeat-x;
	padding-top:10px;
	color:#666;
	font-size: 70%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 70%;	
	text-align:left;
	}
html>#footer {
	font-size: 70%;
	}

/* Navigation Styles */
#topnav {
	color:#333;
	width:789px;
	font-size: 70%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 70%;	
	border-top: 1px solid #efefef;
	padding-top: 5px;
	margin-bottom: 10px;
	}
html>#topnav {
	font-size: 70%;
	} 

#topnav a {
	color:#003366;
	text-decoration: none;
	background: url(../../johnhume/stylecss/images/generic/grey_txt_line.gif) bottom left repeat-x;
}

#topnav a:hover {
	text-decoration: underline;
}

#topnav ul {
	margin: 0;
	padding: 0;
}	

#topnav li
{
	font-size: 11px;
	margin-left: 5px;
	display: inline;
	list-style-type: circle;
}

#topbar {
	position:relative;
	width:790px;
	text-align:left;
	font-size: 10px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	}
html>#topbar {
	font-size: 70%;
	} 

#navlist_head {
	margin: 0;
	padding: 0;
	font-size: 70%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 70%;	
	}
html>#navlist_head	{
	font-size: 70%;
	} 

#navlist_head ul
{
list-style: none;
margin: 0;
padding: 0;
}

#navlist_head li {
	padding-left: 10px;	background-image: url(../../johnhume/stylecss/images/generic/ucd_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
}

#navlist_head li li{
	font-size: 85%;
	}

#navlist_head li li li{
	font-size: 100%;
	}

#navlist_head a {
	color:#2C537E;
	text-decoration: none;
	background: url(../../johnhume/stylecss/images/generic/blue_txt_line.gif) bottom left repeat-x;
}

#navlist_head a:hover {
	text-decoration: underline;
}

#navlist1 {
	margin: 0;
	padding: 0;
	line-height:20px;
	font-size: 70%;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: 70%;	
	}
html>#navlist1	{
	font-size: 70%;
	} 

#navlist1 ul
{
list-style: none;
margin: 0;
padding: 0;
}

#navlist1 li {
	padding-left: 10px;	background-image: url(../../johnhume/stylecss/images/generic/ucd_arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 .7em;
}

#navlist1 li li{
	font-size: 85%;
	}

#navlist1 li li li{
	font-size: 100%;
	}

#navlist1 a {
	color:#2C537E;
	text-decoration: none;
	background: url(../../johnhume/stylecss/images/generic/blue_txt_line.gif) bottom left repeat-x;
}

#navlist1 a:hover {
	text-decoration: underline;
}





/*  Dividors */
#leftnav_grey1 {
	background: url(../../johnhume/stylecss/images/generic/grey_dotted_line.gif) left repeat-x;
	padding:0;
	margin-right: 10px;
}

#leftnav_grey2 {
	background: url(../../johnhume/stylecss/images/generic/grey_dotted_line.gif) left repeat-x;
	padding:0;
	margin-right: 10px;
}

#leftnav_grey3 {
	background: url(../../johnhume/stylecss/images/generic/grey_dotted_line.gif) left repeat-x;
	padding:0;
	margin-right: 10px;
}

/*  Main Content Styles */
#main h1{
	background-repeat:no-repeat;
    margin:0 0 0 0; 
	padding:10px 10px 0 10px;
    vertical-align: top;
	color: #10315A;
	font-size: 100%;
	font-weight:bold;
	line-height:17px;
	}	

#main h2{
	background-repeat:no-repeat;
    margin:10px 0 0 0; 
	padding:0 10px 0 10px;
    vertical-align: top;
	color: #66b2e2;
	font-size: 100%;
	font-weight:bold;
	line-height:17px;	
	}	

#content {
	font-size: 75%;
	color:#666;
	letter-spacing: .01em;
	list-style: none; 
	line-height:normal;	
	margin-bottom: 20px;
	}

#content table {
	width: 94%;
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
	font-size: 100%;
	voice-family: "\"}\""; 
	voice-family:inherit;	
	font-size: 100%;
	}
html>#content table	{
	font-size: 100%;
	} 
/*

table.helpT
{ 
clear: both;
text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 11px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; } 

*/
#content th {
	text-align:left;
	vertical-align:top;
	background-color:#E4E4E4;
	padding:2px;	
}

#content td {
	text-align:left;
	vertical-align:top;
	background-color:#F3F3F3;
	padding:2px;
}

#content td.dark{
	text-align:left;
	vertical-align:top;
	background-color:#FFFFFF;
	padding:2px;
}

#content ul {
	list-style: none;
	padding:0;
	margin:0;
}

#content ul li {
	padding-left: 10px;
	background-image:url(../../johnhume/stylecss/images/generic/ucd_arrow_blue.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#content ol li {
	padding-left: 10px;
	background-position: 0 .5em;
}

#content input {
	font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}

#content .content_header{
    font-weight:bold;
	font-size: 14px;
	color:#81bfe7;
	height: 22px;
	background-image: url(../../johnhume/stylecss/images/header_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 5px;
	}
	

#content a {
	color:#333333;
	text-decoration: none;
	background: url(../../johnhume/stylecss/images/generic/grey_txt_line.gif) bottom left repeat-x;
}

#content a:hover {
	text-decoration: underline;
}

.navon {
	font-weight:bold;
}

	
#subscribe {
	width: 180px;
	background-image:url(images/subscribe_bg.jpg);
	background-repeat: no-repeat;
	height: 110px;
	margin-top: 10px;
	padding-top: 34px;
	padding-left: 5px;
}

#subscribe .cm-tjkjn-tjkjn {
	color: #2C537E;
	font-size: 11px;	
}

#subscribe .button {
    background: url(images/subscribe_button.jpg) no-repeat scroll top right;
    display: block;
    float: left;
    height: 61px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
}

#video {
	text-align: center;
	}