*{
margin: 0;
padding: 0;
}
meta {
display: block;
width: 0;
height: 0;
overflow:hidden;
}
body {
/*background-image: url("circuit background.png");background-color: rgb(128,158,182);*/

padding: 0;
margin: 0;

background-color: #555;
}
iframe{
border: 0;
}
div a{
color: inherit;
text-decoration: none;
}
a p{
display: block;
width: inherit;
height: inherit;
}

#display_frame{
background-color: beige;
color: black;
font-size: 14pt;
margin:0;padding:0;
width: auto;
}
#display_frame div{
text-indent: 3EM;
text-align: left;
overflow: visible;
height: auto;
color: white;
}
#display_frame div img{
margin-left:-3EM;
}
#menu {
display: block;
height: 500px;
width: 200px;
text-decoration: none;
text-align: center;
float: left;
overflow: visible;
}
#menu ul{
display: block;
padding-left: 25px;
padding-top: 15px;
}
#menu li {
list-style: none;
text-decoration: none;
display: block;
font-size: 18pt;
font-weight: bold;
height: 1.25EM;
width: 160px;
margin-bottom: 5px;
background-color: lightgrey;
border: 2px solid;
}
#menu a{
text-decoration: none;
color: black;
}

a img{
border: none;
}

#container{
text-align: center;
width: 1024px;
display: block;
height: auto;
background-image: url('20_gray_shadow.png');
background-color: #555;
margin-top: 15px;
margin-bottom: 25px;
margin-right: 0;
margin-left: 0;
padding: 0;
padding-top: 10px;
border: 1px solid white;

}
#header{
display: block;
width: 1024px;
margin-bottom: 25px;
height: 200px;
text-align: center;
padding: 0 15px;
/*border: 2px rounded #000;/**/

}

#header h1, #header p{
color: black;
margin: 0;
padding: 0;
font-family: Century Gothic;
font-size: 48pt;
font-weight: bold;
}
#header p{text-align: center;}

#footer{
background-color: transparent;
color:black;
font-size: 14pt;
font-weight: bold;
font-family: Georgia;
display: block;
height: 100px;
width: auto;
margin:0;
padding:15px;
}
#footer .roundbox, #footer .roundend{
width: 994px;
}
#footer .roundend *{
background: lightgrey;
}
#footer .roundcontent{
width: 994px;
background-image: none;
background-color: lightgrey;
vertical-align: middle;
line-height: 75px;
font-size: 14pt;
min-height: 60px;
}
#footer a{
color: black;
text-decoration: none;
}
#footer a:before{
content: "";
}
#footer a:after{
content: "";
}
#footer a:hover{
text-decoration: underline;
}



/**************************************
Listing Resources
**********************************/

#listing{
display: block;
width: auto;
background-color: transparent;
}
#listing ul{
margin: 0;
padding: 0;
display: block;
width: inherit;
list-style: none;
background-color: transparent;
}
#listing li{
list-style: none;
display: block;
width: auto;
vertical-align: top;
}
.entry{
height: auto;
color: black;
display: block;
}
.entry a{
display: block;
width: inherit;
height: inherit;
}
.list_up{
background-color: transparent;
}
.list_down{
background-color: lightgrey;
background-image: url(60_white_shadow.png);
}

.list_left, .list_right,.list_center{
display: block; 
padding: 5px;
overflow: auto;
vertical-align: middle;
line-height: inherit;
}
.list_left{
float: left;
text-align: left;
width: 400px;
}
.list_right{
float: right;
text-align: right;
width: 75px;
}
.list_center{
width: auto;
text-align: left;
}
.employee{
height: 50px;
overflow: auto;
width: 100%;
}
#paragraph p{
text-indent: 40px;
margin-left: 15px;
margin-right: 15px;
}

noscript, noscript a, noscript a:active, noscript a:visited, noscript a:hover{
color: transparent;

}


/**********************************************************
rounded corner classes - assumes 16 x 16 curve sprite
**********************************************************/

.crawlplease{
display:block;
width:0;
height:0;
overflow:hidden;
font-size: 0pt;
position:absolute;
z-index: -1;
}
/**************************************************
Drop Down Menu Resources
**************************************************/



/*********************************************
Button Classes
**********************************************/
.button_h{
display: block;
text-decoration: none;
border: 2px solid black;
}
.outside {
background-color: orange;
}
.over{
background-color: yellow;
}
.pressed{
background-color: red;
}
.outside a, .over a, .pressed a{
color: inherit;
width: inherit;
height: inherit;
display: block;
}
/*************
404 file resources
*************/
#e404Frame {
text-align: center;
width: 796px;
display: block;
height: auto;
background-color: rgb(34,177,76);
margin-top: 25px;
margin-bottom: 25px;
margin-right: 0;
margin-left: 0;
padding: 0;
padding-top: 10px;
border: 2px solid black; 
}
.e404{

}
.e404 div{
text-align: left;
font-family: Tahoma;
color: white;
}
.e404 li p{
text-indent: -3EM;
padding-left: 4EM;
background-color: lightblue;
display: block;
width: 400px;
height: auto;
color: black;
font-family: Georgia;
}
.e404 h2{
text-align: center;
}
.e404 ul{
list-style: none;
}
.e404 li:before{
content: "ERROR-CD-";
font-family: Monospace;
text-decoration: overline;
font-weight: bold;
padding-left: -4EM;
}

#myinnercontainer {
text-align:left;
float: right;
vertical-align: top;
margin:0;
background-color: black;
width: auto;
}
.page_preview{
border: 4px ridge green;
background-color: beige;
width: auto;
height: 150px;
padding: 5px;
margin: 10px;
}
.page_preview img, .page_preview a, .page_preview a img{
width: 160px;
height: 100px;
border: 0;
}
.page_descript{
padding: 0.25EM;
font-size: 12pt;
text-align: left;
}

