body
{
	background: #fff url(../Images/logotopSmaller.gif) no-repeat;
	font-family: Garmond, Arial, sans-serif;
	font-size: 1em;
    color:#163;
	position:relative;
}
img.triangle{
  width:78px;
  height:78px;
  float: right;
  margin: 0px 20px 0 0;
}
td.label{
    text-align:right !important;
}

.button{
  position: absolute; top:110px; left:225px;right:0px;bottom:auto;
}
h4{/*button on top right*/
  margin-right: 8px;
  font-size:.9em;
  font-weight:normal;
  text-align: center;
  	padding: .4em;
	border-top: 4px solid #bcb;
	border-left: 4px solid #bcb;
	border-right: 4px solid #163;
	border-bottom: 4px solid #163;
	background-color: #efe5d4;
	width: 7em;
	/*position: absolute; top:90px;left: 485px; right: auto; bottom:auto;*/
	float:right; 
}
h2{
  margin:0;
  padding:0;
}
h3{
  font-weight:normal;
  margin:.2em 0;
  padding:0;
}
h5{  /*used for bolded, labels*/
  display: inline;
  font-size: 1em;
  text-align: left;
}
img{
  width: 300px;
  height: 225px;
  margin:0;
}

.mainPortfolio {
  /*color:#163;*/
  position:absolute;top:148px;right:auto;bottom:auto;left:210px;
  width: 680px;
  text-align: center;
  font:20px "comic sans MS", cursive;
}
.mainPortfolio img{
  width: 240px;
  height:180px;
  border:2px #163 solid;
}

.mainPortfolio a:hover{
  color:#163;
}
 .mainPortfolio table{
   border-collapse: collapse;
   margin:auto;
 }
.mainPortfolio h2{
   font-size: 32px;
}
.mainPortfolio td{
  padding: 12px;
  font:24px "comic sans MS", cursive;
  text-align: center;
  width: 200px;
}
.mainPortfolio p{
     position:absolute;
     top:385px; left:40px;
     text-align:left;
}

.lapImage img
{
    width: 180px;
    height: 135px;
    position:absolute;
    top:85px;right:auto;bottom:auto;left:245px;
}
.textImg
{
   width: 180px;
    height: 127px;
    position:absolute;
    top:290px;right:425px;bottom:auto;left:245px;
    overflow:visible;
    text-align:center;
}
textarea.textImg{
    border:none;
    padding:12px 8px;
  font:22px "comic sans MS", cursive;
  color:#163;

}

div.port
{
    position:absolute;
    top:148px;right:auto;bottom:auto;left:180px;
    text-align:center;
    width:650px;
    color: #163;
}
div.portCategories
{
    position:absolute;
    top:148px;right:auto;bottom:auto;left:180px;
    text-align:center;
    width:650px;
    color: #163;
}
.port table
{
    border-style:none;
    position:absolute;
    border-collapse:collapse;
    top: 425px;
    left:125px;
    right:465px;
}
tr.port
{
    border-style:none;
}
td.port
{
    border-style:none;
    padding: 8px 14px;
}

   
a {
  	text-decoration: none;
   	color:#163;
	width:100%;
	display:block;
}
a.inline{
  display:inline;
  font-weight: bold;
}
a:hover {
  color:#163;
}
table a:hover{
  color: #EFE5D4;
}
.change a:hover
{
    color: #E52;
}
#nav li a:hover{
  color: #E52;
}



a:link:visited:active
{
	text-decoration:none;
	color:#163;
	display: block;
	width:100%;
}

#pic1{
  position: absolute; top: -10px;left:16px;right:auto;bottom:auto;
  border: 3px solid #163;
  width: 520px;
  height: 312px;
}
#pic2{/*pictures for work in progress slide show*/
  margin: 2em;
  width: 320px;
  height: 240px;
}
img.small{/* small pictures used for admin viewing*/
  width:180px;
  height:135px;
}
img.thumb{
   width:60px;
   height:45px;
}

/*NAVIGATION**********************************************/
div#nav{
  height: 700px;
  position:absolute; top: 145px;left: 0em; right:auto; bottom:auto;
  color:#163;
  margin: 0;
  font-size: .9em;
}
/*both lists*/
#nav ul
{
	list-style-type:none;
	margin:.5em 1em 1em 1em;
	padding:0;
}
#nav li
{
	padding: .4em;
	border-top: 4px solid #bcb;
	border-left: 4px solid #bcb;
	border-right: 4px solid #163;
	border-bottom: 4px solid #163;
	background-color: #efe5d4;
	width:8em;
	margin:0;
}
ul#sub li{
  width: 8em;
    overflow: hidden;
}
/*END NAVIGATION*************************************/

