﻿html, body
{
    margin:0;
    padding:0;
    border:none;
    height:100%;
}
form
{
    vertical-align:top;
    margin:0;
    padding:0;
}
body
{
    text-align:center;
    font-family: Helvetica;
    font-size: 12px;
    color: #2b2b2b;
    line-height:16px;
    vertical-align:top;
}

/* Inputs */
input,
select,
textarea
{
    font-size:12px;
    color: #000000;
    font-family: Arial;
}
img
{
    border: 0px;
}
img, 
td, 
div
{
    behavior: url('../iepngfix.htc');
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* Links */
a,
a:link,
a:visited
{
    color:#209FBB;
    text-decoration:none;
}
a:active,
a:hover
{
    color:#003599;
    text-decoration:underline;
}
.button
{   
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana;
    font-size: 11px;
    background-color:#007BAF;
    border: solid 1px #0190d6;
    color:#FFFFFF;
    padding:3px 10px 4px 10px;  
    *padding:1px 6px 4px 6px;
    height:23px;
    cursor:pointer;
}
.button:hover
{
    color:#209FBB;
}
a.button,
a.button:link,
a.button:visited,
a.button:hover
{
    color:#FFFFFF;
    line-height:23px;
    height:auto;
    padding:4px 10px 4px 10px; 
    *padding: 3px 10px 3px 10px;
    text-decoration:none;
}

a.button:hover
{
    color:#209FBB;
}

/* Headers */
h1,
h2,
h3
{
    font-weight:normal;
    line-height:normal;
}
h1
{
    font-size: 22px;
    *font-size:17px;
    color:#003599;
    margin-top:0px;
    margin-bottom:12px;
    font-weight:bold;
}
h2
{
    font-size: 15px;
    color:#005e88;
    margin-top:0px;
}
h3
{
    font-size: 13px;
    color:#005e88;
    margin:0px;
}

/* Tables */
td
{
    border-width: 0px;
    vertical-align:top;
    text-align:left;
}
tr.header,
tr.header td,
td.header,
.header
{
    position: relative;
    color: #FFFFFF;
    background-color:#007BAF;
    font-weight:bold;
    text-align: center;
    padding-top:3px;
    height:16px;
}
th a,
th a:link,
th a:visited,
th a:hover,
th a:active
{
    color:#FFFFFF;
}
dt0,
td.dt0,
tr.dt0
{
    background-color:#E8E3CD;
}
dt1,
td.dt1,
tr.dt1
{
    background-color:#D2CBAC;
}
.calheader,
tr.calheader,
td.calheader,
.calheader td
{
    background-color:#000000;
    color:#FFFFFF;
    font-weight:bold;
    border: none 0px;
    text-align:center;
}
.calday
{
    color:#000000;
    font-size: 9px;
    font-weight:normal;
    line-height:normal;
}
.pagedivide
{
    clear:both;
    padding-bottom:8px;
}

/* Display Divs */
#outer
{
    background: url('images/header_repeat.jpg') repeat-x top;
    position:relative;
    min-height:100%;
    margin-bottom:-22px;
}
#wrapper
{
    width:900px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#header
{
    position:relative;
    text-align:right; 
    height:125px;
    z-index:10;
}
#mission
{
    height:95px;
    text-align:left;
    /*padding-right:20px;*/
}
#logolink
{
    position:absolute;
    top: 0px;
    left:0px;
}
#search
{
    position:absolute;
    top:6px;
    right:10px;
    font-size:12px;
    width:187px;
    height:37px;
    background: url('images/searchBG.html') no-repeat;
    text-align:left;
    padding: 6px 0px 0px 8px;
    *padding: 7px 0px 0px 8px;
}
#bullets li
{
    margin-left:-20px;
    list-style-image: url('images/bullet_orange.jpg');
    padding-bottom:15px;
}
#manageButtons
{
    position:absolute;
    top:2px;
    right:5px;
}
#menu
{
    position:absolute;
    top:30px;
    *top:50px;
    right:0px;
    height:38px;
    z-index:20;
}

#nav, #nav ul, #footernav
{
    padding:0;
    list-style:none; 
    z-index:25;
}

#footernav
{
    padding-top:4px;
}

#footernav li
{
    display:inline;
}

#footernav li a
{
    color:#D2CBAC;
}

#nav li
{
    position: relative;
    line-height:38px;
    *line-height:25px;
    display:inline;
    z-index:100;   
    background-color:#007BAF;
    border: solid 1px #0190d6;
    padding:8px;
    *padding: 12px 8px 8px 8px;
    margin-left:5px;  
}

#nav li.active
{
    
}

#nav li.active a,
#nav li.active a:link,
#nav li.active a:visited
{
    color:#ffffff;
    font-weight:bold;
}

#nav li a,
#nav li a:link,
#nav li a:visited
{
    font-family: Lucida Grande, Lucida Sans Unicode, Verdana;
    color:#ffffff;
    font-size: 12px;
    font-weight:normal;
    text-decoration:none;
    text-transform:uppercase;
    padding-bottom:8px;
}

#nav li a:hover,
#nav li a:active
{
    color:#209FBB;
    text-decoration:none;
}

.subnav /* #nav li ul */
{
    display: none;
    width: 180px;
    position: absolute;
    top: 29px;
    *top: 28px;
    left: -1px;
    *left:-41px;
    background-color: #007BAF;
    border-top:none;
    border-bottom:none;
    border-right: 1px solid #0190d6;
    border-left: 1px solid #0190d6;
    z-index:100;
}

#nav li ul li
{
    text-align:left;
    border:none;
    border-bottom: 1px solid #0190d6;
    line-height:30px;
    padding:0;
    padding-left:5px;
    width:175px;
    *float:left;
}

#nav li ul li a,
#nav li ul li a:link,
#nav li ul li a:visited
{
    color:#FFFFFF;
    text-decoration:none;
    text-transform:none;
}

#nav li ul li a:hover,
#nav li ul li a:active
{
    color:#209FBB;
    text-decoration:none;
}

#nav li:hover ul, 
li.over ul,
#nav li:hover ul li, 
li.over ul li { /* lists nested under hovered list items */
    display: block;
}

#content
{
    position:relative;
    padding: 20px 15px 15px 0px;
    background-color:#FFFFFF;
    text-align:left;
    z-index:0;
    padding-bottom:30px;
}

#footer
{
    color:#FFFFFF;
    background: url('images/footer_repeat.jpg');
    height:22px;
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
}

#templates li
{
    text-align:center;
    display:inline;
    float:left;
    margin-right:35px;
    margin-bottom:5px;
    width:95px;
}

/* Standard Classes */
.title
{
    font-size: 15px;   
    font-weight:normal;
    font-weight:bold;
    color:#0B6275;
    margin-top:0px;
}
.error
{
    color: #FF0000;
    font-weight: normal;
}
.info
{
    color: #008000; 
}
.help
{
    color: #000000;
    font-style:italic; 
}
.errorval
{
    position:absolute;
    z-index:50;
    border: solid 1px #000000;
    background-color: lemonchiffon;
    padding:5px;
}
.question
{
    text-align:right;
}
fieldset
{
    background-color:#F2FBFB;
    border: solid 1px #507D82;
    margin:0;
    margin-bottom:-23px;
    padding:5px;
    width:250px;
    *position: relative;
    *padding-top:20px;
}
legend
{
    color:#3F251C;
    font-weight:bold;
    *position:absolute;
    *top: -10px;
    *left: 10px;
    *margin-top:10px;
}
.highlight
{
    background-color: lemonchiffon;
}
.tdcenter,
tr.tdcenter td
{
    text-align:center;
}
.tdright
{
    text-align:right;
}
.gridbutton
{
    padding-top:10px;
}
.controlpanel
{
    clear:both;
}
/* Visible Classes */
div.invisible 
{	
    display: none;
    visibility:hidden;
}
div.visible
{
    visibility:visible;
    display: block;
}

/* Steps */
.stepon
{
    float:left;
    height:19px;
    background:#007BAF;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepdone
{
    float:left;
    height:19px;
    background:#209FBB;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}
.stepoff
{
    float:left;
    height:19px;
    background:#CCCCCC;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    padding-left:5px;
    padding-right:5px;
    padding-top:4px;
    margin-right:5px;
}

/* Redorder List */
.reorderList li
{
	list-style:none;
	margin:2px;
	color:#000000;
	line-height:normal;
}
.reorderItem
{
    border: dashed 1px #507D82;
    background-color:#F2FBFB;
    padding:7px;
    height:43px;
    margin:3px;
}
.reorderCue
{
	border:dashed thin black;
	width:100%;
	height:75px;
}
.reorderCue2
{
	border:dashed thin black;
	width:100%;
	height:30px;
}
.dragHandle
{
	width:25px;
	height:25px;
	margin-top:5px;
	cursor:move;
}

/* thumnail rollover */
.thumbnail{
    position: relative;
    z-index: 0;
}
.thumbnail:hover{
    background-color: transparent;
    z-index: 50;
    text-decoration:none;
}
a.thumbnail,
a.thumbnail:link,
a.thumbnail:visited
{
    color:#000000;
    font-weight:normal;
}
.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #FFFFFF;
    padding: 5px;
    left: -1000px;
    border: 1px solid black;
    visibility: hidden;
    display:none;
    color: black;
    text-decoration: none;
    width:150px;
    text-align:left;
}
.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    display:block;
    top: 10px;
    left: 20px; /*position where enlarged image should offset horizontally */
}


/* Accordian */
.accordionHeader
{
	margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color:#FFFFFF;
	color:#424242;
	cursor: pointer;
}
.accordionHeaderSelected
{
    margin: 0px;
	padding: 4px;
	height:15px;
	font-weight:bold;
	background-color: #D3E9FF;
	color:#424242;
	cursor: pointer;
}
.accordionContent
{
    overflow: auto;
	margin: 0px;
	padding: 0px;
	background-color:#F9F9F9;
}

/* Data Pager */
.numericpage
{
    font-size:14px;
    font-weight:normal;
}
.currentpage
{
    font-size:14px;
    font-weight:bold;
}