* {
	margin: 0;
}

img {
	border: 0;
}

body {
	background-color: #FFF;
   min-width: 794px;
   text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
}

p, td, div {
	line-height: 1.2em;
}

p {
	margin-bottom: 7px;
}


h2 {
	color: #990000;
	font-size: 1.5em;
}

a:Link, a:Active, a:Visited {
	color: #990000;
	text-decoration: none;
}

a:Hover {
	color: #9FA77E;
	text-decoration: none;
}

a.bold:Link, a.bold:Visited {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

a.bold:Active {
	color: #9FA77E;
	text-decoration: none;
	font-weight: bold;
}

a.bold:Hover {
	color: #9FA77E;
	text-decoration: underline;
	font-weight: bold;
}

a.shows:Link, a.shows:Active, a.shows:Visited {
	color: #9FA77E;
	text-decoration: none;
}

a.shows:Hover {
	color: #990000;
	text-decoration: none;
}


h3 {
	color: #990000;
	font-size: 1.0em;
}

a:Link, a:Active, a:Visited {
	color: #990000;
	text-decoration: none;
}

a:Hover {
	color: #9FA77E;
	text-decoration: none;
}

a.bold:Link, a.bold:Visited {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

a.bold:Active {
	color: #9FA77E;
	text-decoration: none;
	font-weight: bold;
}

a.bold:Hover {
	color: #9FA77E;
	text-decoration: underline;
	font-weight: bold;
}

a.shows:Link, a.shows:Active, a.shows:Visited {
	color: #9FA77E;
	text-decoration: none;
}

a.shows:Hover {
	color: #990000;
	text-decoration: none;
}

#container {
	width: 794px;
	margin-left: auto;
	margin-right: auto;
	background-color: #9FA77E;
	text-align: center;
}

/** header **/
#header {
   position: relative;
   z-index: 10;
	width: 794px;
	height: 117px;
	text-align: left;
}

#headerOmni {
	position: absolute;
	left: 33px;
	width: 123px;
	height: 117px;
}

#headerBlurb {
	position: absolute;
	right: 31px;
	top: 46px;
	width: 163px;
	height: 36px;
}

/* about section */

#aboutHistory {
	display: none;
}

#aboutToday {
	display: none;
}

#aboutPartners {
	display: none;
}


/** nav **/
#navContainer {
	height: 45px;
	background: #F0F1EA;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#divNav {
	position: relative;
	background-image: url(../images/bg_nav.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #E0E2D5;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 25px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#divLowerNav {
	position: relative;
	text-align: left;
	margin: 0;
	padding: 0;
	height: 18px;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

#nav {
	position: absolute;
	top: 11px;
	left: 0;
	padding-left: 18px;
	height: 32px;
	width: 740px;
}

#navLower {
	position: absolute;
	top: 2px;
	left: 0;
	padding-left: 27px;
	height: 18px;
	width: 740px;
	text-align: left;
	text-transform: lowercase;
}

#navLower a.on:Link, #navLower a.on:Active, #navLower a.on:Visited, #navLower a.on:Hover {
	color: #9FA77E;
	text-decoration: none;
	font-weight: bold;
}

#nav li ul, #nav li ul, #navLower li ul, #navLower li ul {
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li, #navLower li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#navLower li {
	margin-right: 12px;
}

#nav li ul {
	display: none;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 14px;
	left: 27px;
	padding-top: 2px;
	background: #F0F1EA;
	height: 18px;
	width: 739px;
	z-index: 6001;
}

#nav li.on ul {
	background: #F0F1EA;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: #F0F1EA;
}

#nav li a {
	color: #A41D1C;
	font-weight: bold;
	display: block;
	padding: 0;
	text-transform: lowercase;
}

#nav li.on a {
	color: #9FA77E;
	font-weight: bold;	
	text-transform: lowercase;
}

#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #A41D1C;
	width: auto;
	margin-right: 12px;
}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #F0F1EA;
	width: auto;
	margin-right: 12px;
}

#nav li.on ul {
	display: block;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off a:hover, #nav li.on a:hover { 
	color: #9FA77E;
	font-weight: bold;
}

/*do the image replacement*/

#nav li span {
	position: absolute;
	left: -9384px;
}

#liHome a, #liAbout a, #liDrama a, #liFactual a, #liDevelopment a, #liCatalogue a, #liNews a , #liContact a  {
	display: block;
	position: relative;
	height: 14px;
	background-image: url(../images/bg_nav_sprite.gif);
	background-repeat: no-repeat;
	/*contains all hover states*/
}

/* ADDTIONS TO NAV, JUN 7, 2007 */

#liDocs a, #liLifestyle a, #liWellness a {
	display: block;
	position: relative;
	height: 14px;
	background-image: url(../images/bg_nav_sprite2.gif);
	background-repeat: no-repeat;
}
#liDocs a { 
	background-position: 0 0; 
	width:40px;
	}
#liLifestyle a {
	background-position: -40px 0;
	width:63px;
	}
#liWellness a {
	background-position: -103px 0;
	width:66px;
	}
#liDocs.on a,
#liDocs a:hover
 { 
	background-position: 0 -26px; 
	width:40px;
	}
#liLifestyle.on a,
#liLifestyle a:hover {
	background-position: -40px -26px;
	width:63px;
	}
