body, html {
height: 100%;
background-color: #000;
background: url('images/bg_body02.png') repeat;
color: #eee;
margin: 0 auto;
padding: 0;
font-family: calibri, geneva, arial, helvetica, sans-serif;
}

body {
min-width: 760px;
width: 760px;
min-height: 80%;
height: 100%;
font-size: 100%;
}

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

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

a:active {
color: #ff6;
}

a:hover {
color: #ee3;
}

/* might put image there */
hr {
width: 90%;
border-top: 1px solid #dea;
height: 1px;
}

#wrapper {
background-color: #251b32;
min-width: 760px;
width: 760px;
margin: 0 auto;
min-height: 85%;
height: auto !important;
height: 100%;
border-left: dotted 1px #96c;
border-right: dotted 1px #96c;
overflow: hidden;
clear: both;
}

#header {
color: #efefef;
background-color: #a0a0a0;
background: url('images/port_head01.jpg') no-repeat;
margin: 0 auto;
min-height: 120px;
height: auto !important;
height: 120px;
padding: 0;
clear:both;
}

#header h1, #header h2, #header h3 {
margin: 10px;
padding: 10px;

}

#navbar {
background-color: #303030;
background: url('images/port_nav01.jpg') no-repeat;
min-height: 62px; /*cannot do percentages*/
height: auto !important;
height: 62px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
text-align: center;
margin: 0 auto;
padding: 0;
clear:both;
}

#navbar .nav_txt {
min-height: 62px; /*cannot do percentages*/
height: auto !important;
height: 62px;
margin: 0 auto;
padding: 0;
clear:both;
}

/* In here, to make sure both IE and FF space correctly in vertical */
.nav_txt p {
position: relative;
top: 5px;
margin: 0;
padding-top: 10px;
display: block;
}

/* To keep navbar text spacing from squashing */
#navbar a {
margin: 0 auto;
padding: 0 0.4em;
font-weight: bold;
display: inline-block;
}

/* How to keep text from shifting as well  */
#navbar a {
display: inline;
}

/* shift goes away if there are borders for links*/
/* make border and bg color transparent */
#navbar a:link, #navbar a:visited {
text-decoration: none;
color: #3a3;
background-color: transparent;
border: 1px dotted transparent;
}

#navbar a:active {
border: 1px dotted #764;
text-decoration: underline;
color: #fed;
}

#navbar a:hover {
color: #efa;
text-decoration: none;
}

#navbar a.csoon:link, #navbar a.csoon:visited, #navbar a.csoon:active, #navbar a.csoon:hover {
text-decoration: none;
color: #463;
background-color: transparent;
border: 1px dotted transparent;
}

#content {
min-width: 760px;
width: 760px;
min-height: 500px;
height: auto !important;
height: 100%;
margin: 0 auto;
padding: 0;
float: right;
}

#content h2, #content h3 {
margin: 0;
padding: 0 10px;
}

#content p {
font-family: calibri, helvetica, geneva, arial, 'sans-serif';
margin: 10px; /*between paragraphs*/
padding: 5px; /* between lines in para */
letter-spacing: 1px; /* between letters */
font-weight: normal;
}

#footer {
color: #553;
background-color: #11131a;
min-width: 760px;
width: 760px;
margin: 0 auto;
min-height: 120px;
height: auto !important;
height: 120px;
overflow: hidden; /* works definitely here for that weird gap in FF */
clear:both;
}

#footer p {
font-size: 0.7em;
padding: 0 10px;
}

p.thumb {
background-color: #transparent;
margin: 0 auto;
padding: 0;
display: block;
}

/* The next part is for the gallery thumbnails */

.thumb img {
background-color: #cdcdcd;
border: 1px solid #131;
}

.thumb a {
display: inline;
}

.thumb a:link, .thumb a:visited {
text-decoration: none;
color: #fff;
background-color: transparent;
border-top: 1px solid transparent;
}

.thumb a:active, .thumb a:hover {
border-top: 1px solid #3c3;
border-bottom: 1px solid #3c3;
padding: 0;
}

img.newI {
border: 2px solid #ddbbff !important;
}