body {text-align:center;font-family:lucida, "Lucida Sans","Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;margin:0; padding:0; font-size: .9em; background: url(../assets/bodybg.gif) no-repeat center top}

#frame {width:700px;margin: 0 auto;padding:0;text-align:left; padding:0}

#menu {float:left; width:680px; line-height:normal; margin: 0 0 5px; padding:0}
#menu ul {margin:0; padding:0; list-style:none}
#menu li {float:left;background:url("../assets/left.gif") no-repeat left top;margin:0;padding:0 0 0 7px }
#menu a {font-size: .8em; float:left; display:block; background:url("../assets/right.gif") no-repeat right top; padding:5px 15px 5px 5px; text-decoration:none; color:#765; white-space:nowrap}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {color:#600}
#menu #current {background-image:url("../assets/left_on.gif")}
#menu #current a {background-image:url("../assets/right_on.gif");color:#333}

#subnavigation ul {list-style: none; background: #DA6161; margin: 15px 0; width: 680px; float:left;text-align:left}
#subnavigation li {float:left}
#subnavigation a {float:left; padding: 5px 10px; color: #000; font-weight:bold; text-decoration: none; text-align:center; font-size: .8em}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#subnavigation a {float:none;}
/* End IE5-Mac hack */
#subnavigation a:hover {color:#FF9900}

#contentright {margin-left:10px; width:400px;padding:0;float:left}
#contentheader {width:680px; margin:0 10px 10px; height:145px}
#contentheader h1 span {display:none}
#contentheader h1 {background: url("../assets/fflogo.gif") no-repeat left top; height:95px; font-size:1.4em;padding:0;margin:0}

h1 {font-size:1.4em;padding:10px 0 0 10px}
h2 {font-size:1.1em;padding:10px 0 0 10px}
h2+table {margin-bottom:-5px}
h3 {font-size:1em;padding:10px 0 0 10px}

a {text-decoration:none; color:#00F}
a:visited {color:#606}
a:hover {text-decoration: underline}
a:active {color: #C63}

#contentleft a, #contentright a {padding-bottom: 1px;text-decoration: none}
#contentleft a:link, #contentright a:link {border-bottom: 1px solid #ddd}
#contentleft a:visited, #contentright a:visited {border-bottom: 1px solid #ddd}
#contentleft a:hover, #contentright a:hover {text-decoration: none; border-bottom: 1px solid #333}
#contentleft a:active, #contentright a:active {background: #ffc}
#contentright p {margin:0 10px 10px}

#footer {width: 680px; margin:15px auto;border-top: 1px solid #ccc;color: #666;padding: 0;
text-align: center;clear:both;font-size: x-small;voice-family: "\"}\"";	voice-family:inherit;font-size: small}
html>#footer{font-size: small}
#footer p {margin: 5px; padding: 5px 10px 20px}

#topcontent {position: relative; width: 95%}
#topcontent ul {position: absolute; top: 5px; right: 0; list-style: none;margin: 0 0 10px}
#topcontent ul li {display: inline;padding: 0 0.5em;border-left: 1px solid #34339B}
#topcontent ul li.first {border-left: 0px none}
#topcontent ul li a {line-height: 1em; text-decoration:none; color: #000}
#topcontent ul li a:hover {text-decoration:underline}

#search, #didyouknow, #whatsnew, #sidefeature, #howyoucanhelp, #history {width:215px; padding: 0; margin: 0 0 10px}

#search {background-color: #c36}
#didyouknow {background-color: #99f}
#whatsnew {background-color: #6c9}
#sidefeature {background-color: #cc0}
#howyoucanhelp {background-color: #c9c}
#history {background-color: #cc6}

#contentleft {margin:10px 0 10px 10px; width:220px; padding:0; float:left; background:#fff}
#contentleft h2 {color:#fff; height: 22px; font-size: small; margin:0; padding:0; background: url("../assets/h2bg.gif") no-repeat left top}
#contentleft h2 span {margin-left: 30px; padding-top:5px; display:block}
#contentleft p {margin:0; padding:10px; border: 1px solid #666; background: rgb(226,231,231)}

/* featured area */
table.featured {float: left; width : 420px; text-align:center; padding: 5px}
table.featured td {border: 1px solid #666; background: rgb(226,231,231)}
table.featured h2 {letter-spacing:1px; margin:0; padding:10px 0 0 40px; text-align:left; color: #600}
table.featured h3 {letter-spacing:1px; margin:0; padding:0 0 0 40px; text-align:left;font-style: italic}
table.featured img {border: 1px solid #ccc; padding: 5px}

.port-table {padding: 5px; background-color: #fff; width: 95%}
.port-thumbnail {width: 75px; border: 1px solid #000; padding: 6px; background-color: #FFF; margin: 0 40px}
.port-content {border: 1px solid #666; padding: 5px; background-color: rgb(226,231,231) }
.port-content p {font-size:11px; margin:0; padding:0; line-height:1em}
.port-content b {text-transform:capitalize; display:block; text-align:center}
.port-title {text-align:left; font-size:13px; font-weight: bold; color: #600; border-bottom: 1px dashed #600; margin-bottom: 0; text-transform:capitalize}

/*CATEGORY THUMBS */
.cat-content { width: 95%}
.cat-content img {border: 1px solid #000;margin: 0 5px 0 0; padding: 5px;background-color: #FFF } 
.cat-content p {}
.cat-content h2 {font-weight: bold; color: #600; border-bottom: 1px dashed #600; margin-bottom: 5px; display:block; text-transform:capitalize}

/***********************************************/
/* Forms                                       */
/***********************************************/
form.application { margin: 0; padding: 0}
form.application label, form.application fieldset { display: block; font-family: "Lucida Sans", Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif}
form.application label {color: #666; font-weight:bold}
form.application fieldset {border: 1px solid #ccc}
form.application legend {font-weight:bold;  color: #900}
form.application input {width: 200px; background: #fcfcfc; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #bbb; border-top: 1px solid #bbb; font-family: "Lucida Sans", Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif;font-size: .9em}
form.application input#button { height: 20px; width: 52px; border:0; background: transparent; }
form.application textarea {background: #fcfcfc; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  border-left: 1px solid #bbb; border-top: 1px solid #bbb; height: 150px; width: 99%; margin: 0; padding: 0; font-family: "Lucida Sans", Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1em}

.border {border: 1px solid #000; padding: 6px; background-color: #FFF; margin: 5px }

.border2 {border: 1px solid #000; padding: 0; background-color: #FFF; margin: 0}

ul#home {list-style-type: none;margin: 0 0 1em .5em;padding: 0}
ul#home li {margin: 0; padding: 0 0 .8em 1em; background: url(/images/li_7px.gif) no-repeat 0 .4em; line-height: 1.4em}