/* BROWSER MARGIN ISSUES */
html, body, p, form, fieldset, a {margin-top: 0;}
/* END OF BROWSER MARGIN ISSUES */

/* IE 5.5 FRIENDLY */
body {text-align: center}
table {font-size: 1em;}
form {font-size: 1em;}
/* END OF IE 5.5 FRIENDLY */

/* REMOVE LINK OUTLINE IN FIREFOX */
a{outline: none;}
/* END OF REMOVE LINK OUTLINE IN FIREFOX */

#content li {margin-top: 1em; margin-bottom: 1em;}

.divider {display:none;}

.dividerline {border-top: 1px solid #6A6D6B; margin-top: 1em; padding-bottom: 1em;}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 70%;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	margin:0px auto;
	width:800px;
	background-color: #000;

}

a:link { color: #6A6D6B; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
a:visited { color: #6A6D6B; text-decoration: none; }
a:visited:hover { color: #000000; text-decoration: none; }

h1 {
	font-size: 120%;
	font-weight:bold;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	margin-top: 0px;
}

h2 {
	font-size: 110%;
	font-weight:bold;
	color: #000000;
	font-weight:bold;
	text-decoration: none;
	margin-bottom: 0px;
}

h3 {
	font-size: 110%;
	font-weight:bold;
	color: #003C77;
	font-style: normal;
	text-decoration: none;
	margin-top: 0px;}

/*GENERAL STYLES*/

.floatingrightpicwithborder {	
	float: right;
	margin-top: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 0px;
	border: 1px solid #000000;
}

.topofpage {
	font-size: 90%;
	color: #DCF3F8;
	background: url(../images/top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.red {color: red;}

.letterlist {list-style-type:lower-alpha;}

/*FORM STYLES*/

.form {height: 21px; float:right;}

.mailinglist {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 170px; border: 1px solid #DADADA; color:#9E9E9E;
}

.searchbox {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 88px; border: 1px solid #DADADA; color:#9E9E9E;
}
.textfield {font-family: Arial, Helvetica, sans-serif; font-size: 1em; width: 250px; border: 1px solid #CCCCCC;}

.gobutton {margin-left: 5px;}

#gobuttonreplace {
  width: 20px;
  height: 21px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../images/go-button.gif) no-repeat center top;
  text-indent: -9000px;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/* ------------DIV STYLES-------------------*/

#skiplinks {
	height: 0px;
	text-indent: -9000px;
	overflow:hidden;
}

#container {
	text-align:left;
	margin-top: 0px;
	margin-bottom: 10px;
	width:800px;
	left:50%;
	background-color: #FFFFFF;
}

#containerinner {
	width:741px;
	margin-left: 30px;
}

/* HEADER STYLES */

#header {
	width:741px;
	height:110px;
	clear:both;
}

/* TOP BAR STYLES */

#topbar {
	width:741px;
	padding-bottom: 15px;
	height: 21px;
}

/* TOP NAV STYLES */

#topnav {
	margin-bottom: 15px;
	border-bottom: 1px solid #DADADA;
	border-top: 1px solid #DADADA;
	width: 741px;
}

/* LEFT COL STYLES */
#leftcol {
	float: left;
	width: 143px;
	margin-bottom: 80px;
}

#leftcolinner {
	margin-right: 20px;
}
.holderinner {padding-left: 2px;}

/* RIGHT COL STYLES */

#rightcol {
	float: right;
	width: 198px;
	margin-bottom: 25px;
	background-color:#FFFFFF;
	text-align:justify;
}

#rightcolinner {
	padding-right: 7px;
}

#rightcol p{
	margin-bottom: 0.8em;
}


#rightcol ul {
	padding: 0px;
	margin: 0px; 
	list-style-type: none;
}

#rightcol ul li{
	margin: 0px;
	display: block; 
	height: 100%;
	text-decoration:none;
	background-image: url(../images/col-bullet.gif);
	background-position: 3px 3px;
	background-repeat: no-repeat;
	padding-left: 17px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-top: 0px;
}


/* CONTENT STYLES */

#content {
	float: left;
	width: 370px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#FFFFFF;
	text-align:justify;
}

