/*
CSS Top Frame Layout
This is a two rows liquid layout with the top row being static, always in view. Tested and works in IE5+, Opera7+, and Firefox.

http://www.dynamicdrive.com/style/layouts/item/css-top-frame-layout/
*/
body {
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%;
	max-height: 100%;
	font: normal 12px Arial,Helvetica,sans-serif;
}

* html body {
	/* IE6 hack */
	padding: 110px 0 0 0; /* Set value to (HeightOfFrameDiv 0 0 0) */
}

#framecontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 118px; /* Height of frame div */
	overflow: visible; /* Disable scrollbars. Set to "scroll" to enable */
	background-color: #DEDEDE;
	color: white;
	border-bottom: 4px solid #999999;
}

#maincontent {
	position: fixed;
	top: 120px; /* Set top value to HeightOfFrameDiv */
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	background: #fff;
}

* html #maincontent {
	/* IE6 hack */
	height: 100%;
	width: 100%;
}

.innertube {
	margin: 15px; /* Margins for inner DIV inside each DIV (to provide padding) */
}

#footer{
	font: normal 12px Arial,Helvetica,sans-serif;
	color: #666666;
	padding: 12px;
	margin: 0px;
}

/*
CSS two column layout.
http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
*/
#wrap {
	/* background: #99c; */
	margin: 0 auto;
	width: 100%;
}
#header {
	background: #ddd;
}
#header h1 {
	padding: 5px;
	margin: 0;
}
#nav {
	/* background: #c99; */
	padding: 10px;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li{
	display: inline;
	margin: 0;
	padding: 0;
}
#main {
	/* background: #9c9; */
	float: left;
	width: 700px;
}
#main h2, #main h3, #main p {
	padding: 2px;
}
#sidebar {
	/* background: #99c; */
	float: right;
	width: 240px;
}
#sidebar ul {
	margin-bottom: 0;
}
#sidebar h3, #sidebar p {
	padding: 0 10px 0 0;
}
#footer {
	/* background: #cc9; */
	clear: both;
}
#footer p {
	padding: 5px;
	margin: 0;
}

.pbacklink { float:right; padding:2px; font: bold 18px Arial,Helvetica,sans-serif; }
.headtext_pdf { font: bold 18px Verdana,Arial,Helvetica,sans-serif; color: #000099; }
.sep { background: #000099 url("../img/bg_sep3.gif") repeat-x; }

#pdfembed {
	width: 100%;
	height: 560px;
	border: 4px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align:center;
}

textarea {
	width: 400px; height: 50px; padding: 1; margin: 0
}
input.formbtn {
	width: 100px;
}
INPUT.formbtn2 {
    font: bold 11px Arial,Helvetica,sans-serif;
    background-color: #2F4178;
    color: #FFFFFF;
    border: 1px outset #2F4178;
    width: 300px;
    /* only for IE - adds a gradient effect to to buttons. Leave ending double forward-slashes to work around bug in older Netscape */
    FILTER:progid:DXImageTransform.microsoft.Gradient(gradientType=0, StartColorStr='#58658F',EndColorStr='#2F4178');
}