﻿h1, h2
{
	font-family: Century Gothic, Trebuchet MS, Arial;
    padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 10px;
}

h3
{
	font-family: Century Gothic, Trebuchet MS, Arial;
}

h4, h5, h6
{
	font-family: Century Gothic, Trebuchet MS, Arial;
    margin-bottom: 5px;
}

body
{
	font-family: Century Gothic, Trebuchet MS, Arial;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	background-image: url(../images/mainbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-size: 10pt;
}

p
{
    line-height: 1.4em;
}

li
{
line-height: 1.0em;
margin-bottom: 2px;
}

a
{
    color: #444;
}

a img
{
    border: none;
}

a.homepagenav
{
    line-height: 1.25em;
    font-size: small;
}

li
{
    line-height: 1.25em;
}

#outline
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#top
{
	height: 70px;
}

#topleft
{
	width: 610px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}

#topright
{
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

#menu
{
	background-image: url(../images/menubg.jpg);
	background-repeat: no-repeat;
	height: 70px;
}

#nav
{
    background-image: url(../images/navback.jpg);
    background-repeat: no-repeat;
    height: 29px;
    width: 970px;
    position: relative;
    left: 15px;
    top: 5px;
    font-size: small;
    margin-left: 2px;
    text-align: center;
}

.navitem
{
    float: left;
    margin-left: 6px;
    padding-top: 5px;
    height: 27px;
    width: 120px;
    cursor: pointer;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 1px;
    background-image: url(../images/navitemoff.jpg);
    font-size: small;
    font-family: Calibri;
}

.navitem a
{
    text-decoration: none;
    font-weight: bold;
    color: #000;
    font-size: small;
    font-family: Calibri;
}

.navitemon
{
    float: left;
    margin-left: 6px;
    padding-top: 5px;
    height: 27px;
    width: 120px;
    cursor: pointer;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 1px;
    background-image: url(../images/navitemon.jpg);
    font-size: small;
    font-family: Calibri;
}
.navitemon a
{
    font-weight: bold;
    color: #444;
    text-decoration: none;
    font-size: small;
    font-family: Calibri;
}

.navitemover
{
	float: left;
    margin-left: 6px;
    padding-top: 5px;
    height: 27px;
    width: 120px;
    cursor: pointer;
    text-align: center;
    background-repeat: no-repeat;
    margin-top: 1px;
    background-image: url(../images/navitemover.jpg);
    font-size: small;
}
.navitemover a
{
    font-weight: bold;
    color: #008;
    text-decoration: none;
    font-size: small;
    font-family: Calibri;
}

.subnav
{
	margin-left: 10px;
	padding-left: 16px;
	padding-top: 8px;
	font-weight: bold;
    font-size: 10pt;
    font-family: Calibri, Arial, Sans-Serif;
}

#subnav a
{
	color: #444;
    font-size: 10pt;
    font-family: Calibri, Arial, Sans-Serif;
}

#main
{
}

#l1000
{
	width: 1000px;
	background-image: url(../images/1000bg.jpg);
	background-repeat: repeat-y;
}

#l800
{
	width: 880px;
	background-image: url(../images/880bg.jpg);
	background-repeat: repeat-y;
}

#l683
{
	float: left;
	width: 683px;
	background-image: url(../images/l683bg.jpg);
	background-repeat: repeat-y;
}

#l201
{
	float: left;
	width: 201px;
}

#l683content
{
    position: relative;
	top: -80px;
	left: 20px;
	width: 643px;
}

#home-content
{
    padding-left: 25px;
    position: relative;
    top: -40px;
}

#home-main-panel
{
    width: 560px; 
    height: 200px;
    background-image: url(../images/homepanel.jpg);
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    font-size: 10pt;
    line-height: 1;
}
#home-main-panel p
{
line-height: 1.25;
}
#home-main-panel li
{
line-height: 1.25;
margin-bottom: 0px;
}
.right-advert
{
    width: 180px;
    height: 250px;
    background-image: url(../images/sidebar-bg.jpg);
    background-repeat: no-repeat;
    padding-top: 20px;
    text-align: center;
    font-size: small;
    line-height: 1em;
}

#content
{
	position: relative;
	top: -100px;
	left: 25px;
	padding-right: 40px;
}

#r609
{
	width: 679px;
	background-image: url(../images/r609bg.jpg);
	background-repeat: repeat-y;
	float: left;
}

#r609content
{
    position: relative;
    top: -80px;
}

.rightcontent
{
	position: relative;
	left: 10px;
	padding-right: 20px;
}

#r188
{
	width: 188px;
	background-image: url(188bg.jpg);
	background-repeat: repeat-y;
	float: left;
}
	
#footer
{
	clear: both;
	height: 35px;
	background-image: url(../images/footerbg.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 8pt;
}

#footerlinks
{
	width: 675px;
	float: left;
}
#footerlinks a
{
    color: #444;
}
#footerright
{
	float: right;
	padding-right: 20px;
}

a.leftmenu
{
    background-image: url(menu-background.png);
    background-repeat: no-repeat;
    display: block;
    padding-left: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #eeeeff;
    text-decoration: none;
    color: #000;
    margin-bottom: 10px;
    width: 150px;
}

a.leftsubmenu
{
    color: #000;
    display: block;
    padding: 2px 0px 2px 10px;
    margin-bottom: 10px;
}

a:hover.leftmenu
{
    background-color: #ddddff;
}

.form-row
{
    padding-top: 5px;
}

p.form-row
{
    padding: 0px 0px 0px 0px;
    display: block;
}

.form-label
{
    float: left;
    width: 150px;
}

.form-field
{

}

.dlg
{
	border: ridge 3px #d3d0c0;
	background-color: #ffffff;
	position: absolute;
}

.dlg-header
{
	font-weight: bold;
	color: #404040;
	margin: 2px 2px 10px 2px;
	padding-bottom: 5px;
	border-bottom: solid 1px #d3d0c0;
}
.dlg-title
{
	float: left;
	cursor: move;
}
.dlg-close
{
	text-align: right;
}
.dlg-body
{
	margin: 5px 5px 5px 5px;
	position: relative;
}

.login-strip
{
    vertical-align: middle;
	height: 25px;    
	padding-top: 2px;
    color: black;
    text-align: left;
	font-size: small;
}

.login-strip a
{
    color: black;
}

#login-strip-container
{
    float: left;
    text-align: right;
    width: 450px;
	padding-top: 0px;
}

#login-panel
{
    font-size: small;
}

#login-email-label
{
    float: left;
    width: 205px;
    margin-right: 10px;
}
#login-password-label
{
    float: left;
    width: 100px;
}
#login-email
{
    float: left;
    width: 200px;
    margin-right: 10px;
}
#login-password
{
    float: left;
    width: 100px;
}
.row-end
{
    clear: both;
}
.clear
{
    clear: both;
}

/* Stuff for the forums */
.forum-group-view
{
    display: block;
}
    
.forum-group
{
    font-size: larger;
    background-color: #99cc00;
    color: Black;
}

.forum-name
{
    text-decoration: none;
}

.forum-overview
{
    display: block;
    clear: both;
    height: 60px;
    font-size: small;
    border-top: solid 1px #eee;
}

.forum-overview-alt
{
    display: block;
    clear: both;
    height: 60px;
    font-size: small;
    border-top: solid 1px #eee;
}

.forum-info
{
    float: left;
    width: 300px;
}

.forum-posts
{
    float: left;
    width: 100px;
    text-align: center;
}

.forum-last-post
{
    float: left;
    width: 125px;
}

.forum-moderator
{
    float: left;
    width: 100px;
}

.forum-post
{
    margin-top: 20px;
    height: 30px;
    vertical-align: middle;
    padding-top: 10px;
    background-color: #eee;
}
.forum-post-alt
{
    margin-top: 20px;
    height: 30px;
    vertical-align: middle;
    padding-top: 10px;
}

.forum-post-subject
{
    padding-left: 10px;
    width: 250px;
    float: left;
}

.forum-post-poster
{
    color: #008;
    width: 125px;
    float: left;
}

.forum-post-date
{
    color: #008;
    width: 125px;
    float: left;
}

.forum-post-replies
{
    float: left;
    width: 80px;
}

.forum-post-views
{
    float: left;
    width: 80px;
}

.forum-post-trailer
{
    clear: both;
}

.forum-post-body
{
    clear: both;
}

.forum-post-view
{
    padding-bottom: 20px;
    display: block;
}

.forum-post-view-alt
{
    padding-bottom: 20px;
    display: block;
    width: 100%;
    background-color: #eee;
}

.post-subject
{
    display: block;
    clear: both;
    font-weight: bold;
}

.post-date
{
    display: block;
    font-size: smaller;
    color: #666;
}

.post-body
{
    margin-bottom: 20px;
}

.agua-page
{
    background-image: url(/images/agua-bg.jpg);
    background-repeat: no-repeat;
    background-position: left 100px;
    float: right;
    width: 500px;
}

.deputy-page
{
    float: right;
    width: 500px;
}

.product-page
{
    float: right;
    width: 500px;
}

#leftmenu
{
	float: left;
	width: 150px;
}
.filebank-page
{
    float: right;
    width: 500px;
}
#popupsitemap
{
visibility: hidden; 
background: white; 
border: solid 1px #ccc; 
position: absolute; top: 0px; left: 0px; 
display: block; width: 450px; height: 200px;
padding-left: 10px;
padding-bottom: 10px;
font-size: 9pt;
}

p.quote
{
	width: 50%;
	margin-left: 25%;
}
