/* -----------------------------------

	Odyssey Screen 2007

--- MASTER COLORS ---

ORANGE #FF8A00
Morange	#C21C00
Lorange	#E95E01

GREY 	#404040
Mgrey	#5A5A5A

Lgrey	#C9C7C4
VVLgrey	#DEDCDA
VLgrey	#E5E5E5

----------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#404040;
	text-align:left;
	font-size:73%; 
	line-height:1.3em;
	background:#FFF;
}

body, div, object, embed, form, img, dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
	border:0;
}
img {
	display:block;
	}

/* Base Container/Holder Elements */
#center {
	padding:10px;
	position:relative;
	z-index:1;
}
#header {
	width:100%;
	overflow:hidden;
	position:relative;
}
#hdr, #topNav {
	height:100px;
	overflow:hidden;
	margin-bottom:10px;
	background:#E5E5E5;
	position:relative;
	}
#otherhdr {
	height:60px;
	overflow:hidden;
	margin-bottom:10px;
	padding-left:22px;
	background:#FF8A00 url(../images/gen/hdrs/bg_ohdr_02.gif) left top repeat-x;
	position:relative;
	}
#logo {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
}
#topNav {
	height:45px;
	overflow:visible;
	background:#FFF;
}
#admintopNav {
	height:115px;
	overflow:visible;
	background-color:#E5E5E5;
}

/* NO FOOTER ?
#footer {
	overflow:hidden;
	background:#FFF url(../images/gen/bk/footT.gif) left top repeat-x;
	padding:10px 0 0;
	color:#BCC6CC;
	font-size:.8em;
	text-align:right;
	clear:both;
	}
#ftrNav {
	float:left;
	text-align:left;
}*/
/* CONTENT PANELS */
#content {
	width:100%;
	position:relative;
	overflow:hidden;
	background:#C9C7C4 url(../images/gen/bk/bkL141.gif) left top repeat-y;
}
/* LEFT */
.left, .right {
	width:127px;
	padding:.5em;
	position:absolute;
	top:0px;
	left:0px;
	font-size:.9em;
		
}
.right {
	left:auto;
	right:0px;
	top:74px;
	padding-top:0;
}
.rightthumbs {
	left:auto;
	right:0px;
	top:100px;
	padding-top:0;
}
#contInner, #contOtherInner {
	position:relative;
	margin-left:141px;
	background:#DEDCDA url(../images/gen/bk/bkR141.gif) right top repeat-y;
}
#contOtherInner {
	background:#DEDCDA;

}
#side-a, #side-b {
	float: left;
	width: 45%;
	margin:0 8px 0 8px;
}
.quotearea {
	padding-left: .7em;
	position:absolute;
	float: left;
	top:0px;
	left:0px;
	height:73px;
	color:#FFFFFF;

}
.contHdr {
	height:73px;
	background:#FF8A00 url(../images/gen/bk/contHdrBk.gif) repeat-x;
	border-bottom:1px solid #FFF;
}
.contOtherHdr {
	height:100px;
	background:#C0BEBC url(../images/gen/hdrs/bg_hdr_new.gif) repeat-x;
	border-bottom:1px solid #FFF;
}
.leftTitles {
	float: left;
	padding-left:12px;
}
.rightImage {
	float: right;
}

.main {
	margin-right:141px;
	padding:12px 60px 12px 12px;
} 
.othermain {
	padding:12px;
	background:#DEDCDA;
	/* ADDED BELOW FOR FLEXIBLE WIDTH EXTENDING TO WRAP FLOATED ELEMENTS */
	height:1%;
	overflow:hidden;
} 

/* IMAGE IN TEXT STYLES */
.imgR {
	width:160px;
	float:right;
	text-align:right;
	}
.imgR img {
	float:right;
	}
	
/* LINK STYLES */
a { 
	color:#E95E01;
	text-decoration:none; 
	}
a:hover { 
	color:#C21C00;
	}
/* FIX FIREFOX BORDER ON FOCUS */
a:focus, input:focus {outline-style: none !important;}

/* ARROW LINKS */
.linkGo, .linkBack, .linkUp {
	background:transparent url(../images/gen/misc/arrow.gif) left 50% no-repeat;
	padding-left:12px;
	}
.linkBack {
	background-image:url(../images/gen/misc/arrowback.gif);
	}
.linkUp {	
	background-image:url(../images/gen/misc/arrowup.gif);
	}
