@charset "utf-8";
/* CSS Document */
/******************************************************************/
/******************** SITE LEVEL DECLARES *************************/
body{
margin:0px;
padding:10px;
/* line-height: 1.5em; */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #fff;

line-height: 140%;

}

h1 {font-size: 14px;}
h2 {font-family: Verdana, Arial, Helvetica, sans-serif;}
h3 {color:#000; text-align:center; font-size: 140%;}
h4 {color:#666; text-align:center; font-size: 150%; font:bold;}


ul { list-style: none; } 
li {display: inline; list-style: none;}
a:link {color: #FFFFCC}
a:active {color: #FF0000}
a:hover {color: #FFCC00}
a:visited {color: #66CCFF}


.leftyfloat {float: left;}
.rightyfloat {float: right;}
.tanback {background-color: #fff1d6;}
.skyback {background-color: #cde7fa;}
.greyback {background-color: #eee; font-color: #000;}
.blueback {background-color: #527092;}
.shrinkheight {line-height: 50%;}
.gradient1 { background-image:url(images/gradient1a.gif)}

/******************************************************************/
/********************  ITEM DROP SHADOWS  ************************/

img.shadow {border: solid 1px #6c96b8; border-bottom: solid 2px #4a6a83; border-right: solid 2px #4a6a83;}
div.xtrashadow {border-bottom: solid 1px #4a6a83; border-right: solid 3px #325571;}



/******************************************************************/
#topsection{
background: url(images/header-tile.gif) repeat-x;
height: 64px; /*Height of top section*/
/* border: blue 1px solid; */
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
padding: 12px 12px 12px 190px; /*Set left margin to LeftColumnWidth*/
/* background-image: url(images/background-blue.gif);  */
background: #5e87a7;
/* border: lime 1px solid; */
background-image:url(images/nav-sidebg.gif); background-repeat:repeat-y;

}

#leftcolumn{
float: left; 
width: 178px; /*Width of left column*/
margin-left: -100%; 
/* background: #C8FC98;  */
/* border: red 1px solid; */
/* background-image:url(images/nav-sidebg.gif); background-repeat:repeat-y; */
/* height: 500px; */
}

#footer{
clear: left;
width: 100%;
background: none;
color: #FFF;
text-align: center;
padding: 10px 0;
background-image: url(images/footer-tile.gif) ; 
background-repeat:repeat-x;

}

.footerleft { background-image: url(images/footer-cornerleft.gif); background-repeat: no-repeat; border: red 1px solid;}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/******************************************************************/


#container { position: relative; left: -30px;}
#headerlogo { float: left; z-index: 99999; }
/* #headerpiece { position: absolute; top: -21px; right: 0px; } */
#headerpiece { position: absolute; top: 43px; right: 0px;}
#headertop { background-image:url(images/header-tile.gif);}
#sitebox { background-image: url(images/background-blue.gif); width: 100%; } 
#sidenavbox { background-image:url(images/nav-sidebg.gif); background-repeat:repeat-y; text-align:center; width: 178px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;  /* padding-top: 12px; */ }


ul.standard {list-style: disc; }
li.standard {list-style: disc; }

#rightside {position: absolute; left: 280px;}

.bumpleft {position: absolute; left: -21px;}
.bumpright {position: relative; left: 235px;}
.border {border: red 1px solid; }
.bumptop {position: absolute; top: 58px;}
.spaceout {border-bottom: black 1px solid; }
.goright {float: right;}


/*********************************************************************************************/
/****** TOP NAV SECTION *****/	
    #nav {
    background:url(images/nav-buttonsgrouped.gif) no-repeat;
    width:451px;
    height:39px;
    margin:0;
    padding:0;
	position:absolute; top: 14px; left: 325px; 
/*  float: right; position:relative; top: 7px; */
    }

    #nav span {
    display: none;
    }

    #nav li, #nav a {
    height:36px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #navA {width: 112px;}
    #navB {width: 80px;}
    #navC {width: 90px;}
    #navD {width: 84px;}
    #navE {width: 84px;}

    #navA a:hover {background:url(images/nav-buttonsgrouped.gif) 0px -39px no-repeat; }
    #navB a:hover {background:url(images/nav-buttonsgrouped.gif) -112px -39px no-repeat; }
    #navC a:hover {background:url(images/nav-buttonsgrouped.gif) -192px -39px no-repeat; }
    #navD a:hover {background:url(images/nav-buttonsgrouped.gif) -282px -39px no-repeat; }
    #navE a:hover {background:url(images/nav-buttonsgrouped.gif) -366px -39px no-repeat; }	
/*********************************************************************************************/
/****** SIDE NAV SECTION *****/	
    #Sidenav {
    background: url(images/nav-sidepiece.gif) no-repeat;
    width: 178px;
/*    height: 500px;  */
    margin:0;
    padding: 0;
	position:absolute; top: 79px; left: 10px; 

/*  float: right; position:relative; top: 7px; */
    }



    #Sidenav span {
    display: none;
    }

    #Sidenav li, #Sidenav a {
    height:21px;
    display:block;
	margin-bottom: 2px; 

    }

    #Sidenav li {
    float:left; 
    list-style:none;
    display:block;
    }

    #SidenavA {width: 178px; }
    #SidenavB {width: 178px; }
    #SidenavC {width: 178px; }
    #SidenavD {width: 178px; }
    #SidenavE {width: 178px; position: relative; top: 10px; }
    #SidenavF {width: 150px; position: relative; top: 100px; left: 15px;}	



    #SidenavA a:hover {background:url(images/nav-sidepiece.gif) -178px 0px no-repeat; }
    #SidenavB a:hover {background:url(images/nav-sidepiece.gif) -178px -23px no-repeat; }
    #SidenavC a:hover {background:url(images/nav-sidepiece.gif) -178px -46px no-repeat; }
    #SidenavD a:hover {background:url(images/nav-sidepiece.gif) -178px -69px no-repeat; }
