body{background-color:gray;}

#page{
background-color:#000033;
width:85%;
margin:0 auto 0 auto;
padding:1em 1em 1em 1em;
border:4px solid white;
}

p.center{text-align:center;}
p.left{text-align:left}

#footer
{
border-top:1px solid white;
margin-top:2em;
}

div #header{
position:relative;
top:0.5em;
color:white;
width:95%;
}

#header #title{
background-image:url("resources/images/gear.png");
background-repeat:no-repeat;
color:white;
min-height:50px;
font-family:sans-serif;
font-size:32pt;
text-align:left;
height:60px;
width:80%;
}

div #header #rightAlign{
float:right;
position:relative;
padding-top:1em;
font-family:cursive;
}

p.caption{
text-align:left;
width:50%;
margin:0 auto 0 auto;
}

#navigation{
float:left;
width:100px;
font-size:14pt;
color:white;
margin-top:20px;
padding-top:20px;
padding-left:0px;
}

#nL{ 
list-style-type:none;
text-align:center;
margin:0;
padding:0;
 }

#nL li{ 
width:100px;
background-color:#000033;
height:40px;
line-height:100%;
}


a:link{
color:#aabb00;
font-family:cursive;
font-size:14pt;
text-decoration:none;
}

a:visited{
color:#aabb00;
font-family:cursive;
font-size:14pt;
text-decoration:none;
}

a:hover{
color:green;
font-family:cursive;
font-size:14pt;
text-decoration:none;
}

#navigation a:link{
color:none;
font-family:cursive;
font-size:18pt;
text-decoration:none;
}

#navigation a:visited{
font-family:cursive;
font-size:18pt;
text-decoration:none;
}

#navigation a:hover{

font-family:cursive;
font-size:18pt;
text-decoration:none;
}


#navigation td.first{
width:18px;
}

#navigation td{
padding:0.5em 0 0.5em 0;
}

#mainContent{
color:white;
font-family:sans-serif;
background-image:url("resources/images/geargrey.png");
background-repeat:no-repeat;
min-height:12em;
/*IE hack */
_height:12em;
margin-top:20px;
margin-left:130px;
margin-right:140px;
padding:0.5em 0.1em 0.5em 0.1em;
}

#mainContent img{
border:2px solid gray;
}

#mainContent .imageFramePort{
border:5px solid #ffffff;
position:relative;
top:5px;
/*height:100%;
width:330px;*/
}

#mainContent .imageFrameLand{
border:5px solid #ffffff;
position:relative;
top:5px;
/*width:90%;
height:410px;*/
}

#footer{
color:lightblue;
font-family:sans-serif;
padding:0.5em;
position:relative;
top:1px;
}

#body ul#clist{
list-style-type:none;
}

#body li{
height:1.2em;
margin-left:4pc;
}

#body li#group{
padding-top:1em;
height:1.3em;
margin-left:4pc;
}

span.itemName { 
font-size:12pt;
width:16pc;
height:1.2em;
overflow:hidden;
float: left; 
}

span.itemValue {
min-height:1.2em; 
width:12pc;
font-weight:bold;
font-size:12pt;
float:left;  
}