﻿<style media="screen" type="text/css">
	/* <!-- */
	/* General styles */
	body {
                background:url('Images/bg_grad.png') 0% 0% repeat-x;
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	}
a {
	color: lightskyblue;
}
a:hover {
	color: #fff;
	/* background: #369; */
	text-decoration: none;
}
h4 {
	font-size: x-large;
	margin: 0;
	padding: 0;
}

h3 {
	margin: .8em 0 .2em 0;
	padding: 0;
}
h2 {
	margin: .8em 0 .2em 0;
	padding: 0;
}
h1 {
	margin: .8em 0 .2em 0;
	padding: 0;
}
p {
	margin: 0 0 .8em 0;
	padding: 0;
}
p1 {
	margin: 0;
	padding: 0;
}

img {
	margin: 10px 0 5px;
}
/* Header styles */
#header {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}
#header {
	border-bottom: 1px solid #000;
}
#header h2 {
	padding: .4em 15px 0 15px;
	margin: 0;
}
#header h1 {
	padding: .4em 15px 0 15px;
	margin: 0;
}
#header p {
	padding: 0 15px 0 15px;
	margin: 0;
}
#header ul {
	clear: left;
	float: left;
	width: 100%;
	background-color: maroon;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
}
#header ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#header ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	color: #000;
	text-decoration: none;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
#header ul li a:hover {
	background: #369;
	color: #fff;
}
#header ul li a.active:hover {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#header ul li a.active {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#header ul li a span {
	display: block;
}
/* 'widths' sub menu */
#layoutdims {
	clear: both;
	background: #eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
/* column container */
.colmask {
	position: relative; /* This fixes the IE7 overflow hidden bug */;
	clear: both;
	float: left;
	background-color: #808080;
	width: 100%; /* width of whole page */;
	overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright {
	float: left;
	width: 100%;
	position: relative;
}
.colmid {
	float: left;
	width: 100%;
	position: relative;
}
.colleft {
	float: left;
	width: 100%;
	background-color: #808080;
	position: relative;
}
.col3 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}
.col2 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}
.col1 {
	float: left;
	position: relative;
	padding: 0 0 1em 0;
	overflow: hidden;
}
/* 3 Column settings */
.threecol {
	background: #424242;		/* right column background colour */
}
.threecol .colmid {
	right: 25%; /* width of the right column */;
	background: #fefefe;		/* center column background colour */
}
.threecol .colleft {
	right: 50%; /* width of the middle column */;
	background: #424242;	/* left column background colour */
}
.threecol .col1 {
	width: 46%; /* width of center column content (column width minus padding on either side) */;
	left: 102%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width: 21%; /* Width of left column content (column width minus padding on either side) */;
	left: 31%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width: 21%; /* Width of right column content (column width minus padding on either side) */;
	left: 85%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 3 Column blog style settings */
.blogstyle {
	background: #eee;		/* right column background colour */
}
.blogstyle .colmid {
	right: 25%; /* width of the right column */;
	background: #f4f4f4;	/* center column background colour */
}
.blogstyle .colleft {
	right: 25%; /* width of the middle column */;
	background: #fff;		/* left column background colour */
}
.blogstyle .col1 {
	width: 46%; /* width of center column content (column width minus padding on either side) */;
	left: 52%;			/* 100% plus left padding of center column */
}
.blogstyle .col2 {
	width: 21%; /* Width of left column content (column width minus padding on either side) */;
	left: 56%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.blogstyle .col3 {
	width: 21%; /* Width of right column content (column width minus padding on either side) */;
	left: 60%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
	background: #fff;		/* right column background colour */
}
.leftmenu .colleft {
	right: 75%; /* right column width */;
	background: #f4f4f4;	/* left column background colour */
}
.leftmenu .col1 {
	width: 71%; /* right column content width */;
	left: 102%;			/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width: 21%; /* left column content width (column width minus left and right padding) */;
	left: 6%;			/* (right column left and right padding) plus (left column left padding) */
}
/* 2 Column (right menu) settings */
.rightmenu {
	background: #eee;		/* right column background colour */
}
.rightmenu .colleft {
	right: 25%; /* right column width */;
	background: #fff;		/* left column background colour */
}
.rightmenu .col1 {
	width: 71%; /* left column content width (left column width minus left and right padding) */;
	left: 27%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width: 21%; /* right column content width (right column width minus left and right padding) */;
	left: 31%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (double page) settings */
.doublepage {
	background: #eee;		/* right column background colour */
}
.doublepage .colleft {
	right: 50%; /* right column width */;
	background: #fff;		/* left column background colour */
}
.doublepage .col1 {
	width: 46%; /* left column content width (column width minus left and right padding) */;
	left: 52%;			/* right column width plus left column left padding */
}
.doublepage .col2 {
	width: 46%; /* right column content width (column width minus left and right padding) */;
	left: 56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}
/* Full page settings */
.fullpage {
	background: #fff;
/* page background colour */	
	text-align: center;
}
.fullpage p {
	top:0px;
}
.fullpage .col1 {
	width: 96%; /* page width minus left and right padding */;
	left: 2%;			/* page left padding */
}
/* Footer styles */
#footer {
	clear: both;
	float: left;
	width: 100%;
	border-top: 3px solid maroon;
}
#footer p {
        color:#eeeeee;
	padding: 10px;
	margin: 0;
}
/* -------------------------------------------------- */
/* talltabs-body */
/* -------------------------------------------------- */
#talltabs-body {
	float: left;
	padding: 0;
	width: 100%;
	font-family: Georgia, serif;
	background: url('Images/gradblkgry21.png') 0% 0% repeat-x;
	overflow: hidden;
}
#talltabs-body ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 50%;
	text-align: center;
	background: url('Images/gradblkgry21.png') 0% 0% repeat-x;
}
#talltabs-body ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#talltabs-body ul li a {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 6px 10px 6px 10px;
	background: url('Images/gradblkgry21.png') 0% 0% repeat-x;
	text-decoration: none;
	color: #000;
}
#talltabs-body ul li a:hover {
	padding: 6px 10px 6px 10px;
	background: url('Images/gradblkgry31.png') 0% 0% repeat-x;
	color: #000;
}
#talltabs-body ul li.active a, #talltabs-body ul li.active a:hover {
	padding: 6px 10px 6px 10px;
	background: #c9c299;
	color:#fff;
}
#talltabs-body ul li a span {
	display: block;
}

