﻿/* **** General Styles **** */

html { height: 100%;}
body 
{
    height: 100%; 
    min-height: 101%; 
    min-width: 780px; 
    margin: 0; 
    color: #000000; 
    background: #ffffff; 
    background-image: url('/images/background.gif'); 
    background-position: top left; 
    background-repeat:repeat-y;
    font-family: Times New Roman, Times, Serif; 
}

a img { border: 0; }
h1, h2 { color: #333399; margin: 0; }
strong { color: #bb1111; }
p { margin-top: 0; }

.half { width: 300px;  margin: 0; padding: 0;}
.right { float: right; }
.left { float: left; }

/* **** Header **** */
td.header-top { background-image: url('/images/header-top.gif'); }
td.header-main 
{
    background-image: url('/images/header-bg.gif'); 
    background-position: top left; 
    background-repeat: repeat-x; 
    min-width: 780px;
}
td.header-main .left { _margin-left: -3px; }
td.header-main .right { _margin-right: -3px; }

td.strip 
{
    background-image: url(/images/strip-bg.gif); 
    background-position: top left; 
    background-repeat: repeat-x; 
}

/* **** Sidebar **** */
.sidebar 
{
    background: #74a1ac url(/images/sidebar.gif) top left repeat-y; 
    padding-top: 5px;
}

.sidebar-frame { background: #333399 url('/images/background.gif') top left repeat-y; }

/* **** Content **** */
.content 
{
    padding: 10px; 
    text-align: center;  
    margin: 0 auto;
}
.content * { text-align: left; }

.content h1 { font-size: 1.75em; margin-bottom: .5em; text-align: center; }
#content
{
    margin: 0 auto;
    width: 608px;
}
.pic { border: 1px solid #bb1111; }
.pic.right, rotator.right { margin-left: 10px; }
.pic.left, .rotator.left { margin-right: 10px; }

.picframe 
{
    text-align: center;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: .6em;
    color: #bb1111;
}
.picframe.right { margin-left: 10px; }
.picframe.left { margin-right: 10px; }

.pic.right.tight { margin: 0; }
.pic.left.tight { margin: 0; }

ul.halves, ul.thirds
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.halves li
{
	float: left;
	width: 260px;
	margin-left: 30px;
}

ul.thirds li
{
	float: left;
	width: 165px;
	margin-left: 30px;
}

.clear
{
	clear: both;
}

/* **** Footer **** */
td.footer 
{
    text-align: center; 
    font-size: 75%; 
    padding: 5px 0px; 
}

a { color: #333399; text-decoration: none; }
a:hover { color: #bb1111; text-decoration: underline; }


/* **** Image Bar **** */

div.bar 
{
    margin: 0 auto; 
    padding: 0; 
    border: 0; 
    width: 608px; 
    height: 165px; 
}
div.bar div 
{
    width: 200px; 
    height: 133px; 
    float: left; 
    position: relative; 
    margin: 0; 
    padding: 0; 
    border: 1px solid #bb1111; 
}
div.bar1
{
    float: right;
    z-index: 15;
    left: 20px;
    top: 0px;
}
div.bar2
{
    float: right;
    z-index: 10;
    left: 0px;
    top: 30px;
}
div.bar3
{
    float: right;
    z-index: 5;
    top: 0px;
    left: -20px;
}