.caselink {
	color:#404040;
	text-decoration:underline;
	font-weight:bold;
	}
.sectionlink {
	color:#404040;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.1em !important;
	font-size:1.3em;
	line-height:1em;
	margin:0;
	}

/* LOGIN + LOGIN DIV */
.logLeft {
	height:100px;
	overflow:hidden;
	padding-top:7px;
}
.logLeft em {
	font-style:normal;
	font-weight:bold;
	float:left;
}
.login {
	width:38px;
	height:14px;
	float:left;
	margin-left:6px;
	background:transparent url(../images/gen/misc/login.gif) no-repeat;
	}
	

	
/* STANDARD TEXT CLASSES */
h1, h2, h3, h4, h5, h6, p {
	margin:0;
	padding:0;
	margin-top:.3em;
	}

h1 { 
	font-size:1.6em;
	font-weight:normal;
	margin:.5em 0 -.2em;
	}
.casestudies {
	border-bottom:1px solid #FFF;
	margin:.5em 0 1em;	
}
h1.pghead { 
	font-size:2em;
	font-weight:normal;
	margin:1.1em 0 0 0;
	color: #FFF;
	padding-bottom:.2em;
	}
.conthead {
	font-size:2.1em;
	font-weight:normal;
	padding:.2em 0 .9em .3em;
	color: #404040;
	}
h2 {
	font-size:1.3em;
	line-height:1.1em;
	
}
h3 {
	font-size:1.2em;
	margin:0;
	border-bottom:1px solid #FFF;	
}
h4, h5, h6 { 
	font-size:1.1em !important;
	font-size:1.3em;
	line-height:1em;
	margin-top:.3em;
}

.contheadText {
	font-size:1.4em !important;
	font-size:1.2em;
	line-height:1.3em;
	color:#404040;
	padding:1em 0 .5em .5em;
	font-weight:100;

}
.quoteText {
	
	padding:.2em 0 .2em .2em;
	text-align:left;
	font-weight:100;
}
.quoteWho {
	font-size:0.9em !important;
	font-size:0.7em;
	text-align:left;
	font-weight:bolder;
	padding:.2em 0 .2em .8em;
	font-variant: normal;
	font-style: oblique;
}

h6 {
	margin-bottom:.8em;
	}
p {
	margin-bottom:.6em;
	}
	
/* UNIQUE TEXT CLASSES */
.b {
	font-weight:bold;
	}

.sm {
	font-size:.9em !important;
	font-size:.8em;
}

/* TAB CLASS */
.tab50 em {
	width:50px;
	float:left;
	clear:left;	
	font-style:normal;
	font-weight:bold;
}

.message {
	color: #C00;
	padding:3px 0 0;
	font-style:italic;
	}

	
/* LIST STYLES */
ul, ol {
	padding:5px 0 8px;
	margin-left:1.5em;
	list-style:disc outside;
	}
li {
	padding:2px 0 0;
}	
ol li {
	list-style:decimal outside;
	}
/* UNIQUE LISTS */
.left ul, .left ol {
	list-style:none;
	margin:0;
	font-size:.9em !important;
	font-size:.8em;
}

/* COLORS */
.orange {
	color:#E95E01;
}
.colBlue {
	 color:#404040 !important;
}
.colGrey {
	 color:#767679 !important;
	 }
.black {
	color:#000 !important;
	}
.white {
	color:#FFF !important;
	}
.whiteBk {
	background:#FFF !important;
	}
	
/* FORM ELEMENTS */
/* --- GENERIC STYLES 
form { 
	}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	padding-left:3px;
	padding-right:3px;
	background:#FFF;
	}
.button { 
	width:auto;
	margin-left:3px;
	background:#404040;
	color:#FFF;
	}
.button:hover {
	background:#767679;
	}
	
select {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	font-size:11px;
	color:#000;
	padding:0;
	padding-top:1px;
	}
option {
	padding:1px 10px 1px 5px;
	}	
label {
	display:block;
	margin:3px 0;
	padding:0;
	line-height:1.2em;
	}
.taR label {
	text-align:right;
}
.r { font-weight:bold; }

.form-strip {
	padding:3px 0 0;
	margin-bottom:5px;
	width:100%;
	overflow:hidden;
	}

.search select {
	float:left;
	width:145px;
	margin-top:2px;
}
.search .flL {
	width:150px;
	display:inline;
	}

.login {
	float:right;
	margin:4px 10px 0 0;
	}
.login label, .login input {
	float:left;
	margin:5px 1px 0 8px;
	font-size:.9em;
	}
.login input {
	width:100px;
	margin-top:3px;
	margin-left:2px;
	}	
.login .go { 
	width:22px;
	height:22px;
	border:0;
	padding:0;
	margin:2px 0 0 3px;
	background:transparent url(../images/gen/click/go.gif) no-repeat;
	float:left;
	}
.login .go:hover {
	background-position:left bottom;
	}
*/