#content2 {
	float: left;
	width: 550px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color:#fff;
	color: #000;
	text-align:left;
}

/* FOOTER STYLES */

#footer {
	width:741px;
	clear: both;
	color:#FFFFFF;
}



/*  ------------------------------------------------------------- LEFT NAV*/

/* Home Link Left Menu Link */
.link-home {
	text-indent: -9000px;
	height: 14px;
	width: 33px;
	background-image: url(../images/link-home-on.gif);
	background-repeat:no-repeat;
}
.link-home a {	
	background-image: url(../images/link-home-off.gif);
	height: 14px;
	width: 33px;
	background-position: 0px 0px;
}
.link-home a:hover{	
	background-image: url(../images/link-home-on.gif);
}

/* Whats Link Left Menu Link */
.link-whats {
	text-indent: -9000px;
	height: 14px;
	width: 112px;
	background-image: url(../images/link-whats-on.gif);
}
.link-whats a {	
	background-image: url(../images/link-whats-off.gif);
	height: 14px;
	width: 112px;
	background-position: 0px 0px;
}
.link-whats a:hover{	
	background-image: url(../images/link-whats-on.gif);
}

/* What Link Left Menu Link */
.link-what {
	text-indent: -9000px;
	height: 14px;
	width: 74px;
	background-image: url(../images/link-what-on.gif);
}
.link-what a {	
	background-image: url(../images/link-what-off.gif);
	height: 14px;
	width: 74px;
	background-position: 0px 0px;
}
.link-what a:hover{	
	background-image: url(../images/link-what-on.gif);
}

/* Contact Link Left Menu Link */
.link-contact {
	text-indent: -9000px;
	height: 14px;
	width: 40px;
	background-image: url(../images/link-contact-on.gif);
}
.link-contact a {	
	background-image: url(../images/link-contact-off.gif);
	height: 14px;
	width: 40px;
	background-position: 0px 0px;
}
.link-contact a:hover{	
	background-image: url(../images/link-contact-on.gif);
}

/* Nott Link Left Menu Link */
.link-nott {
	text-indent: -9000px;
	height: 14px;
	width: 51px;
	background-image: url(../images/link-nott-on.gif);
}
.link-nott a {	
	background-image: url(../images/link-nott-off.gif);
	height: 14px;
	width: 51px;
	background-position: 0px 0px;
}
.link-nott a:hover{	
	background-image: url(../images/link-nott-on.gif);
}

/* Stamping Link Left Menu Link */
.link-stamping {
	text-indent: -9000px;
	height: 14px;
	width: 83px;
	background-image: url(../images/link-stamping-on.gif);
}
.link-stamping a {	
	background-image: url(../images/link-stamping-off.gif);
	height: 14px;
	width: 83px;
	background-position: 0px 0px;
}
.link-stamping a:hover{	
	background-image: url(../images/link-stamping-on.gif);
}

/* Episodes Link Left Menu Link */
.link-episodes {
	text-indent: -9000px;
	height: 14px;
	width: 47px;
	background-image: url(../images/link-episodes-on.gif);
}
.link-episodes a {	
	background-image: url(../images/link-episodes-off.gif);
	height: 14px;
	width: 47px;
	background-position: 0px 0px;
}
.link-episodes a:hover{	
	background-image: url(../images/link-episodes-on.gif);
}

/* Platform Link Left Menu Link */
.link-platform {
	text-indent: -9000px;
	height: 14px;
	width: 43px;
	background-image: url(../images/link-platform-on.gif);
}
.link-platform a {	
	background-image: url(../images/link-platform-off.gif);
	height: 14px;
	width: 43px;
	background-position: 0px 0px;
}
.link-platform a:hover{	
	background-image: url(../images/link-platform-on.gif);
}

/* Young Link Left Menu Link */
.link-young {
	text-indent: -9000px;
	height: 14px;
	width: 74px;
	background-image: url(../images/link-young-on.gif);
}
.link-young a {	
	background-image: url(../images/link-young-off.gif);
	height: 14px;
	width: 74px;
	background-position: 0px 0px;
}
.link-young a:hover{	
	background-image: url(../images/link-young-on.gif);
}

