/*------------------------------basic layout----------------------------*/

body {
	margin: 15px 0 0 0;
	padding: 0; 
	font-size: 110%;
}

/*this is to keep page from shifting to left on load in safari and firefox*/
html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }

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

#bottom
{
	text-align:center;
	width: 100%; 
	height:100px;
	margin: 100px 0 100px 0px;
	padding: 0; 
	background-image:url('web/gradient_orange.jpg');
	background-repeat:repeat-x;
}

/*------------------------------sectional layout----------------------------*/

#leftnav {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0;
}

#rightnav
{
	float: right;
	width: 70%;
	margin: 0;
	padding: 0;
}

#centernav2
{
	float: left;
	width: 80%;
	margin: 0 0 0 100px;
	padding: 0;
}

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

p {font-family:"times roman",times; font-size: 100%}
	.p2 {font-family:arial,helvetica,sans-serif; font-size: 80%}
	.p2q {font-family:arial,helvetica,sans-serif; font-size: 90%; color:#fff}
	.p2r {font-family:verdana,geneva,sans-serif; font-size: 100%; color:#fff; font-weight:bold}
	.p3 {font-family:arial,helvetica,sans-serif; font-size: 80%; font-weight:bold}
	.p3r {font-family:arial,helvetica,sans-serif; font-size: 90%; font-weight:bold}
	.p4 {font-family:arial,helvetica,sans-serif; font-size: 80%; margin: 0; padding: 0;}
	.p4r {font-family:arial,helvetica,sans-serif; font-size: 70%; color:#6495ed}
	.p4rb {font-family:arial,helvetica,sans-serif; font-size: 90%; color:#6495ed}
	.p4s {font-family:georgia,"times roman",times; font-size: 70%; color:#666}
	.p4t {font-family:"times roman",times; color:#ff0000}
	.p4u {font-family:arial,helvetica,sans-serif; font-size: 80%; color:#333}
	.p5 {font-family:"times roman",times; font-size: 80%}
	.p6 {font-family:verdana,geneva,helvetica,sans-serif; font-size: 90%}
	.p7 {font-family:"times roman",times; font-size: 150%}
	.p10 {font-family:"times roman",times; font-size: 140%}
	.p11 {font-family:"times roman",times; font-size: 100%; color:#cd5c5c}
	.td1 {font-family:arial,helvetica,sans-serif; font-size: 70%}
	.td2 {font-family:arial,helvetica,sans-serif; font-size: 80%; line-height: 2}
	
a {color:#006400;text-decoration:none}
a:hover {text-decoration:underline}

h1 { font-size: 110%; color: #000000; margin-left: 50px} 
h2 { font-size: 100%; color: #191970; margin-left: 100px}

p {
	margin: 0; 
	padding: 0;
}

.p1 {
	margin: 0 0 0 100px; 
	padding: 0;
}

.ul li {
	line-height: 2;
}

.ulfirst {
	padding: 0 0 0 115px;
}

/*------------------------------miscellaneous----------------------------*/

img {
  border: 0;
}

/*---------------------http://meyerweb.com/eric/css/edge/boxpunch/demo.html---------------------*/

div#punch {float: left; font-size: 200%; width: 7em;
   text-align: center; padding: .1em .1em 0;
   background: #f4a460; color: white; border: solid white 1px; 
   border-width: 0 .2em .2em 0; margin: .2em .5em .5em 0;}
   
div#punch1 {float: right; width: 25%; text-align: center; 
   font-size: 100%; font-weight: bold; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   color: black; border: solid black 1px;
   margin: .2em .5em .2em .5em;}
   
div#punch2 {float: left; width: 10%; text-align: left; 
   font-size: 80%; font-weight: bold; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   color: black;
   margin: 1.2em .5em 1.2em .5em;}

div#punch3 {float: left; width: 16em; text-align: left; 
   font-size: 80%; font-weight: bold; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   color: black; 
   margin: 1.2em .5em 1.2em .5em;}
   
div#punch4 {float: right; width: 30%; text-align: center; 
   font-size: 80%; font-weight: bold; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   color: black; border: solid #191970 1px;
   margin: 2.5em 5.5em 1.2em .5em;}
   
div#punch5 {float: right; width: 30%; text-align: center; 
   font-size: 80%; font-style: italic; 
   padding: 1em; text-indent: -0.5em; background: white; 
   margin: 2.5em 5.5em 1.2em .5em;}
   
/*----------------------http://www.dynamicdrive.com/style/----------------------*/

#modernbricksmenu2{
margin: 0;
padding: 0;
width: 100%;
border-top: 1px solid #333; /*color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 65% arial,helvetica,sans-serif;
color: #333;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-image: url('web/gradient_orange.jpg');
background-repeat: repeat-x;
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
color: #333;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
color: #333;
}