/* Site Attributes
//Colours
Gold			#ba9800
light Gold		#e2d192
Gray			#666666
Cream			#f8f4e5
Red				#9c1e3d

//Font Sizes
1em 	= 12px	
1.1em 	= 13px	
1.2em 	= 14px
1.3em 	= 15px
1.4em 	= 16px
1.5em 	= 17px
*/
/* --- --- Global styles --- --- */

*{padding: 0; margin:0; font-family: Verdana, Arial, sans-serif; font-size:1em;}

html , body{height: 100%;font-size:85.25%; background:#ffffff; text-align:left; color:#666666;}

img{ border:0px;}

p {margin-bottom:15px;}
p.black{ color:#000000;}

h1 {font-size:1.4em; color:#9c1e3d; margin-bottom:6px; }
h2 {font-size:1.1em; color:#000000;	margin-bottom:6px; }
h3 {font-size:1em; margin-bottom:6px; }

a {color:#ba9800;text-decoration:none; }
a:hover {color:#ba9800; text-decoration:underline; }

#copy ol{margin: 0 0 15px 43px; list-style-position:outside; line-height:1.5em; }
#copy ol li{margin: 0 0 0 5px; padding:0 0 0 5px;}	
	
#copy ul{margin: 0 0 15px 10px; line-height:1.5em; list-style:none;}
#copy ul li{background:url(/common/images/bullet-gry.gif) no-repeat 0 5px; padding:0 0 0 22px; }
#copy ul ul li{background:url(/common/images/bullet-gry.gif) no-repeat 0 5px; }
	
.intro{ color:#000000; font-size:1.2em; font-weight:bold;}
.debug{border:1px solid red;}
.skipnav{ display:none; visibility:hidden; position: absolute; left: -1000em; width: 20em;}


/*--- Main Containers --*/
#container{	width: 100%; margin-right:auto; margin-left:auto; position:relative; z-index:0;}


#header{ background:#ffffff; height:77px; min-width:850px; }
* html #header{	width:850px;}

#menubar{ height:30px; background:#ba9800; }

#main{ background:#ffffff; background-repeat:no-repeat; background-position:390px 0; width:auto; position:relative; margin:20px 25px 0 15px; }


.mainInner{ background:#ffffff; background-repeat:no-repeat; background-position:390px 0; width:100%; position:absolute; }
#mainOver{ width:100%; position:absolute; height:300px; z-index:10000;}
#copy{ margin:0 30px 0 15px; padding: 10px 0;}


#mainLeft{float:left; width:390px;}
#mainLeftLanding{float:left; width:390px; background:#ffffff;}
#mainLeftDetail{float:left; width:780px; border:1px solid green;}


#mainLeftNav{float:left; width:180px;}
#mainLeftCopyLanding{float:left; width:200px;}


#mainLeftCopyDetail{float:left; width:600px;  }

#mainRight{float:left;  height:10%;}

#footer{ font-size:0.8em; padding:10px 0 ; 	background:#f8f4e5; }
#footer p{ padding:15px; }

#logo{display:block;float:left;}

#utils{font-size:0.95em;padding-top:35px;display:block;float:left;}

#search{border:0px solid blue;font-size:0.95em;	padding:31px 0 0 40px;	display:block;	font-weight:bold;float:left;}
#search .dmSearchLabel{color:#ba9800;}


/* Start landing page tout */

.sectionTout{border-bottom:1px solid #e2d192; margin:0 0 0 15px; padding: 10px 0;} 

.sectionTout p {margin-bottom:5px; }
.sectionTout h2 {color:#9c1e3d; }
.sectionTout ul{list-style:none; }
.sectionTout li{list-style:none; background:url(/common/images/arrow-gold.gif) no-repeat 0 4px;padding:0 0 4px 8px;}
.sectionTout img{margin:10px 0px;}


/* end landing page tout */

/* --- --- Navigation --- --- */
/* --- Top nav --- */

#navTop { position:absolute;clear:both; width:848px; padding: 0 0 0 5px;z-index:1001000;}
#navTop ul li{ padding: 8px 10px 0 0px;	list-style:none; float:left;} 
#navTop ul li a{ display:block;	color:#A0A0A0; text-decoration:none; background:#ba9800;background-repeat:no-repeat;	
	background-position: 0px -25px; height:22px; text-indent:-1000em; width:auto; min-width:10px;}

* html #navTop ul li a{ width:10px;}

#navTop ul li a:hover, #navTop ul li a.selectedTrue, #navTop ul li a.inPath {color:#FFFFFF; background-position: 0px 1px;}


/* --- Top nav dropdown --- */
#navTop li ul{left: -999em; position:absolute; padding:0;}
#navTop li:hover ul, #navTop li.sfhover ul {left:auto; width:140px; background:#ba9800; border-right:1px solid #e2d192; border-left:1px solid #e2d192;}
#navTop li ul li {border:none; float:none;  padding: 0 ;}
#navTop li ul li a, #navTop li ul li a.inPath, #navTop li ul li a.isActive{
	display:block; width:160px; background:#ba9800; border-bottom:1px solid #e2d192; height:auto;
	color:#e2d192; font-weight:normal; padding:3px 0px 3px 10px; text-indent:0em;}
#navTop li ul li a:hover{color:#ffffff; background-image:none;}

/* --- Left nav --- */
#mainLeftNav{ width:180px; float:left; clear:both;  color:#ba9800;}
#mainLeftNav h1{padding:47px 15px 10px 15px; font-size:1.3em; color:#ba9800;}
#mainLeftNav ul{list-style:none; }
#mainLeftNav li {background:none; padding:0 0 5px 10px;}

#mainLeftNav li a {color:#ba9800;padding:0 0 0 5px; display:block;} 
#mainLeftNav li a:hover, #mainLeftNav li a.lvl2inPath {background:url(/common/images/arrow-gold.gif) no-repeat 0px 4px; text-decoration:underline;}

#mainLeftNav li a.lvl3 {padding:0 0 0 15px;} 
#mainLeftNav li a:hover.lvl3, #mainLeftNav li a.lvl3inPath {background:url(/common/images/arrow-gold.gif) no-repeat 10px 4px; text-decoration:underline;}

#mainLeftNav li a.lvl4 {padding:0 0 0 25px;} 
#mainLeftNav li a:hover.lvl4, #mainLeftNav li a.lvl4inPath {background:url(/common/images/arrow-gold.gif) no-repeat 20px 4px; text-decoration:underline;}

#mainLeftNav li a.lvl5 {padding:0 0 0 35px;} 
#mainLeftNav li a:hover.lvl5, #mainLeftNav li a.lvl5inPath {background:url(/common/images/arrow-gold.gif) no-repeat 30px 4px; text-decoration:underline;}

/* End second level nav*/

/* --- start breadcrumb --- */

#navCrumb{ font-size:0.9em; padding:17px 0 10px 0;}
#navCrumb div{ display:inline;}
#navCrumb ul{list-style:none; padding-left:11px;}
#navCrumb li {display:inline; background:url(/common/images/arrow-gold.gif) no-repeat 0 4px; padding:0 8px;color:#9c1e3d;}
#navCrumb li a{color:#ba9800;}

/* end breadcrumb*/

.nav li, .nav ul{padding:0;	margin:0;}
.nav li{ list-style:none;display:inline; border-left:1px solid #E3D699; padding:0px 10px; white-space:nowrap; }
.nav li.noline{	border-left:0px;} 
.nav li.nospace{padding:0px; margin:0px;} 
.nav li a{text-decoration:none;}
.nav li a.selected, .nav li a:hover{text-decoration:underline; }

#utils .nav{width:auto; display:inline; float:left;  padding-top:2px;}
#utils .navImages{ padding-top:0px;}

#footer .nav{ padding:2px 0 0 10px;}
#footer .nav li { list-style:none; display:inline; border-left:1px solid #666666; padding:0px 5px; white-space:nowrap; color:#666666;}
#footer .nav li a { color:#666666;}
#footer	.nav li.noline{	border-left:0px;} 

#slideshows { position: relative; width: 100px; height: 100px; }
#slidesows div { position: absolute;  }

table{ background-color:white;} 

.textbox 
  {
   BORDER-RIGHT: #abaca7 1px solid; 
   BORDER-TOP: #abaca7 1px solid; 
   BORDER-LEFT: #abaca7 1px solid;
   BORDER-BOTTOM: #abaca7 1px solid;
   FONT-SIZE: 12px; 
   FONT-FAMILY: Arial; 
   BACKGROUND-COLOR: #ffffff
   }
   
.Combobox 
  {
   FONT-SIZE: 11px; 
   FONT-FAMILY: Arial; 
   COLOR: #000000; 
   TEXT-DECORATION: none
   }
   
   .page_title
  {
   FONT-WEIGHT: bold; 
   FONT-SIZE: 16px; 
   COLOR: #9C1E3D; 
   FONT-FAMILY: Zurich cn BT; 
   TEXT-DECORATION: none
   }   
   
  .tdheadertest 
  {
   FONT-WEIGHT: bold;
   FONT-SIZE: 12px; 
   COLOR: #000000;
   BACKGROUND-COLOR:#F8F4E5; 
   FONT-FAMILY: Arial; 
   TEXT-DECORATION: none
   }
   
  .button 
  {
   BORDER-RIGHT: #abaca7 1px solid; 
   BORDER-TOP: #abaca7 1px solid; 
   BORDER-LEFT: #abaca7 1px solid;
   BORDER-BOTTOM: #abaca7 1px solid;
   FONT-SIZE: 12px; 
   FONT-FAMILY: Arial; 
   } 
 
