﻿html, body
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #404040;
}
html, body, input, select, textarea, table
{
	font: normal normal normal 12px Verdana, Geneva, sans-serif;
	color: #404040;
}

h1, h2, h3, h4, h5, h6
{
	font: normal normal bold 14px Arial, Helvetica, sans-serif;
	color: #002e5b;
	margin: 0;
	padding: 0;
}
h1 {font-size: 1.5em; margin: 0 0 0.5em 0; padding-bottom: 2px; border-bottom: 2px solid #f60; }
h2 {font-size: 1.2em; margin: 2.0em 0 0.5em 0; }


a
{
	color: #ff6600;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
address
{
	font-style: normal;
}
img
{
	padding: 0;
	border: 0 none;
}
p
{
	margin: 1.0em 0 0 0;
	padding: 0;
}
ul, ol
{
	position: relative;
	margin: 0.8em 0 0 0;
	padding: 0;
}
ul
{
	list-style-type: none;
}
li
{
	margin: 0.2em 0 0 0;
	padding: 0 0 0 1.25em;
	background-image: url(img/liBullet.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}




div.separator
{
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
}


.floatRight
{
	display: block;
	float: right;
	margin-left: 15px;
}
.floatLeft
{
	display: block;
	float: left;
	margin-right: 15px;
}
.center
{
	margin-left: auto !important;
	margin-right: auto !important;
}
.inset
{
	margin-left: 80px !important;
}
div.col1
{
	float: left;
	padding-right: 30px;
}


.orange
{
}


/*
** Table - Data Form
*/
table.dataForm
{
	margin: 12px 0;
	border-bottom: 3px solid #eaeaea;
}
table.dataForm th,
table.dataForm td
{
	padding: 4px 5px;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #eaeaea;
	line-height: normal;
}
table.dataForm th
{
	background-color: #f1f1f1;
}
table.dataForm td.submit
{
	border-top: 0 none;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}
table.dataForm p
{
	margin: 5px 0;
}
table.dataForm span.hint
{
	font-size: smaller;
}
table.dataForm input.txt,
table.dataForm textarea.txt
{
	width: 180px;
}
table.dataForm input.txt.wide,
table.dataForm textarea.txt.wide
{
	width: 580px;
}


/*
** Table - Simple
*/
table.simple
{
	margin: 15px 0;
	border-left: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
table.simple th,
table.simple td
{
	padding: 4px 5px;
	vertical-align: top;
	text-align: left;
	border-top: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	line-height: normal;
}
table.simple th
{
	background-color: #f1f1f1;
}
table.simple p
{
	margin: 5px 0;
}
table.simple input.txt,
table.simple textarea.txt
{
	width: 120px;
}
table.simple input.txt.wide,
table.simple textarea.txt.wide
{
	width: 300px;
}




/*
** Panel Styles
**
** Grey/White
*/
div.panel
{
	position: relative; 
	background: #fff url(img/panels/grey/n.gif) repeat-x left top;
	min-height: 30px;		/* IE6 min-height fix */
	height: auto !important;
	height: 30px;
	line-height: normal;
}
div.panel div { position: relative; }
div.panel div.e { background: url(img/panels/grey/e.gif) repeat-y right top; }
div.panel div.s { background: url(img/panels/grey/s.gif) repeat-x left bottom; }
div.panel div.w { background: url(img/panels/grey/w.gif) repeat-y left top; }
div.panel div.ne { background: url(img/panels/grey/ne.gif) no-repeat right top; }
div.panel div.se { background: url(img/panels/grey/se.gif) no-repeat right bottom; }
div.panel div.sw { background: url(img/panels/grey/sw.gif) no-repeat left bottom; }
div.panel div.nw { background: url(img/panels/grey/nw.gif) no-repeat left top; padding: 7px; }

/* Grey/Orange Panel */
div.panel.greyOrange { background-color: #F28A27; background-image: url(img/panels/greyOrange/n.gif); }
div.panel.greyOrange div.e { background-image: url(img/panels/greyOrange/e.gif); }
div.panel.greyOrange div.s { background-image: url(img/panels/greyOrange/s.gif); }
div.panel.greyOrange div.w { background-image: url(img/panels/greyOrange/w.gif); }
div.panel.greyOrange div.ne { background-image: url(img/panels/greyOrange/ne.gif); }
div.panel.greyOrange div.se { background-image: url(img/panels/greyOrange/se.gif); }
div.panel.greyOrange div.sw { background-image: url(img/panels/greyOrange/sw.gif); }
div.panel.greyOrange div.nw { background-image: url(img/panels/greyOrange/nw.gif); }
div.panel.greyOrange h1, div.panel.greyOrange h2, div.panel.greyOrange h3 { color: #fff; }
div.panel.greyOrange div.panelBody { color: #fff; }

/* Grey/Blue Panel */
div.panel.greyBlue { background-color: #23537b; background-image: url(img/panels/greyBlue/n.gif); }
div.panel.greyBlue div.e { background-image: url(img/panels/greyBlue/e.gif); }
div.panel.greyBlue div.s { background-image: url(img/panels/greyBlue/s.gif); }
div.panel.greyBlue div.w { background-image: url(img/panels/greyBlue/w.gif); }
div.panel.greyBlue div.ne { background-image: url(img/panels/greyBlue/ne.gif); }
div.panel.greyBlue div.se { background-image: url(img/panels/greyBlue/se.gif); }
div.panel.greyBlue div.sw { background-image: url(img/panels/greyBlue/sw.gif); }
div.panel.greyBlue div.nw { background-image: url(img/panels/greyBlue/nw.gif); }
div.panel.greyBlue h1, div.panel.greyBlue h2, div.panel.greyBlue h3 { color: #fff; }
div.panel.greyBlue div.panelBody { color: #fff; }

/* Orange/White Panel */
div.panel.orange { background-image: url(img/panels/orange/n.gif); }
div.panel.orange div.e { background-image: url(img/panels/orange/e.gif); }
div.panel.orange div.s { background-image: url(img/panels/orange/s.gif); }
div.panel.orange div.w { background-image: url(img/panels/orange/w.gif); }
div.panel.orange div.ne { background-image: url(img/panels/orange/ne.gif); }
div.panel.orange div.se { background-image: url(img/panels/orange/se.gif); }
div.panel.orange div.sw { background-image: url(img/panels/orange/sw.gif); }
div.panel.orange div.nw { background-image: url(img/panels/orange/nw.gif); }
div.panel.orange h1, div.panel.orange h2, div.panel.orange h3 { color: #f28a27; }



/*
** The panelBody is responsible for placing/containing the content
** within the panel's frame decoration
*/
div.panel div.panelBody { padding: 5px 10px; }
div.panel div.titlebar { padding: 5px; }
div.panel.sideBySide { width: 280px; }

div.panel h1, div.panel h2, div.panel h3
{
	margin: 0;
	font-size: 14px;
	text-decoration: none;
	border: 0 none;
	padding: 0;
}
div.panel h1 { font-size: 22px; }


/*
** Film Strips
*/
div.hFilmStrip img
{
	width: 190px;
	height: 160px;
	padding-right: 21px;
}
div.hFilmStrip img.last
{
	padding-right: 0;
}