﻿

/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */

/* Top Elements */
*
{
    margin: 0;
    padding: 0;
    outline: 0;
    /* text-align: left; */
}

html, body {
	height: 100%;
}

body { /*IE*/
/* text-align:center; */
}

div {/*FF*/
/* text-align:-moz-center;
@text-align: center; */
}

body
{
    background-color: #fff;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px;
    /*background-image: url(/sitefiles/images/web/background.jpg);*/
    background-position: center top;
    background-repeat: repeat-y;
    margin-left:10px;
    /* text-align: -moz-center; */
}

/* links */
a, a:visited
{
    color: blue;
    text-decoration: none;
}
a:hover
{
    color: red;
    text-decoration: underline;
}

/* headers */

h1
{
    font-size: 24px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-weight: normal;
}

h2
{
    font-size: 18px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-weight: normal;
}

h3
{
    font-size: 15px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    font-weight: normal;
}

h4
{
    font-size: 12px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

/* Paragraph */
p
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
    line-height: 18px;
}

/* Lists */
ul, ol
{
    margin: 10px 20px;
    padding: 0 20px;
}
ul
{
    list-style: bullet;
}

dl
{
    padding: 10px;
    margin: 0;
}

dt
{
    font-weight: bold;
    color: #79A62E;
}
dd
{
    padding-left: 25px;
}

/* images */
img
{
    border: 0px;
}

img.float-right
{
    margin: 5px 0px 10px 10px;
}

img.float-left
{
    margin: 5px 10px 10px 0px;
}

code
{
    margin: 5px 0;
    padding: 15px;
    text-align: left;
    display: block;
    overflow: auto;
    font: 500 1em/1.5em 'Lucida Console' , 'Courier New' , monospace; /* white-space: pre; */
    border: 1px solid #deedae;
    background: #F0FFD2;
}
acronym
{
    cursor: help;
    border-bottom: 1px dotted #895F30;
}


blockquote
{
    margin: 15px 10px;
    padding: 5px 7px 5px 40px;
    font-weight: normal;
    font-size: 17px;
    line-height: 1.6em;
    font-style: italic;
    font-family: Georgia, 'Times New Roman' , Times, serif;
    color: #80614D;
    border: 1px solid #DFF4B5;
    background: #F0FFD2 url(/sitefiles/images/web/quote.gif) no-repeat 7px 10px;
}

/* start - table */
table
{
    border-collapse: collapse;
    margin: 10px 45px 10px 0px;
}
th
{
    height: 38px;
    padding-left: 12px;
    padding-right: 12px;
    color: #000000;
    text-align: left;
    background: #ffffff;
    border-width: 0px;
    border-style: solid;
    border-color: #dddddd;
    font-size: 1.2em;
}
tr
{
    height: 34px;
    background: #fff;
}