/* ++ HELPER STYLES ++ 
(.fc - CLEAR BOTH) */
.fc:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.fc { 
display: inline-table;
height: 1%;
display: block; 
}

.flHold {
	width:100%;
	overflow:hidden;
	}

/* Quick Styles & Over-Riders (!important) */
.b {
	font-weight:bold;
}
.ofH {
	overflow:hidden;
	}
.flL {
	float:left !important;
	}
.flR {
	float:right !important;
	}
.clB {
	clear:both !important;
	}
.clL {
	clear:left !important;
	}
.clR {
	clear:right !important;
	}
.taR {
	text-align:right !important;
	}
.taL {
	text-align:left !important;
	}
.taC {
	text-align:center !important;
	}
.nb {
	border:0 !important;
}
.nbL {
	border-left:0 !important;
}

.nBk {
	background:transparent !important;
}
.br1s {
	border-right:1px solid #BCC6CC !important;
	}
.p0 {
	padding:0 !important;
	}
.pl10 {
	padding-left:10px !important;
	}
.m0 {
	margin:0 !important;
	}
.mt0 {
	margin-top:0 !important;
	}
.mt5 {
	margin-top:5px !important;
	}
.mt-2 {
	margin-top:-2px !important;
}
.mt10 {
	margin-top:10px !important;
	}
.mr0 {
	margin-right:0 !important;
	}		
.mb0 {
	margin-bottom:0 !important;
	}
.ml0 {
	margin-left:0 !important;
	}
.ml110 {
	margin-left:110px !important;
	}
.h1 {
	height:1% !important;
}

/* Widths */
.wA {
	width:auto !important;
}
/* -----------------------------

      MAIN TOP NAVIGATION 

----------------------------- */
#nav {
	height:24px;
	list-style:none;
	margin:0 156px 0 0;
	padding:0;
	background:transparent;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100;
	position:relative;
	overflow:visible;
}

/* TOP LEVEL */
#nav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#nav li:hover {
	cursor:pointer;
}
#nav a {
	float:left;
	display:block;
	margin:0;
	height:12px;
	width:auto;
	padding:7px 10px 3px;
	font-size:11px;
	line-height:12px;
	text-decoration:none;
	background:#FFF;
	text-transform:lowercase;
	color:#404040;
	font-weight:bold;
	border:1px solid #E5E5E5;
	border-left:0;
}
#nav a em {
	font-style:normal;
	}
#nav .r {
	/*float:right;*/
}
#nav .first a {
	border-left:1px solid #E5E5E5;
}
#nav a:hover, #nav li:hover a { 
	background:#FF8A00;
	color:#FFF; 
	}
#nav li.current a  { 
	background:#FF8A00;
	color:#FFF; 
	}
#nav .drop a:hover, #nav .drop:hover a {
	}

/* SUB LEVEL 1 */
#nav ul {
	position:absolute;
	width:100%;
	top:23px;
	left:0px;
	border:0;
	margin:0;
	padding:0;
	background:#FFF;
	z-index:9;
}
#nav ul li {
	display:block;
	background:transparent;
	}

#nav ul a {
	display:block;
	float:left;
	margin:0;
	padding:6px 10px 2px;
	font-weight:normal;
	color:#404040;
}

/* first exceptions */
#nav ul .first {
}
#nav ul .first a {
}

/* CURRENT COLORS */
#nav ul li.current a, #nav li:hover ul ul li.current a, #nav li:hover ul li:hover ul li:hover ul li.current a {	
	background-color:#FF8A00;
	color:#FFF;
}
/* NESTED NORMAL STATE */
#nav li.current ul li a, #nav li:hover ul li a/*, #nav ul li.current ul li a, #nav ul li.current ul li.current ul li a*/ {
	background-color:#FFF;
	color:#404040;
}

