/* RESET
===================================== */
* { margin: 0; padding: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
html { height: 101%; margin: 0 0 1px 0; }
table, th, td { border-collapse: collapse; border: none; margin: 0; padding: 0; }
a img, a { outline: 0; border: 0; }
caption, th, td { text-align: left; font-weight: normal; }
input[type="button"]{ padding: 0px; margin: 0px; }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: """" }
form { margin: 0; padding: 0; }
.clear { clear: both }
.clearfix:after { display: block; visibility: hidden; content: "."; clear: both; text-indent: -9999px; height: 0; }
img { display: block; padding: 0; margin: 0; border: none; }

/* BASE
===================================== */

body { background: #012f4f url(/images/backgrounds/body.png) top left repeat-x; margin: 0; }

body, th, td, input, select, textarea { font-family: arial, helvetica, sans-serif; font-size: small; color: #343434; }

a:link, a:visited { color: #1778bd; text-decoration: underline; }
a:hover, a:focus, a:active { color: #6b0c97; }

ul li, ol li { margin-bottom: 8px; }
ul { margin: 0 0 25px 25px; padding: 0; }
ul ul, ul ol, ol ul, ol ol { margin-top: 15px; }

hr { background-color: #d9dfe4; border: 0; color: #d9dfe4; width: 100%; height: 1px; text-align: left; margin: 25px 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0 0 20px 0; }
h1 { font-size: 24px; font-weight: normal; color: #e1861a; }
h2 { font-size: 20px; font-weight: normal; color: #4475b9; }
h3 { font-size: 16px; font-weight: bold; }
h4 { font-size: 15px; font-weight: bold; color: #666; }
h5 { font-size: 11px; font-weight: normal; text-transform: uppercase; }
h6 { font-size: 9px; font-weight: bold; text-transform: uppercase; color: #666; }
sup { font-size: 8px; }
strong { font-weight: bold; }

/* STRUCTURES
===================================== */

#site {
        width: 994px;
        margin: 0 auto;
        padding: 0;
}

#header {
        background: url(/images/backgrounds/header.png) top left no-repeat;
        width: 993px;
        height: 205px;
        margin: 0;
        padding: 0;
}

#logo {
        float: left;
        margin: 3px 0 0 36px;
}

#logoRight {
        float: right;
        margin: 12px 45px 15px 0;
}
#tagline {
        float: right;
        margin: 0 45px 0 0;
}

#logo a img, #logoRight a img, .sidebarPhoto a img, .button a, .threeColsImage a img {
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
}
#logo a img:hover, #logoRight a img:hover, .sidebarPhoto a img:hover, .button a:hover, .threeColsImage a img:hover {
        filter: alpha(opacity=85);
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
}

#page {
        background: url(/images/backgrounds/page.png) top left repeat-y;
        margin: 0;
        padding: 0 27px 27px 27px;
        width: 940px;
}

#colRight {
        margin: 0 0 0 230px;
        padding: 0 20px 0 0;
        width: 640px;
}

.button a {
        background: #1d85cf;
        padding: 4px 8px;
        text-align: center;
        white-space: nowrap;
        color: #fff;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
}

/* FEATURE HOMEPAGE SCROLLER
===================================== */

#feature {
        width: 690px;
        height: 350px;
        margin: 0 0 25px 230px;
        padding: 0;
        position: relative;
}

.overwhite {
        z-index: 50;
        position: absolute;
}

.feature {
        width: 700px;
        height: 350px;
        position: relative;
}

.featureImage { z-index: 40; }

.featureBox {
        background: url(/images/feature/overlay.png) 0 0 no-repeat;
        margin: 0;
        padding: 20px;
        width: 650px;
        height: 70px;
        display: block;
        clear: both;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        z-index: 50;
        cursor: pointer;
}
.featureBox:hover { background: url(/images/feature/overlay.png) 0 -110px no-repeat; }
.featureBoxTitle { 
        font-size: 22px;
        display: block;
        width: 100%;
}
.featureBoxText { font-size: 13px; }

#feature .scrollable {
        position: relative;
        overflow: hidden;
        width: 690px;
        height: 350px;
}

.items {
        width: 20000em;
        position: absolute;
}

.items div { float: left; }
.scrollable { float: left; }

a.browse {
        background: url(/images/feature/hori_large.png) no-repeat;
        display: block;
        width: 40px;
        height: 60px;
        float: left;
        margin: 0;
        cursor: pointer;
        font-size: 1px;
        position: absolute;
        z-index: 999;
        margin-top: 20px !important;
}

a.right { background-position: 0 -60px; clear: right; margin-right: 0; position: absolute; right: 20px; }
a.right:hover { background-position: -40px -60px; }
a.right:active { background-position: -80px -60px; }

/* left */
a.left { margin-left: 0; position: absolute; left: 20px;} 
a.left:hover { background-position: -40px 0; }
a.left:active { background-position: -80px 0; }


/* 3 HOMEPAGE COLUMNS
===================================== */

.threeCols { margin: 0 0 20px 0; }

.threeColsColumn {
        width: 190px;
        float: left;
        margin: 0 10px;
}
.threeColsTitle {
        font-size: 13px;
        font-weight: bold;
        margin: 0 0 10px 0;
}
.threeColsTitle a { text-decoration: none; }

.threeColsImage {
        text-align: center;
        margin: 0 0 10px 0;
}

.threeColsImage img {
        background: #fff;
        padding: 4px;
        border: 1px solid #bfe1f9;
        max-width: 170px;
}

.threeColsContent {
        font-size: 11px;
        margin: 10px 5px 10px 0;
}

/* SIDEBAR
===================================== */

#colLeft {
        width: 210px;
        float: left;
        margin: 0;
        padding: 0;
}

.sidebarItem { margin: 0 0 15px 0; }
.sidebarHeader {
        background: #486db2 url(/images/backgrounds/sidebarHeader.gif) top left no-repeat;
        color: #fff;
        font-size: 15px;
        padding: 10px 15px;
}
.sidebarBox {
        background: #f2f6fa url(/images/backgrounds/sidebarContent.gif) bottom right no-repeat;
        padding: 20px;
        font-size: 11px;
}

.sidebarBox p { margin: 0; }
.sidebarPhoto {
        text-align: center;
        margin: 0 0 10px 0;	
}
.sidebarPhoto img {
        background: #fff;
        padding: 4px;
        border: 1px solid #bfe1f9;
        max-width: 160px;
}
.sidebarTitle a, .sidebarNewsTitle a {
        font-weight: bold;
        text-decoration: none;
        font-size: 12px;
}
.sidebarContent { margin: 0 0 10px 0; }

.sidebarBox.sidebarNews .button { text-align: center; }
.sidebarBox.sidebarNews .button a {
        display: inline;
        margin: 0 4px 0 0;
}
.sidebarBox.sidebarNews { padding: 20px 10px; }

.sidebarNewsDate {
        font-size: 11px;
        margin: 0 0 10px 0;
        color: #bcc8d5;
        text-transform: uppercase;
}
.sidebarNewsContent { }
.sidebarNews ul {
        list-style: none;
        margin: 0 0 20px 0;
        padding: 0;
}
.sidebarNews ul li {
        background: url(/images/bullets/doc.png) 3px 3px no-repeat;
        margin: 0 15px 15px 0;
        padding: 0 0 0 20px;
}

.newsList {
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 1px solid #d9dfe4;
}
.newsItem {
        margin: 0;
        padding: 0;
}

.newsList img{
	display: inline;
}

.newsRight {
	width: 420px;
    float: right;
}


.newsItem h1 {
        margin: 0 0 15px 0;
}
.newsTitle a, .newsTitle {
        font-size: 20px;
        font-weight: normal;
        color: #4475b9;
        text-decoration: none;
        margin: 0 0 10px 0;	
}
.newsDate {
        margin: 0 0 10px 0;
        color: #bcc8d5;
        text-transform: uppercase;
        font-size: 11px;
}
.newsItem .newsDate {
        margin: 0 0 15px 0;
        color: #6e7276;
        font-size: 12px;
        text-transform: none;
}
.newsSummary p { margin: 0; }
.newsSummary { margin: 0 0 10px 0; }
.newsMoreLink { }

.returnLink a {
        font-weight: bold;
        font-size: 12px;
        text-decoration: none;
}

/* 
===================================== */

#footer {
        background: url(files/footer.png) top left repeat-y;
        margin: 0;
        padding: 0 27px;
        width: 940px;
        height: 200px;
}

#logoLeft {
        float: left;
        margin: 25px 0 0 15px;
}

#bottomRight {
        font-size: 11px;
        font-style: italic;
        color: #989898;
        float: right;
        margin: 25px 15px 0 0;
        width: 700px;
}
#bottomRight ul {
        list-style: none;
        margin: 0 15px 0 0;
        padding: 0;
}
#bottomRight ul li {
        margin: 0;
        padding: 0;
        float: right;
}
#bottomRight ul li span {
        margin: 0 6px;
        font-weight: bold;
}
#bottomRight ul li a:link, #bottomRight ul li a:active, #bottomRight ul li a:visited {
        background: url(/images/bullets/top.png) right 3px no-repeat;
        margin: 0;
        padding: 0 10px 0 0;
        color: #989898;
        text-decoration: none;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
}
#bottomRight ul li a:hover {
        filter: alpha(opacity=65);
        -moz-opacity: 0.65;
        -khtml-opacity: 0.65;
        opacity: 0.65;
}
#footerLogos {
        float: right;
        margin: 20px 0 0 0;
}
#footerLogos img {
        float: left;
        margin: 0 13px;
}

#logoLeft a img, #footerLogos a img {
        filter: alpha(opacity=85);
        -moz-opacity: 0.85;
        -khtml-opacity: 0.85;
        opacity: 0.85;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
}
#logoLeft a img:hover, #footerLogos a img:hover {
        filter: alpha(opacity=100);
        -moz-opacity: 1.0;
        -khtml-opacity: 1.0;
        opacity: 1.0;
}

#copyright {
        clear: both;
        margin: 5px 0 0 20px;
        padding: 5px 0;
}
#copyright ul {
        list-style: none;
        margin: 0 0 5px 0;
        padding: 0;
}
#copyright ul li {
        margin: 0;
        padding: 0;
        display: inline;
}
#copyright ul li span { margin: 0 3px; }
#copyright ul li a:link, #copyright ul li span {
        color: #6eccfb;
        font-weight: bold;
        font-size: 11px;
        text-decoration: none;
        filter: alpha(opacity=50);
        -moz-opacity: 0.50;
        -khtml-opacity: 0.50;
        opacity: 0.50;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
}
#copyright ul li a:hover {
        filter: alpha(opacity=80);
        -moz-opacity: 0.80;
        -khtml-opacity: 0.80;
        opacity: 0.80;
}


/* MAIN MENU
===================================== */

#menu {
        width: 920px;
        height: 41px;
        margin: 0 0 0 45px;
        padding: 0;
        clear: both;
        z-index: 99999999;
        position: relative;
}

.sf-menu, .sf-menu * {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 1;
}

.sf-menu ul {
        position: absolute;
        top: -999em;
        width: 14em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
        background: none;
        width: 100%;
}

.sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
        float: left;
        position: relative;
        width: 113px;
        background: #e1861a;  
}
.sf-menu a {
        display: block;
        position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
        left: 0;
        top: 40px; /* match top ul list item height */
        z-index: 998;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
        top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left: 14em; /* match ul width */
        top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
        top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
        left: 14em; /* match ul width */
        top: 0;
}

.sf-menu li a:link, .sf-menu li a:active, .sf-menu li a:visited {
        background: url(/images/backgrounds/menu.png) -9999px -9999px no-repeat;
        text-decoration:none;
        padding: 14px 20px 12px 20px;
        font-size: 15px;
        font-weight: normal;
        color: #e3f4ff;
}

.sf-menu li a:hover, .sf-menu li.here a, .sf-menu li.parent-here a {
        background: url(/images/backgrounds/menu.png);
        color: #fff;
}

.sf-menu li li a:link, .sf-menu li li a:active, .sf-menu li li a:visited, .sf-menu li li a:active, .sf-menu li li.menuactive a.menuactive, .sf-menu li li.menuactive.menuparent a.menuactive.menuparent {
        background: #09588d;
        padding: 10px;
        border-top: 1px solid #0b67a5;
        border-bottom: 1px solid #044c76;
        border-right: none;
        border-left: none;
        font-size: 12px;
        font-weight: bold;
        color: #d3eaf7;
        line-height: 1.3;
}
.sf-menu li li a:hover, .sf-menu li li.here a {
        background: #0c66a3;
        color: #fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
        padding-right: 	2.25em;
        min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
        background:		url(/images/backgrounds/arrows-dark.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
        position:		absolute;
        display:		block;
        right:			.75em;
        top:			1.05em; /* IE6 only */
        width:			10px;
        height:			10px;
        text-indent: 	-999em;
        overflow:		hidden;
        z-index: 11000;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
        top:			.99em;
        background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
        background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
        background-position: -10px 0; /* arrow hovers for modern browsers*/
}


/* SUBMENU
========================== */

#submenu {
        background: #f2f6fa url(/images/backgrounds/submenuTop.gif) top left no-repeat;
        margin: 0 0 15px 0;
        padding: 10px 0 0 0;
}
#submenu ul {
        background: url(/images/backgrounds/submenuBottom.gif) bottom left no-repeat;
        list-style: none;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
}
#submenu ul li {
        background: url(/images/bullets/white.png) -9999px -9999px no-repeat;
        margin: 0 10px 1px 0;
        padding: 0;
}
#submenu li a:link, #submenu li a:active, #submenu li a:visited {
        background: #1778bd url(/images/bullets/blue.png) 6px 9px no-repeat;
        text-decoration: none;
        display: block;
        margin: 0;
        padding: 6px 10px 6px 22px;
        font-size: 12px;
        font-weight: bold;
        color: #d5ebfa;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
}
#submenu li a:hover, #submenu li a:focus, #submenu li.here a, #submenu li.parent-here a {
        background: #1d85cf url(/images/bullets/white.png) 6px 9px no-repeat;
        color: #fff;
}

#submenu ul ul {
        background: none;
        margin: 1px 0 0 0;
        padding: 0;
}
#submenu ul li li {
        margin: 0 5px 1px 0;
        padding: 0;
}
#submenu li li a:link, #submenu li li a:active, #submenu li li a:visited {
        background: #d5ebfa url(/images/bullets/arrow-right.png) 16px 9px no-repeat;
        text-decoration: none;
        display: block;
        margin: 0;
        padding: 6px 10px 6px 30px;
        font-size: 11px;
        font-weight: bold;
        color: #156dbc;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
}
#submenu li li a:hover, #submenu li li a:focus, #submenu li li.here a {
        background: #e0effa url(/images/bullets/arrow-right.png) 16px 9px no-repeat;
        color: #2885d9;
}



#submenu ul ul ul {
        background: none;
        margin: 1px 0 0 0;
        padding: 0;
}
#submenu ul li li li {
        background: url(/images/bullets/gray-small.png) -9999px -9999px no-repeat;
        margin: 0 5px 1px 0;
        padding: 0;
}
#submenu li li li a:link, #submenu li li li a:active, #submenu li li li a:visited {
        background: url(/images/bullets/gray-small.png) 28px 11px no-repeat;
        text-decoration: none;
        display: block;
        margin: 0;
        padding: 6px 10px 6px 40px;
        font-size: 11px;
        font-weight: normal;
        color: #767676;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
}
#submenu li li li a:hover, #submenu li li li a:focus, #submenu li li li.here a {
        background: url(/images/bullets/blue-small.png) 28px 11px no-repeat;
        color: #2885d9;
}

/* Table
====================== */

table.pi {
        width: 100%;
        border: 1px solid #ccc;
        padding: 0px;
        /*border-collapse: collapse;*/
        -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
        color: #fff;

}

table.pi thead {
        background: #095387;
	color: white;
	width: 100%;
}

table.pi th {
	padding: .5em;
        text-align: center;
        margin: 0px;
        font-weight: normal;
	background: #095387;
	color: white;
}


table.pi td {
        border: 1px solid white;
        margin: 0px;
        padding: 5px;
        line-height: 1.5em;
        vertical-align: top;
        color: black;
	background: #cbcbcb;
}

table.pi tbody {
        background: #fff;
}

table.pi tbody tr:nth-child(even) {
        background: rgba(222, 222, 222, 0.3); 
}

table.pi td.actions {
        text-align: center;
        width: 200px;

}

table.pi td.actions a{
        text-decoration: none;
        color: #15c575;
}

table.pi td.actions a:hover {
        text-decoration: underline;
}


tr.exper td {
	background: #095387;
	
}



/* =========FORM STYLES=========== */

label {
        width: 200px;
        display: inline-block;
        vertical-align: top;

}

.fat {
        padding: 5px;
        border: 1px solid #ccc;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 1em;  
}

.wide-fat {
        width: 400px;
        padding: 5px;
        border: 1px solid #ccc;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 1em;
        margin-bottom: 1em;
}

textarea.wide-fat {
        height: 150px;
}

fieldset {
        border: 1px solid #ccc;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding: 1em;
        margin-bottom: 20px;
}

legend {
        font-size: 1.25em;
        font-weight: bold;

}

.failed {
        border: 1px solid #990000;
}

.valid {
        border: 1px solid #009900;
}

select[multiple="multiple"] {
        width: 400px;
        padding: 5px;
        color: #333;
        border: 1px solid #ccc;
        margin-bottom: 1em;
}

span.required {
        border: 1px solid #900;
        background: rgba(175, 0, 0, 0.5);
        padding: 5px;
        margin-left: 200px;
}

label span {
        font-size: 0.75em;
        color: #999;
}

.form-table {
        border: 1px solid #6699cc;
}

.form-table thead {
        background: #6699cc;

}

.form-table thead th {
        font-weight: bold;
        color: #fff;
        padding: 10px;
}

.form-table td {
        padding: 10px;
        vertical-align: center;
}

.form-table tr {
        border-bottom: 1px solid #6699cc;
}

input.small-fat {
        width: 125px;
        padding: 5px;
        border: 1px solid #ccc;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-size: 1em;
        margin-bottom: 1em;
}