/* -------------------------------------------------- */
/* talltabs-maroon */
/* -------------------------------------------------- */
#talltabs-maroon {
	float: left;
	padding: 0;
	border-top: 2px solid #2B2B2B;
        border-bottom: 2px solid #2B2B2B;
	width: 100%;
	font-family: Georgia, serif;
	background: #2B2B2B;
	overflow: hidden;
}
#talltabs-maroon ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	left: 50%;
	text-align: center;
	background: #2B2B2B;
}
#talltabs-maroon ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
}
#talltabs-maroon ul li a {
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 10px 10px 10px 10px;
	background: maroon;
	text-decoration: none;
	color: #eeeeee;
}
#talltabs-maroon ul li a:hover {
	padding: 10px 10px 10px 10px;
	background: #c3c3c3;
        color:#2B2B2B;
}
#talltabs-maroon ul li.active a, #talltabs-maroon ul li.active a:hover {
	padding: 10px 10px 10px 10px;
	background: #eeeeee;
	color:black;
}
#talltabs-maroon ul li a span {
	display: block;
}
table.blog {
	width: 100%;
}
td {
	font-size: 100%;
}
.ja-box-ct {
	display: block;
}
.clearfix {
	display: inline-block;
}
.style1 {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
.style2 {
	padding-left: 30px;
	background: url('Images/bullet.gif') no-repeat 20px 8px;
	text-align: left;
}
.style3 {
	border-style: solid;
	border-width: 10px;
	border-color: #FFFFFF;
}
.style4 {
	padding-right: 30px;
	text-align: right;
}
.style6 {
	text-align: center;
}
.RoundedStyle {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-color: maroon;
}
.RoundedStyleCentered {
	color: #eeeeee;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	background-color: maroon;
	text-align: center;
}
  .gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    background: #008800;
    /* Mozilla: */
    background: -moz-linear-gradient(top, #00FF00, #000000);
    /* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#800000', EndColorStr='#000000', GradientType=0);
  }

/* --> */
</style>

