/*Nav Rules*/

/* #p7PMnav ul li {padding-bottom:9px;
}
This solves the lack of padding in the sub-menu. The problem disappeared. So, this isn't
being used.*/ 

#nav #p7PMnav ul li a {	border-bottom: 1px solid #2b4460;
border-left: 1px solid #2b4460;}

.topBorder {border-top: 1px solid #333;}

div#nav {text-align: left;
background-color:#e6e6e6;
width: 100%;
height:20px;
border-top: 1px solid #2b4460;
border-bottom: 4px solid #2b4460;}

div#clearing {clear:both;}

/*Positioning Rules*/

body {color: #333333;
margin: 20px;
font-family: sans-serif;
font-size: .75em;
line-height: 1.4em;
text-align: center;
}

div#content {position: relative;
width:760px;
border: 1px #ccc solid;
margin: auto;
}

#logo {color: #000;
font-size: 18px;
font-weight: bold;
padding: 10px 10px 10px 10px;
text-align:left;
background-image:url(../images/header/crowd.png);
height:100px;
}
#logo2 {
font-size: 18px;
font-weight: bold;
padding: 10px;
text-align:left;
}

.logoText {font-family: sans-serif;
font-size: 1.4em;
font-weight: bold;
 }

.logoText2 {font-family: sans-serif;
font-size: 1.1em;
font-weight: normal;
font-style:italic;
 }

.logo {color: #000;}

#content2 {padding:0;
text-align:left;
height: 100%;
margin: 40px 20px 20px 20px;}

#boxContainer {
overflow: auto; 
height: 350px;
width: 700px;
margin: auto;
}

#footer {
width: 760px;
margin: auto;
padding-top:10px;
font: 9px Verdana, Helvetica, Arial, sans-serif;
color: #666;}

#copy {float:right;
width:370px;
height: 20px;
text-align:right;
}

#credit {float:left;
width:370px;
height: 20px;
text-align:left;
}

#credit a {color:#666;}

/*Text Rules*/

a:link {color: #800040;
text-decoration: underline;
 }

a:visited {color: #800040;
text-decoration: none;
 }

a:hover {color: #800040;
background-color: #ffffff;
text-decoration: none;
 }

#credit a:link {color: #666;
text-decoration: none;
 }

#credit a:visited {color: #666;
text-decoration: none;
 }

#credit a:hover {color: #666;
text-decoration: none;
 }

h1 {font-family: sans-serif;
font-size: 1.5em;
font-weight: bold;
 }

h2 {font-family: sans-serif;
font-size: 1.4em;
font-weight: bold;
 }

h3 {font-family: sans-serif;
font-size: 1.3em;
font-weight: bold;
 }

h4 {font-family: sans-serif;
font-size: 1.2em;
font-weight: normal;
 }

h5 {font-family: sans-serif;
font-size: 1.1em;
font-weight: normal;
font-style:italic;
 }

.bold {font-weight:bold;}

/*Home Page*/

.box1 {position: absolute;
width: 125px;
height: 125px;
top: 220px;
left: 37px;}

.box2 {position: absolute;
width: 125px;
height: 125px;
top: 220px;
left: 194px;}

.box3 {position: absolute;
width: 125px;
height: 125px;
top: 220px;
left: 351px;}

.box4 {position: absolute;
width: 125px;
height: 125px;
top: 220px;
left: 590px;}

/* .box4 .caption {margin-left:40px;} */

.box1 img, .box2 img, .box3 img, .box4 img  {border: 1px #4c4c4c solid;}

.caption {
position: absolute;
top: 140px;
margin: 0 auto;
font-size: .9em; }

/*Portfolio Layout*/
.box {
font-size:10px;
width:100px;
float:left;
height:180px;
margin:10px 15px;
}

.box img {
border: 1px #4c4c4c solid;
}

.box p {margin-left:5px;}

.spacer {height:50px;}

/*Pop Up Rules*/

#popUp {background-color: #000;}

#video {margin: auto;
width: 320px;
height: 256px;
border: 1px #4c4c4c solid;
background-color: #000;
}

#copyright2 {position: relative;
width:320px;
height: 20px;
margin:auto;
padding-top:5px;
z-index:40;
text-align:right;
font: 9px Verdana, Helvetica, Arial, sans-serif;
color: #e6e6e6;
}

/*Biography Style*/

#mike {float:left;
margin-right:10px; }

#homeImage {margin-left:-20px; margin-top:20px; margin-bottom:-40px;}