/* HOVER COLORS */
#nav li:hover ul li:hover a, #nav li:hover ul li.current a {
	background-color:#ADAAA6;
	color:#FFF;
}

/* DISPLAYS */
#nav ul, #nav li:hover ul ul, #nav ul li:hover ul ul {
	display:none;	
}
#nav li:hover ul, #nav ul ul li:hover ul {
	display:block;	
}

/* -----------------------------
     SUB NAVIGATION 
----------------------------- */
#subNav {
	position:absolute;
	width:100%;
	top:23px;
	left:0px;
	padding:0;
	margin:0;
	background:transparent;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;
}
#subNav li {
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}
#subNav li:hover {
	cursor:pointer;
}
#subNav a {
	float:left;
	display:block;
	margin:0;
	width:auto;
	font-size:11px;
	line-height:12px;
	text-decoration:none;
	background:transparent;
	text-transform:lowercase;
	font-weight:bold;
	border:1px solid #E5E5E5;
	border-left:0;
	padding:6px 10px 2px;
	font-weight:normal;
	color:#404040;
}
#subNav a em {
	font-style:normal;
	}
#subNav .r {
	/*float:right;*/
}
#subNav .first a {
	border-left:1px solid #E5E5E5 !important;
}
#subNav a:hover, #subNav li:hover a { 
	background:#ADAAA6;
	color:#FFF; 
	}
#subNav li.current a  { 
	background:#ADAAA6;
	color:#FFF; 
	}
#subNav .drop a:hover, #subNav .drop:hover a {
	}


/* --- ADMIN NAVIGATION --- */

#adminnav {
height:25px;
width:100%;
	list-style:none;
	margin:0 156px 0 0;
	padding:0;
	background-color:#CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	z-index:100;
	position:relative;
	overflow:visible;

}



/* TOP LEVEL */

#adminnav li {
list-style:none;
	height:24px;
	width:auto;
	float:left;
	padding:0;
	margin:0;
	}

#adminnav li:hover {

	position:relative;
	z-index:10;
}



#adminnav h2 { 

	width:auto;

	padding:0;

	margin:0;

	}

#adminnav a {

	color:#FFF;

	width:auto;

	display:block;

	float:left;

	position:relative;

	font-size: 11px;

	line-height:10px;

	padding:7px 20px 7px 20px;

	margin:0;

	text-decoration:none;
	
	font-family: Arial, Helvetica, sans-serif;

}

#adminnav a:hover, #adminnav li:hover a, #adminnav li.current a {

	color:#E95E01;

}

/* SUB LEVEL 1 */

#adminnav ul li {

	height:23px;

	}

#adminnav ul a {

	width:100px;

	height:17px;

	display: block;

	font-size: 10px !important;

	line-height:11px;

	text-decoration: none;

	display:block;

	color:#FFF !important;

	background:#EE721D;

	padding:6px 0 0 10px;

	margin:0;

	font-weight:normal;

}



#adminnav ul, #adminnav ul ul {

	list-style:none;

	position:absolute;

	width:100px;

	left:0px;

	top:24px;

	border:0;

	margin:0;

	padding:0;

	background:#EE721D;

}

#adminnav ul li.current a, #adminnav ul li.current ul li.current a {

	color: #FFF;

	background:#999;

}

#adminnav ul ul {

	list-style:none;

	position:absolute;

	width:100px;

	left:100px;

	top:0px;


	}

	

/* HOVER COLORS */

#adminnav ul a:hover, #adminnav ul li:hover a, #adminnav ul li:hover ul a:hover, #adminnav ul li:hover ul li:hover a:hover, #adminnav ul li.current:hover ul li.current:hover a,

#adminnav ul ul ul a:hover, #adminnav ul ul ul li:hover a, #adminnav ul ul ul li.current:hover a {

	color: #FFF;

	background:#C24512;

}



#adminnav ul li.current a, #adminnav ul li.current ul li.current a {
	color: #FFF;
	background:#C24512;
}



/* DISPLAYS */

#adminnav ul, #adminnav li:hover ul ul, #adminnav ul li:hover ul ul {

	display:none;	

}

#adminnav li:hover ul, #adminnav ul li:hover ul, #adminnav ul ul li:hover ul {

	display:block;	

}
/* PRINT STYLES FOR NAVS */

@media print {
#nav, #subNav {
	display:none !important;
	}
}