﻿body {
   
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;

}

div.outer {
    width: 80%;
    background-color:#F8F8F8 ;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
   /* border: thin solid #000000;*/
}

div#header 
{
	background-color: Black;
	color:White; 
    padding: 15px;
    margin: 0px;
    height:114px;
   text-align: left;

}

div#nav {
    width: 23%;
    padding: 1px;
    margin-top: 1px;
    float: left;

    
}

div#nav2 {
    width: 23%;
	float:left;
    padding: 10px;
    margin-top: 10px;
}

div.navrounded 
{
	border: 1px solid;
    padding: 1px 1px;
    font-size: 100%;
    color: white;
    font-weight: bold;
    background-color: black;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
	}
div#main {
    margin-left: 15%;
    margin-top: 1px;
    height:600px;
    padding: 10px;
    background-color:#F0F0F5;
    }

div#footer 
{
	background-color: Black;
	color:White; 
    padding:1px;
    padding-bottom:1px;
    margin: 0px;
   /* border-top: thin solid #000000;*/

}

#partDiv 
{
	background-color: #666;
    color: #fff;
    font-weight: bold;
    padding: 10px;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.partDiv td 
{
border-left-width:1px; 
border-right-width:1px;
border-bottom-style:none; 
border-left-style:dotted; 
border-right-style:none; 
border-top-style:none; 
border-spacing:4px;
}
.partDiv table
{
	background-color:#000000;
	empty-cells: hide;
}

#rowBreak 
{
	border-top-style:solid;
	border-top-color:Black;
	border-top-width:thick; 
}



#mainFrame 
{
	border:0;
	
}

div.rounded {
    background-color: #666;
    color: #fff;
   padding: 8px;
    margin:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; }
    
div#rounded {
    background-color: #666;
    color: #333;
    font-weight: normal;
    padding: 8px;
    margin:8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px; }


div.navrounded {
    border: 1px solid;
     padding: 3px;
    margin:3px;
    font-size: 100%;
    color: white;
    font-weight: bold;
    background-color: black;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    
       -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    }
    
div.footerrounded {
    border: 1px solid;
    padding: 8px 10px;
    font-size: 100%;
    color: #c90;
    font-weight: normal;
    background-color: #ff9;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;}
    
  div.roundedContact {
    background-color: white;
    color: black ;
    font-weight: normal;
    padding: 5px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px; }  

/***************************************************/


a.boldbuttons{
background: transparent url('../images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 14px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
text-align:center;
color: Silver ;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
width: 150px;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: overline underline;
cursor:pointer;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 550px;
}

