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;
}
hr
{
   color: #ccc;
   background-color: #ccc;
   height: 1px;
   line-height: 1px;
   overflow: hidden;
   clear: both;
   width: 80%;
   margin: 30px auto;
}
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;
}


dl
{
   margin: 0;
   padding: 0;
}
dd,dt
{
   margin: 0;
   padding: 0;
   font-weight: normal;
   font-style: normal;
}
dd
{
   font-style: italic;
}
dt
{
   text-align: right;
   margin: 0 20px 20px 0;
}


.margin-top-0 { margin-top:0; }

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.vacancy td.label
{
   width: 110px;
}


/*
** 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
{
   display: block;
   float: left;
   width: 190px;
   height: 160px;
   margin: 0 25px 0 0;
   padding: 0;
}
div.hFilmStrip img.last
{
   margin-right: 0;
}