#liWellness.on a,
#liWellness a:hover {
	background-position: -103px -26px;
	width:66px;
	}

/*first, put the initial states in place*/

#liHome a {
	background-position: 0 0;
	width: 41px;
}

#liAbout a {
	background-position: -41px 0;
	width: 76px;
}

#liDrama a {
	background-position: -117px 0;
	width: 45px;
}

#liFactual a {
	background-position: -162px 0;
	width: 53px;
}

#liDevelopment a {
	background-position: -215px 0;
	width: 83px;
}

#liCatalogue a {
	background-position: -298px 0;
	width: 69px;
}

#liNews a {
	background-position: -367px 0;
	width: 42px;
}

#liContact a {
	background-position: -409px 0;
	width: 57px;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #liHome.on a {
 	background-position: 0 -26px;
 }

 #liAbout.on a {
 	background-position: -41px -26px;
 } 
 
 #liDrama.on a {
 	background-position: -117px -26px;
 }
 
 #liFactual.on a {
 	background-position: -162px -26px;
 }
 
 #liDevelopment.on a {
 	background-position: -215px -26px;
 }
 
 #liCatalogue.on a {
 	background-position: -298px -26px;
 }
 
 #liNews.on a {
 	background-position: -367px -26px;
 }
 
 #liContact.on a {
 	background-position: -409px -26px;
 }
 
/*hover states*/

#liHome a:hover, #liHome:hover a, #liHome.over a {
	background-position: 0 -26px;
	width: 41px;
}

#liAbout a:hover, #liAbout:hover a, #liAbout.over a {
	background-position: -41px -26px;
	width: 76px;
}

#liDrama a:hover, #liDrama:hover a, #liDrama.over a {
	background-position: -117px -26px;
	width: 45px;
}

#liFactual a:hover, #liFactual:hover a, #liFactual.over a {
	background-position: -162px -26px;
	width: 53px;
}

#liDevelopment a:hover, #liDevelopment:hover a, #liDevelopment.over a {
	background-position: -215px -26px;
	width: 83px;
}

#liCatalogue a:hover, #liCatalogue:hover a, #liCatalogue.over a {
	background-position: -298px -26px;
	width: 69px;
}

#liNews a:hover, #liNews:hover a, #liNews.over a {
	background-position: -367px -26px;
	width: 42px;
}

#liContact a:hover, #liContact:hover a, #liContact.over a {
	background-position: -409px -26px;
	width: 57px;
}


/* OLD STYLES 
#navMain {
	position: absolute;
	top: 11px;
	left: 21px;
	height: 14px;
}

#navLower {
	position: relative;
	width: 770px;
	height: 20px;
	text-align: left;
	background-color: #F0F1EA;
	margin-left: auto;
	margin-right: auto;
}

*/

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #F0F1EA;
	color: #A41D1C;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em
}		

#nav li.on ul a {
	background: #F0F1EA;
}
/*END : subnav formatting*/

#contentBtm {
	background-color: #FFF;
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	margin-bottom: 9px;
}

#contentHome {
	position: relative;
	background-color: #FFF;
	width: 770px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 9px;
}

#contentContainer {
	position: relative;
	background-color: #FFF;
	width: 724px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}
div.logo {
	border:1px solid #CCC;
	padding:10px;
	margin:5px;
	text-align:center;
	width:100px;
	height:100px;
	float:left;
}

#home {
	width: 751px;
	padding: 0;
	border: 0;
	margin: 0;
}

#home .left {
	background-image: url(../images/robson_arms.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 392px;
}

#home .left_msn {
	background-image: url(../images/alice_home.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 392px;
}

.dragon-boys .left_msn {
	background-image: url(../images/dragon_boys_home2.jpg) !important;
}

#home .centre {
	width: 11px;
}

#capsule {
	width: 275px;
	border: 0;
	margin-bottom: 20px;
	margin-top: 50px;
}

.dragon-boys #capsule {
	width: 275px;
	border: 0;
	margin-bottom: 10px;
	margin-top: 50px;
	margin-right: 20px;
}

#capsule .content{
	background-color: #E0E2D5;
}

.marginCapsule {
	margin: 0 11px 7px 11px;
}

.separator {
	width: 100%;
	height: 31px;
	background-image: url(../images/bg_separator.gif);
	background-repeat: repeat-x;
}

#shows {
	width: 100%;
	border: 0;
}

#shows .picture {
	width: 162px;
}

#shows .summary {
	background-color: #F1F2EC;
}

#footer {
	position: relative;
	width: 794px;
	height: 72px;
	background-color: #9FA77E;
	margin-left: auto;
	margin-right: auto;
}

.footertable {
	width: 730px;
	margin-left: 21px;
	padding: 0;
	border: 0;
}

form {
	margin: 0;
}

input {
	width: 100px;
	background-color: #DADCCA;
	font-size: 10px;
	color: #333;	
}

input.email {
	width: 175px;
	background-color: #DADCCA;
	font-size: 10px;
	color: #333;	
}

input.send-btn {
width: 54px;
height: 20px;
background: #333 url(../images/btn_submit.gif) no-repeat;
outline: none;
}
input.send-btn:hover {
background: #666 url(../images/btn_submit.gif) no-repeat 0 -20px;
}

.hide {
	display: none;
}