#maincontent 
{
	color:#163;
	position:absolute;top:152px;left:160px;right:auto;bottom:auto;
	margin: 0 0 0 3em;
	padding:0;
	text-align: center;
}
#maincontent p {
  margin: .5em;
  padding: .5em 0;
  text-align: left;
}
#maincontent h1 {
  margin: 0;
  padding: .5em 0;
}
#maincontent table
{
	margin: 0;
	padding: 0;	
	/*width: 42em;*/
}
#maincontent td
{
	margin: 0;
	padding: .1em .3em .1em .1em;
}
#maincontent td li
{
	margin: 0;
	padding: .1em;
	font-size: 1em;
	list-style-position: inside;
	list-style-type:disc;
}
#maincontent ul{
  border: 1px solid #efe5d2;
  text-align: left;
  margin: 1em;
  padding: 0; 
  width: 26em;
  height:auto;
}
#maincontent li{
  color: #163;
  padding: .5em 2em;
  list-style-type:none; 
}
#maincontent table ul{
  margin: 1em;
  padding: 0;
  border:none;
}

#maincontent ol li{
  text-align: left;
  list-style-type: square;
  margin:0px;
  padding: 0px;
}
.error{
  color: #E52 !important;
}

.left{
  text-align:left !important;
}
.center{
  text-align:center !important;
}

p.loginlabel {
  width: 26em;
  position:relative;top:auto;right:auto;left:7em;bottom:auto;
}
span.company{
  font-weight:bold;
}
.skilled{
  font-family:"Monotype Corsiva";
  font-size: 36px;
}
 label
{
  	white-space:nowrap;
  	color: #163;
	width: 9em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

input
{
	color: #163;
	border: 1px solid #163;
}

a.submit, input.submit{
  border: 3px outset #163;
  margin: .3em;
  padding: .3em;
  background-color: #efe5d4;
  display:inline;
  text-align: center; 
  font-size: 1em;
}
fieldset
{
	border: 1px solid #163;
	margin: .5em 7em;
  	padding: .5em 2em;
width: 32em;
  	text-align:center;
}
fieldset a{
  margin-top:.3em;
}
legend  /*label at top of fieldset*/
{
	color: #163;
	background: #efe5d4;
	border: 1px solid #163;
	padding: 2px 6px
}
table.postionAbsolute{
  position:absolute;top:148px;left:180px;right:0px;bottom:auto;
}
 .detail{
   margin: 1em 0em 1em 3em;
   padding: 0;
   position:absolute;top:148px;left:180px;right:0px;bottom:auto;
   text-align:left;
   color: #163;
}
.detail table{
   border-collapse:collapse; 
   border: 2px solid #163;
   margin: 20px;
}
.detail th
{
  border: solid 1px #163;
	margin: 0;
	padding: 8px 14px;
	text-align: center;
}

.detail td
{
	border: solid 1px #163;
	padding: 8px 14px;
	margin:0;
	text-align: left;
}
.detail option{
    color: #163;
    font-family: Garmond, Arial, sans-serif;
}
.detail textarea{
    color: #163;
}
table.detailData{
   border-collapse:collapse; 
   border: 2px solid #163;
   margin: 20px;
}
.detailData th
{
  border: solid 1px #163;
	margin: 0;
	padding: 8px 14px;
	text-align: center;
}

.detailData td
{
	border: solid 1px #163;
	padding: 8px 14px;
	margin:0;
	text-align: left;
}
table.detailData2{
   border-collapse:collapse; 
   border: 2px solid #163;
   margin: 20px;
}
.detailData2 th
{
  border: none;
	margin: 0;
	padding: 8px 14px;
	text-align: center;
}
.detailData2 td
{
	border: none;
	padding: 8px 14px;
	margin:0;
	text-align: left;
}
.detailData option{
    color: #163;
    font-family: Garmond, Arial, sans-serif;
}
.detailData textarea{
    color: #163;
}

.even 
{
	background-color:#fff;
}
.odd 
{
	background-color:#EFE5D4;
}
div.heading{
  width: 82px;
  text-align:right;
  font-weight:bold;
  display:inline;
}