/* Health Link Left Menu Link */
.link-health {
	text-indent: -9000px;
	height: 14px;
	width: 95px;
	background-image: url(../images/link-health-on.gif);
}
.link-health a {	
	background-image: url(../images/link-health-off.gif);
	height: 14px;
	width: 95px;
	background-position: 0px 0px;
}
.link-health a:hover{	
	background-image: url(../images/link-health-on.gif);
}

/* Art Link Left Menu Link */
.link-art {
	text-indent: -9000px;
	height: 14px;
	width: 95px;
	background-image: url(../images/link-art-on.gif);
}
.link-art a {	
	background-image: url(../images/link-art-off.gif);
	height: 14px;
	width: 95px;
	background-position: 0px 0px;
}
.link-art a:hover{	
	background-image: url(../images/link-art-on.gif);
}

/* Res Link Left Menu Link */
.link-res {
	text-indent: -9000px;
	height: 14px;
	width: 63px;
	background-image: url(../images/link-res-on.gif);
}
.link-res a {	
	background-image: url(../images/link-res-off.gif);
	height: 14px;
	width: 63px;
	background-position: 0px 0px;
}
.link-res a:hover{	
	background-image: url(../images/link-res-on.gif);
}

/* UK Link Left Menu Link */
.link-uk {
	text-indent: -9000px;
	height: 14px;
	width: 51px;
	background-image: url(../images/link-uk-on.gif);
}
.link-uk a {	
	background-image: url(../images/link-uk-off.gif);
	height: 14px;
	width: 51px;
	background-position: 0px 0px;
}
.link-uk a:hover{	
	background-image: url(../images/link-uk-on.gif);
}

/* Training Link Left Menu Link */
.link-training {
	text-indent: -9000px;
	height: 14px;
	width: 43px;
	background-image: url(../images/link-training-on.gif);
}
.link-training a {	
	background-image: url(../images/link-training-off.gif);
	height: 14px;
	width: 43px;
	background-position: 0px 0px;
}
.link-training a:hover{	
	background-image: url(../images/link-training-on.gif);
}

#leftcol ul {
	padding: 0px;
	margin: 0px; 
	list-style-type: none;
}

#leftcol ul li {
	font-weight:bold;
	margin: 0px;
	color:#000000;
}

#leftcol ul li a {
	display: block; 
	/*height: 33px;*/
	text-decoration:none;
}

#leftcol li a:hover {
	color:red;
}



/*  ------------------------------------------------------------- LEFT NAV*/


/*  ------------------------------------------------------------- LINK HEADERS*/

#leftcol h2 {
	margin: 0px;
	padding: 0px;
}

.leftheader-general {
	display: block;
	text-indent: -9000px;
	height: 22px;
	width: 123px;
	background-image: url(../images/leftheader-general.gif);
	background-repeat:no-repeat;
}

.leftheader-showcase {
	display: block;
	text-indent: -9000px;
	height: 30px;
	width: 123px;
	background-image: url(../images/leftheader-showcase.gif);
	background-repeat:no-repeat;
}

.leftheader-projects {
	display: block;
	text-indent: -9000px;
	height: 31px;
	width: 123px;
	background-image: url(../images/leftheader-projects.gif);
	background-repeat:no-repeat;
}

.leftheader-search {
	display: block;
	text-indent: -9000px;
	height: 31px;
	width: 123px;
	background-image: url(../images/leftheader-search.gif);
	background-repeat:no-repeat;
}





/*CONTENT TABLE*/

.contenttable table {
	width : 100%;
	border : 1px solid #000000;
	margin : 0 0 1em 0;
	caption-side : top;
	background-color:#FFFFFF;
}

.contenttable caption {
	color : #c03;
	margin : 0 0 4px 0;
	padding : 2px 0 2px 0;
	display : block;
}

.contenttable th {
	vertical-align : top;	
	padding : 2px 5px 2px 5px;
	text-align : left;
	background-color:#CCDBFF;
	font-weight:bold;
	line-height: 1.4em;
}

.contenttable td{
	vertical-align : top;
	padding : 1px 5px 1px 5px;
	line-height : 16px;
	text-align : left;
	background-color : #E1EAFF;
}

.ptext {font-weight: bold; font-size: 120%;}
.rtext {font-weight: bold; font-size: 120%;}