td
{
    padding: 10px;
    border: 0px solid #dddddd;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}


table tr:hover
{
    cursor: pointer;
    background-color: #effffff;
}


/* end - table */


/********************************************
   LAYOUT
********************************************/

#admin
{
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 999;
}

#wrapper
{
    position: relative;
    width: 1000px;
    background-color: #fff;
    margin: 0px auto;
    text-align: left;
}

#top-links
{
    background-color: #ff5042;
    margin-bottom: 2px;
    position: relative;
     background: #ff5042 url(/sitefiles/images/web/toplinksbackground.jpg) repeat-x;
}

#top-links ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#top-links li
{
    display: inline;
}

#top-links li a
{
    float: left;
    padding: 10px 20px 10px 20px;
    color: #fff;
    border-right: 1px solid #fff;
}

#top-links li a:hover
{
    color: #fff;
    background-color: #fd695d;
}


#site-search
{
    position: absolute;
    top: 5px;
    right: 110px;
}

#site-search p
{
    margin: 6px 0px 0px 0px;
    padding: 0px;
    color: #fff;
}

#site-search .search-text
{
    position: absolute;
    top: 2px;
    left: 60px;
    width: 180px;
    margin: 0px;
    border: 1px solid #fff;
    padding: 2px;
}

#site-search .search-submit
{
    position: absolute;
    margin: 0px;
    top: 0px;
    left: 260px;
    width: 80px;
    padding: 2px;
}


#header
{
    width: 1000px;
    height: 180px;
    padding: 0;
    margin: 0 0 2px 0;
    overflow: hidden;
    clear: both;
}

#header h4
{
    display: none;
}

#header h5
{
    display: none;
}


#header.home
{
    background: #04439b url(/sitefiles/images/web/banners/home.jpg) no-repeat;
}


#statement
{
    clear: both;
    background-color: #ff5042;
    margin-bottom: 2px;
    position: relative;
      background: #ff5042 url(/sitefiles/images/web/toplinksbackground.jpg) repeat-x;
}

#statement p
{
    text-align: center;
    padding: 8px;
    margin: 0px;
    color: #fff;
    font-size:15px;
}


p.breadcrumb
{
    background-color:#efefef;
    padding:2px;
    margin:0px 0px 15px 0px;
}

/* Main Column */

#content-wrap
{
    clear: both;
    width: 1000px;
    padding: 0px 0px 20px 0px;
    margin: 20px 0px 0px 0px;
    overflow: hidden;
}


#main
{
    float: left;
    width: 705px;
    padding: 0;
    margin: 0;
    text-align: left;
}


#side-bar
{
    float: left;
    width: 280px;
    padding: 0;
    margin: 0 0 0 15px;
    display: inline;
    min-height: 800px;
}


#side-bar .topbox
{
    background-color: #00469c;
    padding: 0px;
    margin-bottom: 5px;
    color: white;
}

#side-bar .botbox
{
    background-color: #00469c;
    padding: 0px;
    margin-bottom: 600px;
    margin-top: 5px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1800px; /* the bottom margin is the negative value of the footer's height */
    vertical-align: top;
}

a:hover.redlink{color:blue;}


#side-bar .redbox
{
    background-color: #e72d1e ;
    padding: 10px;
    margin-bottom: 5px;
    color:White;
}

#side-bar .lightbluebox
{
    background-color: #99ccff ;
    padding: 10px;
    margin-bottom: 5px;
    color:White;
}

#side-bar .box h3
{
    color: White;
}

#side-bar .box p
{
    color: White;
}




form
{
    margin: 0px;
    padding: 0px;
}

/* ---------------------------------------------------- */
/* Subscribe
/* ---------------------------------------------------- */


#subscribe
{
    border: 1px solid #ccc;
    background-color: #efefef;
    padding: 10px;
}

#subscribe input
{
    width: 320px;
    font-size: 14px;
    padding: 5px;
}

#subscribe input.button
{
    width: auto;
    height: 30px;
}





/* footer */
#footer-wrap
{
	overflow: hidden;
	width: 1000px;
	position: relative;
    clear: both;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    background-position: center;
    background:#808080 url(/sitefiles/images/web/footerbackground.jpg) repeat-x;
}
#footer-content
{
    width: 1000px;
    margin: 0px auto;
    padding: 30px 0 35px 0;
    overflow: hidden;
    position:relative;
}

#footer-content h5
{
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 15px 20px;
    color:#fff;
}

#footer-content .col P
{
    margin: 0px 0px 10px 20px;
    padding: 0px;
      color:#fff;
}

#footer-content .col
{
    float: left;
    width: 25%;
}

#footer-content .col ul
{
    list-style-type: none;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

#footer-content .col ul li
{
    list-style-type: none;
    margin: 0px 0px 5px 20px;
    padding: 0px;
}

#footer-content .col ul li a
{
   color:#fff;
}

.footer, .push {
	height: 1800px; /* .push must be the same height as .footer */
}



/* bottom */
#credits
{
    background-color: #ff5042;
    margin-bottom: 0px;
    color: #555;
    border-top: 0px solid #fff;
    margin: 0px;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 12px;
    background-color: #cd1b0c;
    width: 1000px;
    text-align: center;
}
#credits a
{
    color: #fff;
    text-decoration:underline;
}

#credits p
{
    padding: 0px;
    margin: 0px;
      color: #fff;
}

/* postmeta */
.post-footer
{
    padding: 8px 5px;
    margin: 5px 10px 10px 10px;
    color: #A2745D;
    border: 1px solid #deedae;
    background: #F0FFD2;
}
.post-footer .date
{
    margin: 0 10px 0 5px;
}
.post-footer a.comments
{
    margin: 0 10px 0 5px;
}
.post-footer a.readmore
{
    margin: 0 10px 0 5px;
}

.post-info
{
    font-size: .95em;
    padding: 0 10px;
    margin-left: 2px;
    color: #A98D76;
}
.post-info a, .post-info a:visited
{
    color: #9C652E;
}


h1 span, h2 span, h3 span
{
    color: #8A8A8A;
}

/* alignment classes */
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.align-left
{
    text-align: left;
}
.align-right
{
    text-align: right;
}

/* clearing */
.clearer
{
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
.clear
{
    display: inline-block;
}
.clear:after
{
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 280px; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
