/* colour legend
BLUE - #01469a
GREEN - #a3d131
background - #eaeaea
TEAL - replaces green - #07A3A7
*/

html, body {
height:100%;
}

body {
background:#eaeaea;
}

* {
margin:0;
padding:0;
border:0;
list-style:none;
font-family:"Trebuchet MS", verdana, arial, sans-serif;
}

#wrap {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
width:960px;
background:#eaeaea url(images/wrap_bg_teal.gif) repeat-y;
}

#footer {
height: 90px; /* .push must be the same height as .footer */
width:960px;
margin:auto;
background:#9a9a9a url(images/footer_bg_teal.gif) no-repeat;
}

.push {
height:90px;
clear:both;
}

.clear {
clear:both;
margin-top:0;
height:1%;
width:100%;
overflow:hidden;
} 

#header {
width:960px;
height:120px;
background:#9a9a9a url(images/header_bg.gif) no-repeat;
}

h1 {
width:250px;
height:110px;
}

#mainMenu {
width:230px;
margin-left:20px;
float:left;
}

* html #mainMenu { margin-left:10px; }

#mainMenu li {
font-size:16px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}

#mainMenu li a {
background:none transparent;
color:#eaeaea;
display:block;
width:230px;
height:31px;
padding-top:9px;
border-bottom:1px solid #eaeaea;
text-decoration:none;
}

#mainMenu li a:hover {
background:#eaeaea;
color:#01469a;
}

#mainContent {
float:right;
width:450px;
margin-left:10px;
position:relative;
}




#greenBox {
width:230px;
background:#07a3a7 url(images/greenBox_top_teal.gif) no-repeat top;
float:right;
margin-right:20px;
min-height:20px;
}

* html #greenBox { margin-right:10px; }

/* TYPOGRAPHY */

h2 {
font-size:24px;
float:right;
color:#eaeaea;
margin-top:-40px;
margin-right:40px;
text-align:right;
}

h3 {
color:#01469a;
font-size:16px;
border-bottom:1px solid #ccc;
margin:5px;
padding:5px;
text-transform:uppercase;
}

h4 {
color:#111;
font-size:12px;
margin:10px 20px;
padding:2px;
text-transform:uppercase;
font-weight:bold;
}

#greenBox h3 {
margin:5px;
border-color:#eaeaea;
}

p {
color:#333;
font-size:12px;
margin:10px 20px;
padding:2px;
}

p a {
color:#01469a;
text-decoration:underline;
}

p a:hover {
color:#555;
text-decoration:none;
}

p.rightP {
text-align:right;
}

#greenBox p {
color:#fff;
margin:5px 8px;
}

#greenBox a {
color:#fff;
text-decoration:underline;
}

#greenBox a:hover {
text-decoration:none;
}

#greenBox h4 {
margin:5px;
text-align:right;
padding-bottom:4px;
border-bottom:1px solid #01469a;
color:#eaeaea;
}

#footer p {
color:#eaeaea;
margin:0;
margin-left:250px;
padding:0;
padding-top:40px;
text-align:center;
line-height:16px;
}

.mainList {
margin:15px 40px;
}

.mainList li {
margin:5px;
background:#eaeaea url(images/list_arrow.gif) no-repeat left;
padding-left:12px;
color:#01469a;
font-size:12px;
}

.mainList li a {
color:#01469a;
text-decoration:underline;
}

.mainList li a:hover {
color:#444;
text-decoration:none;
}

.plainList {
margin:10px 40px;
}

.plainList li {
margin:5px;
list-style:disc inside;
color:#01469a;
font-size:12px;
}

.plainList li a {
color:#01469a;
text-decoration:underline;
}

.plainList li a:hover {
color:#444;
text-decoration:none;
}

.caseList {
margin:10px;
}

.caseList li {
margin:10px 5px 10px 10px;
list-style:disc outside;
color:#01469a;
font-size:12px;
color:#444;
line-height:22px;
}

.caseList li#otherExampleList {
margin-top:30px;
}

.caseList li a {
color:#01469a;
text-decoration:underline;
}

.caseList li a:hover {
color:#444;
text-decoration:none;
}

/* MAIN FORM STYLES */

.mainForm {
width:400px;
padding:5px;
margin:10px auto;
}

.mainForm fieldset {
border:1px solid #9A9A9A;
padding:5px;
margin-top:5px;
}

.mainForm legend {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:18px;
color:#eaeaea;
border:1px solid #9A9A9A;
padding:2px 5px;
margin:2px 5px 5px 5px;
background:#07A3A7;
}

.mainForm label {
font-family:"Trebuchet MS",Verdana,Sans-Serif;
font-size:16px;
text-transform:uppercase;
color:#555;
letter-spacing:.7px;
font-weight:bold;
float:left;
width:160px;
text-align:right;
}

label.checkLabel {
width:440px;
}

.mainForm .inputField, .mainForm .textField, .mainForm .captchaField {
width:200px;
height:20px;
padding:1px;
border:1px solid #9A9A9A;
color:#555;
float:left;
margin-bottom:10px;
margin-right:20px;
font-size:12px;
}

.mainForm .textField {
height:100px;
overflow:auto;
}

.mainForm .captchaField {
width:110px;
}

.mainForm .captchaBox {
width:90px;
height:35px;
float:right;
margin-right:10px;
margin-top:-35px;
}

.submitButton {
float:right;
background:#07A3A7;
width:106px;
height:30px;
cursor:pointer;
color:white;
font-size:14px;
font-weight:bold;
text-align:center;
margin-top:5px;
border:1px solid;
border-color:#9A9A9A #aaa #aaa #9a9a9a;
}

.errorList {
width:300px;
margin:5px auto;
}

.errorList li {
height:16px;
background:#eaeaea url(images/errorList_marker.gif) no-repeat left top;
font-size:10px;
font-weight:bold;
color:#D00000;
padding-left:19px;
}

#mediaList {
height:58px;
float:right;
margin:5px 10px;
}

#mediaList li {
width:58px;
height:58px;
float:left;
}

.mediaIcon {
float:right;
margin-right:120px;
}

.print_screenshot {
width:200px;
margin:20px auto;
font-size:11px;
text-align:center;
color:#555;
font-style:italic;
margin-bottom:0;
}

.print_screenshot img {
vertical-align:bottom;
padding:1px;
border:1px solid #ccc;
}

/* VIDEO LIGHTBOX STYLES */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

#bioPic {
float:right;
margin:0 5px;
}

#bigBioPic {
text-align:center;
margin-top:20px;
margin-bottom:20px;
}