/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::_ TISSUES OF LIFE STYLE SHEET_::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/


/* Aa */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::_ LINK STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/*Applies to an unvisited hyperlink */
a:link {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
	font-size: 14px;
	font-style: normal;
}

/* Applies to a visited hyperlink */
a:visited {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
	font-size: 14px;
}

/* The state during pointer movement within the rendering region of an element. */
a:hover {
	color: #0000FF;
	background: #FFF;
	text-decoration: underline;
	font-size: 14px;
}

/* The state during pointer activation (eg: press and release of a mouse) within the rendering region of an element. */
a:active {
	color: #FFF;
	background: #0000FF;
	text-decoration: none;
	font-size: 14px;
}

/* In the Gecko based browsers (mozilla, netscape 6+) images inside a link have a border 
unless it is explicitly set to zero.  This fixes that.*/
a img {
	border: 0px;
}

a:hover img {
	border: 0px;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::_ ALTERNATE LINK STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* These alternate link styles are used when the color needs to 
change due to the background color of the element they are within */

a.alternate:link {
	color: #6666FF;
	text-decoration: none;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: underline;
}

a.alternate:visited.alternate {
	color: #9999FF;
	text-decoration: none;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: underline;
}

a.alternate:hover.alternate {
	color: #0000FF;
	background: #FFF;
	text-decoration: underline;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: underline;
}

a.alternate:active.alternate {
	color: #FFFFFF;
	background: #0000FF;
	text-decoration: none;
	font-size: 12px;
	text-transform: lowercase;
	text-decoration: underline;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::_ BODY _:::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* This centers the entire page in the browser */
body {
	font-family: verdana, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	color: #000000;
}

body.centerPage {
	text-align:center;
}

/* This centers the entire page in the browser */
body.leftPage {
	text-align:left;
}


/* This centers the entire page in the browser */
body.RightPage {
	text-align:right;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ BOXES _:::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* :::::::::::::::::::_ PAGE CENTERED BOX _:::::::::::::::::::_*/
.boxFullPageCentered {
	text-align: center;
	border: 1px solid #000;
	color: #000;
	background-color: #FFF;
	padding: 5px;
	margin: 5px auto 5px auto;
	width: 95%;
}

/* :::::::::::::::::::_ PAGE CENTERED BOX WITH LEFT ALIGNED TEXT _:::::::::::::::::::_*/
.boxFullPageCenteredLeft {
	text-align: left;
	border: 1px solid #000;
	color: #000;
	background-color: #FFF;
	padding: 5px;
	margin: 5px auto 5px auto;
	width: 95%;
}

/* :::::::::::::::::::_ FLOATED RIGHT BOX _:::::::::::::::::::_*/
/* A box floated right 50% wide */
.boxRightBorder50 {
	float: right;
	color: #FFF;
	background-color: #F30;
	border: 1px solid #000;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	width: 50%;
}

/* If you have a box with a background color that you know will obscure your links, then you can
nest a new link style inside this box like so.  By doing this you will not need to define the style
of the tag inside this box.*/

.boxRightBorder50 a:link {
	color: #FF0;
	text-decoration: none;
}

.boxRightBorder50 a:visited {
	color: #09F;
	text-decoration: none;
}

.boxRightBorder50 a:hover {
	color: #F30;
	background: #FFF;
	text-decoration: none;
}

.boxRightBorder50 a:active {
	color: #FFF;
	background: #F30;
	text-decoration: none;
}


/* :::::::::::::::::::_ BOX WITH BORDER ON TOP AND BOTTOM _:::::::::::::::::::_*/
.boxBorderTopBottom {
	text-align: center;
	border-top: 1px dotted #FF0;
	border-bottom: 1px dotted #FF0;
	color: #000;
	padding: 5px;
	margin: 5px auto 5px auto;
	width: 40%;
}

/* Cc */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ CENTERING STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* :::::::::::::::::::_ CENTER FOR BLOCK ELEMENTS _:::::::::::::::::::_*/

/* Centers block information (imgs or divs) 
The display:table thing is a hack to get the center to work
*/
.centerImg {
	display: table;
	margin-left: auto;
	margin-right: auto;
}


/* Custom center, with a top border
*/
.centerImgDown90 {
	display: table;
	margin-top: 90px;
	margin-left: auto;
	margin-right: auto;
}

/* :::::::::::::::::::_ CENTER FOR TEXT _:::::::::::::::::::_*/
/*Centers text within an element*/
.centerText {
	text-align: center;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ 2 COLUMN STYLES _:::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/


/* Column, floated left, 35% wide */
.column2Left35 {
	float:left;
	width:35%;
	margin-right: 20px;
	padding: 5px 5px 5px 5px;
}

/* Column, when used with a column floated left this column will
wrap right 
*/
.column2Right {
	padding: 0px 5px 0px 0px;
}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ 3 COLUMN STYLES _:::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* Set of three colums, each equal widths*/
.column3Left33 {
	width:31%;
	float:left;
	padding: 0px 4px 10px 4px;
	text-align: left;
}

.column3Middle33 {
	width:33%;
	float:left;
	padding: 0px 4px 10px 4px;
	text-align: center;
	background-color: #F30;
	color: #000;
}

.column3Right33 {
	width:31%;
	float:left;
	padding: 0px 4px 10px 4px;
	text-align: right;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ MAIN CONTENT STYLE _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* Main Container for all content */
.contentCenteredFixedWidth {
	background-color: #6AB0D3;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 0px solid #FFF;
	text-align:left;
	width:640px;
	margin-bottom: 10px;
}

/* Main Container for all content */
.contentCenteredFixedWidthNoImage {
	background-color: #381402;
	position: relative;
	margin-right:auto;
	margin-left:auto;
	padding-left: 35px;
	padding-right: 35px;
	border-top: 1px solid #000;
	text-align:left;
	width:575px;
	margin-bottom: -10px;
}

/* Ff */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ FOOTER _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
.footerNavigation {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 600px;
	padding: 3px;
}

/*  CUSTOM LINK STYLES FOR WITHIN THE FOOTER */
.footerNavigation a:link{
	color: #F30;
	text-decoration: none;
}

/* Applies to a visited hyperlink */
.footerNavigation a:visited {
	color: #FF0;
	text-decoration: none;
}

/* The state during pointer movement within the rendering region of an element. */
.footerNavigation a:hover {
	color: #FFF;
	background: #F30;
	text-decoration: none;
}

/* The state during pointer activation (eg: press and release of a mouse) within the rendering region of an element. */
.footerNavigation a:active {
	color: #FFF;
	background: #F30;
	text-decoration: none;
}

/* Horizontal Rule for Footer - This is a false rule.  It is actually just a box with a border along only the bottom. 
This allows you to use the dashed effect which isn't an opition for a rule */
.footerRule{
	width: 350px;
	border-bottom: dashed black 1px;
	margin: 10px auto 0px auto;
	padding: 0px;
}

/* Hh */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ HEADING STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
h1 {
	font-size: 25px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom:0px;
}

h2 {
	font-size:20px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom:0px;
}

h3 {
	font-size:12px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom:0px;
	color: #FF3300;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-decoration: none;
}

h3.right {
	text-align: right;
	font-size:16px;
	padding-top:0px;
	margin-top: 0px;
	margin-bottom:0px;
}

/* Ii */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ IMAGE STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* Centers an image and gives it a solid black border */
.imgFeature {
	display: table;
	margin: 10px auto 0px auto;
	border: 2px solid #000000;
}

/* Image Floated - A floated image will position as far left or right as possible.  
It will be subordinate to other floated elements and it's own margins.  Everything
else will wrap around it. */

.imgFloatLeft {
	float: left;
	margin: 5px 5px 5px 5px
}

.imgFloatRight {
	float: right;
	margin: 5px 5px 5px 5px
}

/* Makes a 5 px pad around the  */
.imgPadded {
	margin: 5px 5px 5px 5px;
}

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ INDENT STYLES _:::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* It is often nescessary to indent an object one way or another.  These styles will take care of that.*/

/* Move Up and to the Right*/
.indentRight {
	margin: 0px 5px 0px 15px;
}

.indentRightUp {
	margin: -25px 5px 0px 15px;
}

/* Move Down and Right */
.indentRightDown {
	margin: 25px 0px 0px 10px;
	text-align: center;
}

/* Nn */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ QUOTE STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

/* Block formating for quotes, italic */
.quote {
	text-align: left;
	font-style: italic;
	padding: 0px 15px 0px 20px;
}

/* Block formating for the person who said the quote */
.quoteAttribute {
	text-align: right;
	padding: 0px 10px 0px 0px;
}

/* Block formating for the quote header */
.quoteHeader {
	text-align: left;
	padding: 0px 0px 5px 5px;
}


/* Tt */
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ TABLE STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

table.data {
	margin: 15px 0px 0px 15px;
	width: 320px;
	text-align: center;
	background: #FFFFFF;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 10px;
}

table.data th{
	padding: 3px;
	background: #09F;
}

table.data td {
	padding: 3px;
	background: #F30;
}

.text {
	text-align: left;
	padding: 15px 15px 15px 15px;
}

/* align text left */
.textLeft {
	text-align: left;
}

/* align text left */
.textCenter {
	text-align: center;
}

/* align text left */
.textRight {
	text-align: right;
}

/* If your elements are not floating right it is probably b/c you do not have the container set to alarge eneough width */

.tableElementContainer {
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 490px;
}

/* false table element, 120 pixels wide */
.tableElementFloatLeft {
	padding: 5px;
	float: left;
}
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/
/* :::::::::::::::::::::::::::_ FALSE TABLE STYLES _:::::::::::::::::::::::::_*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::_*/

	/* This is the container that defines the full size of the table*/
	div.tableContainer {
	width: 800px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	}
	
	/* a false table element with a width of 150 pixels*/
	div.tableElementFloat {
		width: 180px;
		padding: 10px;
		float: left;
	}