/*------------------------------basic layout----------------------------*/
	
html {
padding: 0px;
margin: 0px;
}

body {
background-color: #666;
font-size: 100%;
font-family: 'Times New Roman', Times, serif;
text-align:center;margin-top: 0px;
}

#area { 
max-width: 1000px; 
width: expression(document.body.clientWidth>1000+2?'1000px':'auto');
margin-left: auto;
margin-right: auto;
}

/*------------------------------sectional layout----------------------------*/
	
#content {
width:100%; border:0px solid #666;
background-color:#fff;
font-size: 100%;
text-align:left;
padding: 0px;
}

#navi {

float:right;
width:450px;
background-color:#fff;
margin:0px 0px 20px 20px;
}

#punch {float: left;
margin-right: 20px;}

#punchb {float: left;
margin-right: 200px;}

/*------------------------------typography, links, lists----------------------------*/

p {font-family:"Times New Roman", Times, serif; font-size:110%; color:#666; margin:30px;}
.p0 {font-family: "Times New Roman", Times, serif; font-size:100%; color:#666}
.p1 {font-family:verdana,geneva,sans-serif; font-size:100%; color:#333333}
.p2 {font-family:tahoma,arial,helvetica,sans-serif; font-size:90%; color:#666}	
.p3 {font-family:tahoma,arial,helvetica,sans-serif; font-size:90%; color:#333}
.p4 {font-family:verdana,helvetica,sans-serif; font-size:110%; color:#666}
.p5 {font-family:tahoma,arial,helvetica,sans-serif; font-size:90%; color:#666}
.p6 {font-family:tahoma,arial,helvetica,sans-serif; font-size:80%; color:#666}
	
a {color:#00008b; text-decoration:none}
a:hover {color: #8fbc8f;}

li {
	font-size: 110%;
}
	
/*----------------http://www.dynamicdrive.com/style/----------------*/

.shadetabs{
border-bottom: 1px solid gray;
/* width: 90%; width of menu. Uncomment to change to a specific width */
margin-bottom: 1em;
}

.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
font-size: 100%;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}