/*
Important Colorz

dark blue: #0093B8
dark blue darker: #005266

keithonline yellow: #FFB620
keithonline yellow darker: #DB9C1B

BG: #ECECEC
*/

html, body {
 height: 100%;
}

body {
 margin: 0px;
 padding: 0px;
 background-color: #ECECEC;
 color: #000000;
 font-family: Arial; 
 font-size: 13px;
}

a {text-decoration: none; color: #007894; font-weight: bold}
a:hover {text-decoration: underline; color: #005266; outline: 0px;}
a:active {color: #000000; outline: 0px}

p {
 padding-top: 4px;
 padding-bottom: 2px;
 margin-top: 14px;
 margin-bottom: 14px
}

.mainContent p {
 padding-left: 8px;
}

h1 {font-size: 18px; color: #FFB620; padding: 10px 0px 0px 0px; margin: 0px}

h2 {
 font-size: 14px;
 font-weight: bold;
 margin: 30px 0px 0px 0px;
 padding: 2px;
 background-color: #E5E5E5;
 border-top: 1px solid #000812;
 border-left: 5px solid #FFB620
}

dl {
 border-top: 1px solid #000812;
 margin: 0px 10px 14px 10px
}

dt {
 display: block;
 width: 100%;
 background-color: #E5E5E5;
}

dt a {
 display: block;
 width: 100% !important;
}

dt a:hover {
 background-color: #E0E0E0;
}

dd {
 padding: 0px;
 margin: 6px 0px 20px 14px;
}

a .leftImage, a .rightImage {
 opacity: .6;
 filter: alpha(opacity=60)
}

.leftImage {
 float: left;
 margin-right: 10px;
}

a .leftImage:hover {
 opacity: 1;
 filter: alpha(opacity=100)
}

a .rightImage {
 float: right;
 margin-left: 10px;
}

a .rightImage:hover {
 opacity: 1;
 filter: alpha(opacity=100)
}

.clear {
clear: both;
}

.topBar {
 background-color: #000812;
 width: 100%;
 height: 110px
}

.topContent {
 background-image: url("../img/bg.gif");
 width: 975px;
 margin-left: auto;
 margin-right: auto;
 height: 110px;
 border-left: 2px solid #000812;
 border-right: 2px solid #000000;
}

.mainLogo {
 float: left;
 border-style: none;
 border-width: 0px;
 width: 397px;
 height: 93px;
 margin-left: 5px;
 margin-top: 10px;
 margin-right: 220px;
}

.selectedMenu {
 border: 0px;
 height: 56px;
 margin-top: 35px;
 margin-left: 0px;
 margin-right: 40px;
}

.unselectedMenu {
 border: 0px;
 height: 56px;
 margin-top: 35px;
 margin-left: 0px;
 margin-right: 40px;
 opacity: .5;
 filter: alpha(opacity=50)
}

.unselectedMenu:hover {
 opacity: 1;
 filter: alpha(opacity=100)
}

.mainContent {
 clear: both;
 background-color: #F2F2F2;
 width: 955px;
 margin-left: auto;
 margin-right: auto;
 padding: 10px;
 border-left: 2px solid #ECECEC;
 border-bottom: 2px solid #E5E5E5;
 border-right: 2px solid #E5E5E5;
}

.bottom {
 clear: both;
 width: 975px;
 margin-top: 15px;
 margin-left: auto;
 margin-right: auto;
 text-align: right;
 font-size: 11px
}

.sidebar {
float: right;
width: 270px;
margin: 14px 0px 0px 12px;
padding: 5px 10px;
border-left: 2px solid #000812;
}

.sidebar p {
padding: 0px;
margin: 0px;
}

div#dimDiv { position: absolute; }
html > body > div#dimDiv { position: fixed; }

    div#dimDiv {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    
    background-color: black;
    opacity: .7;
    filter: alpha(opacity=70);

    visibility: hidden;
    }

    div#centerDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;

    visibility: hidden;
    }
    
    div#popupDiv {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0px auto;
    
    background-color: #ECECEC;
    border: 2px solid #000812;
    padding: 3px;

    text-align: left;
    }
    
    div#popupDiv img {
    float: right;
    width: 15px;
    height: 15px;
    border: 0px;

    opacity: .5;
    filter: alpha(opacity=50)
    }

    div#popupDiv img:hover {
	opacity: 1;
 	filter: alpha(opacity=100)
    }
    
    iframe#popupIFrame {
    clear: right;
    margin-top: 3px;
    border: 0px;
    padding: 0px;
    overflow: hidden;
    }