/* CSS Document */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body {margin:0;padding:0}

body	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%; 
	margin: 0px auto;
	width: 800px;
	background-color:#0c4d8c;
}
div#header {
	background-color:#0c4d8c;
	padding:10px 10px 10px 0;
}

#contentcontainer{
	width: 800px;
	min-height:100%;
	height: auto;
	background-color:#fff;
	padding-top:20px;
}

#leftpanel {
	width: 300px;
	height: 100%;
	float: left;
	padding-left:10px;
}

#middlepanel {
	width: 480px;
	height: 100%;
	float:right;
}

#videoPanel { height:400px; width:300px; margin-bottom:20px; }

h1 {
	color:#003366;
	font-size: 120%;
	font-weight: bold;
}

h2 {
	color:#003366;
	font-size: 90%;
	font-weight: bold;
	margin:0 0 0.8em 0;
}

p {
	font-size: 80%;
	margin:0 0 0.8em 0;
	line-height:1.4em;
}

.faq {
	display:block;
	margin-top: -3px;
}

/* form */

form div { padding:2px; }

input { padding:2px; }

.hide { display: none; }

.inputlabel {
	font-weight: bold;
	width:4em;
	text-align:right;
	display:inline;
	margin-bottom:12px;
}

/* YOMEGO CSS */
.paddingTop22px { padding-top:22px; }
div#ansBubble {
	background: transparent url(../images/bubbleTop.gif) no-repeat;
	padding:18px 28px 6px 32px;
}
div#ansBubbleFoot {
	background: transparent url(../images/bubbleBot.gif) no-repeat bottom left;
	margin:0 0 10px 0;
	height:10px;
	font-size:0%
}
.padding10px { padding:10px; }
.greyContLink { text-align:right; margin-bottom:0; }
div.greyContainer {
	background: #f2f2f2 url(../images/greyBoxTop.gif) no-repeat top;
	margin:20px 0 0 0;
	padding:16px;
}
div.greyContFoot {
	background: #f2f2f2 url(../images/greyBoxBot.gif) no-repeat bottom;
	margin-bottom:20px;
	height:6px;
	font-size:0%;
}
div.greyContainer a { color:#003366; }

div.greyContainer ol {
	font-size:80%;
	margin:0.8em 0.5em 0 1em;
	padding:0 0 0 1em;
	/*list-style-position:inside;*/
}
div.greyContainer ol li {
	margin-bottom:0.8em;
}

div.greyStrip {
	background: transparent url(../images/iconBgStrip.gif) no-repeat right;
	margin-bottom:8px;
}
div.greyStrip a { float:left; }
div.greyStrip a img { border:none; }
div.greyStrip p {
	line-height:33px;
	margin:0 12px 0 0;
	text-align:right;
}

.questionTextbox {
	width:368px;
	height:1.6em;
	border:solid 1px #acacac;
}
label#questionLabel {
	font-size:80%;
	margin:0.5em 0 0.2em 0;
	display:block;
}

div.scrollingWrapper {
	height:200px;
	overflow:auto;
	clear:both;
	padding:5px 10px 10px 10px;
	border:solid 1px #e8e8e8;
}

/* FAQ selection */
div.greyContainer fieldset { border:none; padding:0; }
div.greyContainer fieldset legend { display:none; }
table#faqTable { margin-bottom:10px; }
select.faqDD { width:200px; border:solid 1px #999; height:1.6em; }
td#col1 { 
	width:178px;
	color:#003366;
	font-size: 90%;
	font-weight: bold;
}

/* Clears floats */
.fc:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc {display: inline-block;}

/* Hides from IE-mac \*/
* html .fc {height: 1%;}
.fc {display: block;}
/* End hide from IE-mac */
