/* CSS developed by Maya Kenedy */
/* Last updated September 09 2008    */

/* =RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, font,
img, ins, kbd, q, s, samp, small, strike, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1.4; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}

/* =GENERAL */
a:link {color: #31230c; text-decoration: none;}
a:visited {color: #31230c; text-decoration: none;}
a:hover {color: #c3bfba; text-decoration: bold;}
a:active {color: #31230; text-decoration: none;}

body {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 80%; text-align: center; background: silver; padding: 0; margin: auto;}
p {margin-bottom: 10px;}
img {border: none;}
h1 {font-size: 125%; font-weight: bold; margin-bottom: 7px;}
h2 {font-weight: bold;}

.title {margin-top: 15px;}
.portimage {text-align: center; border-bottom: 1px dotted grey; border-top: 1px dotted grey; padding: 10px 0 10px 0; margin: 35px 0 7px 0;}
.port {padding: 3px; border: 1px solid #31230c;}
.list {width: 175px; float: left; padding-left: 20px;}
.list li {font-style: italic; font-size: 85%;}
.blurb {padding-right: 20px; margin-left: 195px; font-size: 85%;}

/* =CONTAINER */
#container {width: 800px; text-align: left; margin: 0 auto 0 auto; background: url('../images/bg.jpg') repeat-y; border-left: 7px solid #ffffff; border-right: 7px solid #ffffff;}

/* =HEADER */
#header {width: 800px; height: 121px; background: url('../images/header.jpg') no-repeat;}
#header h1 {display: none;}

/* =NAVIGATION */
#menu {width: 400px; padding: 0 0 0 0; text-align: left; float: right; font-size: 125%;}

#menu a:link {color: #c3bfba; text-decoration: none;}
#menu a:visited {color: #c3bfba; text-decoration: none;}
#menu a:hover {color: #31230c; text-decoration: none;}
#menu a:active {color: #c3bfba; text-decoration: none;}

.current {color: #31230c;}

.nav {list-style: none;}
.nav li {float: left; padding-right: 25px; }
.nav li {height: 20px; float: right;}


/* =CONTENT-INNER */
#content-inner {width: 750px; text-align: left; margin: 7px 0 10px 0; padding: 5px 25px 5px 25px; clear: both;}
#left {float: left; width: 45%; padding-top: 15px; text-align: left;}
#right {margin-left: 48%; padding-top: 15px; width: 49%}

#content-inner ul {margin-bottom: 10px;}
#content-inner li {list-style: circle inside none; padding-left: 20px;}

#flash {text-align: center;}

/* =FOOTER */
#footer {clear: both; width: 800px; height: 77px; background: url('../images/footer.jpg') no-repeat; padding: 0 0 0 0; text-align: right;}
#footertext {width: 400px; padding-right: 20px; padding-top: 50px; text-align: right; float: right; color: #c3bfba; font-size: 85%;}