body {
font-family: Verdana, sans-serif;
font-size: 80%;
margin: auto;
/*padding: auto;*/
width: 800px;
background-color: #333333;
background-repeat: repeat;
color: #FFFFFF;
font-weight: normal;
}

a:link {
color: #45acf6;
}

a:visited {
color: #45acf6;
}

a:hover {
color: #ffd1aa;
}

a:active {
color: #ffd1aa;
}

img {
border: 0;
}

img.flowRight {
float: right;
margin: 0 0 10px 10px;
border: 0;
}

img.flowRightBorder {
float: right;
margin: 0 0 10px 10px;
border: 1px solid #ffd1aa;
}

h1 {
font-size: 160%;
font-family: Verdana, sans-serif;
font-weight: bold;
letter-spacing: 0.05em;
color: #45acf6;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
padding: 5px;
}

h2 {
font-size: 130%;
font-family: Verdana, sans-serif;
font-weight: bold;
color: #ffd1aa;
}

h3 {
font-size: 110%;
}

#superContainer {
width: 780px;
margin: 0px auto; /*centering, otherwise shouldn't be in a Container*/
}

#super {
background-color: #000000;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

#headerContainer {
width: 100%;
height: 185px;
}

#header {
background-image: url('images/header_Background.jpg');
background-position: top right;
background-repeat: no-repeat;
background-color: #161616;
}

#logoContainer {
border: 0px solid #ff0000;
float:left;
width: 100%;
height: 185px;
}

#logo {
margin: 11px 0 0 15px;
}

#logoText {
font-size: 250%;
font-family: Verdana, sans-serif;
color: #FFFFFF;
}


/*=============================================================*/
/* BEGIN: Utility Container in the top right corner. */

#UtilityContainer {
float: right;
z-index: 1;
}

#Utility {
margin-right: 20px;
font-size: 80%;
text-align: right;
}

#UtilityLinks {
float: left;
}

/* END: Utility Container in the top right corner. */
/*=============================================================*/


/*=============================================================*/
/* BEGIN: Global navigation tabs across the top. */

#acrossNavContainer {
position: relative;
top: 0px;
height: 23px;
background-color: #161616;
}

#acrossNav {
padding-left: 40px;
font-family: Verdana, sans-serif;
font-size: 95%;
font-weight: bold;
vertical-align: middle;
}

#acrossNav ul {
margin-left: 0;
padding-left: 0;
display: inline;
}

#acrossNav ul li {
margin-left: 0;
list-style: none;
display: inline;
}

#acrossNav ul li img {
float: left;
}



.tabOff {
float: left;
height: 23px;
margin-right: 8px;
}

    .tabOff_Left {
    float: left;
    height: 100%;
    width: 13px;
    background-image: url('images/tabOff_Left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    }
    
    .tabOff_Middle {
    float: left;
    height: 100%;
    background-image: url('images/tabOff_Middle.gif');
    background-repeat: repeat-x;
    }
    
    .tabOff_Right {
    float: left;
    height: 100%;
    width: 13px;
    background-image: url('images/tabOff_Right.gif');
    background-position: top right;
    background-repeat: no-repeat;
    }
    
        .tabOff_Text {
        padding-top: 4px;
        vertical-align: middle;
        color: #ffffff;
        }



.tabOn {
float: left;
height: 23px;
margin-right: 8px;
}

    .tabOn_Left {
    float: left;
    height: 100%;
    width: 13px;
    background-image: url('images/tabOn_Left.gif');
    background-position: top left;
    background-repeat: no-repeat;
    }
    
    .tabOn_Middle {
    float: left;
    height: 100%;
    background-image: url('images/tabOn_Middle.gif');
    background-repeat: repeat-x;
    }
    
    .tabOn_Right {
    float: left;
    height: 100%;
    width: 13px;
    background-image: url('images/tabOn_Right.gif');
    background-position: top right;
    background-repeat: no-repeat;
    }
    
        .tabOn_Text {
        padding-top: 4px;
        vertical-align: middle;
        color: #000000;
        }


/* END: Global navigation tabs across the top. */
/*=============================================================*/


#headerBottomContainer {
width: 100%;
height: 1px;
}

#headerBottom {
height: 100%; /*force it to fill the Container*/
padding: 0;
margin: 0;
background-color: #efe08b; /*bottom border of Header*/
}

.clearDiv {
clear: both;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 0;
}

#middleContainer {
width: 100%;
}

#middle {
padding-bottom: 50px;
}

#columnOneContainer {
float: left;
width: 25%;
}

#columnOne {
/*border-right: 1px dotted #888888;*/
padding: 10px;
}

#columnOne li {
padding: 5px;
}

#columnTwoContainer {
float: left;
width: 74%; /*Should be 75%, but IE freaks out unless you give it some room.*/
}

#columnTwo {
border-left: 1px dotted #888888;
padding: 10px;
}

#columnTwo li {
padding: 5px;
}

#footerTopContainer {
width: 100%;
height: 1px;
}

#footerTop {
height: 100%; /*force it to fill the Container*/
padding: 0;
margin: 0;
background-color: #efe08b; /*top border of Footer*/
}

#footer {
background-color: #161616;
text-align: center;
font-size: 90%;
padding: .7em;
}








.portletArea {
background-color: #000000;
border-top: 1px solid #222222;
border-right: 1px solid #222222;
border-bottom: 1px solid #222222;
border-left: 1px solid #222222;
margin-top: 20px;
}

.portletTitle {
font-family: Verdana, sans-serif;
background-color: #222222;
color: #ffd1aa;
font-weight: bold;
padding: .3em .5em;
font-size: 100%;
margin-bottom: 1px;
margin-top: 0;
border:0;
}

.portletList {
margin: 0;
padding-top: 0.5em;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 2em;
}

.portletSubList {
margin: 0;
padding-top: 0;
padding-right: 0.5em;
padding-bottom: 0;
padding-left: 1em;
}