.roundbox{
display: block;
width: 175px;
height: 52px;
background-color: transparent;
float: left;
margin-right: 15px;
}
.roundbox .roundend{
width: 175px;
height: auto;
}
.innerbox .roundend{
width: 163px;
}
.roundbox .roundcontent{
background-color: black;
color: black;
height: 42px;
font-size: 10pt;
font-weight: bold;
font-family: verdana;
width: 175px;
}
.innerbox .roundcontent{
background-color: beige;
color: black;
height: 32px;
font-size: 10pt;
font-weight: bold;
font-family: verdana;
width: 143px;
text-align: left;
text-indent: 0;
}
.innerbox .roundcontent p{
text-align: left;
text-indent: 0;
padding: 0;
font-size: 10pt;
}
.roundcontent p{
height: 32px;
margin: 0;
width: inherit;
text-align: left;
background-color: transparent;
}
.roundcontent img{
float: left;
margin-right: 0.15EM;
height: 32px;
}
.roundcontent a:active, .roundcontent a:hover, .roundcontent a{
cursor: hand;
color: inherit;
}
.roundheader{
background-color: black;
text-align: center;
color: white;
width: inherit;
font-size: 1.25EM;
font-weight: bold;
}

.one{
display: block;
height: 1px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0;
margin-bottom:0;
padding: 0;
overflow: hidden;
line-height: 1px;
/************************
Here is where you change the color of your rounded block.
***********************/
}
.two{
display: block;
height: 1px;
line-height: 1px;
margin-left: 3px;
margin-right: 3px;
margin-top: 0;
margin-bottom:0;
padding: 0;
overflow: hidden;
/************************
Here is where you change the color of your rounded block.
***********************/
}
.three{
display: block;
height: 1px;
line-height: 1px;
margin-left: 2px;
margin-right: 2px;
margin-top: 0;
margin-bottom:0;
padding: 0;
overflow: hidden;
/************************
Here is where you change the color of your rounded block.
***********************/
}
.four{
display: block;
height: 2px;
line-height: 2px;
margin-left: 1px;
margin-right: 1px;
margin-top: 0;
margin-bottom:0;
padding: 0;
overflow: hidden;
/************************
Here is where you change the color of your rounded block.
***********************/
}
.innercontent *{
height: 32px;
font-size: 10pt;
background-color: transparent;
}
.innerbox{
background-color: transparent;
width: 154px;
height: 42px;
margin: 0 5px;
}
.innerbox .roundcontent{
background-color: beige;
width: 162px;
border: none;
}
.roundbox .roundend .one, .roundbox .roundend .two, .roundbox .roundend .three, .roundbox .roundend .four{
background-color: black;
overflow: hidden;
}
.innerbox .roundend .one, .innerbox .roundend .two, .innerbox .roundend .three, .innerbox .roundend .four{
background-color: beige;
overflow: hidden;
}
#dbcontainer{
margin: 0;
width: 100%; overflow: hidden; z-index: -2; height: 900px; 
/*background: url('../season/christmas.jpg') top center no-repeat;*/
position: absolute;
background-color: #555;
}
#menu .roundbox{
height: 430px;
overflow: visible;
margin-left: 15px;
position: absolute;
z-index: -1;
}
#menu .roundend{
width: 160px;
}
#menu .roundend *{
background: url(40_teal_shadow.png);
}
#menu .one{

}
#menu .roundcontent{
width: 160px;
border: 0;
height: auto;
min-height: 425px;
overflow: visible;
background:url(40_teal_shadow.png);
line-height: 450px;
}

#c {
overflow: visible;
height: auto;
min-height: 510px;
width: 1024px;
}
#samp_pop{
position: absolute;
visibility: visible;
z-index: -1000;
margin-left: 156px;
margin-top: -32px;
overflow: hidden;
background-color: transparent;
line-height: 1.25EM;
}
#samp_pop li{
margin-bottom: 0;
line-height: 1.25EM;
height: 1.25EM;
background-color: lightgrey;

}

#menu #samp_pop li{
font-size: 12pt;
font-weight: bold;
font-family: Verdana;
border: none;
text-align: center;
display: block;
margin-bottom: 0;
z-index: -1000;
padding: 0 5px;
}
#menu #samp_pop #ul{
width: inherit;
border: none;
padding: 0;
background: transparent;
z-index: -1000;
}
#menu #samp_pop{
z-index: -1000;
border: 2px solid black;
width: inherit;
}

#header .roundbox{
width: 994px;
background-color: transparent;
}
#header .roundend *{

background-color: lightgrey;
}
#header .roundend{
width: 994px;
}
#header .roundcontent{
background:  lightgrey;
width: 994px;
min-height: 200px;
}
#banner {
height: 150px;
float: none;
}

#center_column .roundbox{
width: 750px;
height: auto;
overflow: hidden;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
#center_column .roundend *{
background-color: lightgrey;
}
#center_column .roundend{
width: 750px;
}
#center_column .roundcontent{
width: 750px;
background: lightgrey;
height: auto;
min-height: 500px;
overflow: hidden;

}
#center_column .roundcontent p{
height: auto;
width: auto;
padding: 0 1em;
}
#center_column{
width: 770px;
overflow: auto;
text-align:left;
margin: 0;
height: auto !important;
color: white;
}
#center_column p{
text-indent: 2EM;
padding: 0;
margin: 0;
}
#center_column p:first-letter{
font-size: 2EM;
font-weight: bold;
font-family: Georgia;
}
#center_column iframe{
width: 700px;
border: 0;
height: 500px;
}