/************************************************************
*	Name: Site Style Sheet									*
*	Company: Fusework Studios								*
*	Author: Brandon Coppernoll								*
*	Date Created: August 7, 2006							*
*															*
*	This is the style sheet to be used for the Web site.	*
************************************************************/
/* GLOBAL FUSEWORK VARIABLES */
BODY{ margin: 0em; padding: 0em; }
TD, TH, TBODY,P, UL, DIV, BODY {color: #000000; font-family: Arial, Verdana; font-size: 12px;}
HR {color: #000000;	size: 1px;}
A {color: #a01417;}
A:HOVER {color: #417e82;}
H1 {color: #a01417;	font-size: 17px; font-family: Arial, Verdana;}
H2 {color: #a01417;	font-size: 17px; font-family: Arial, Verdana;}
H3 {color: #a01417;	font-size: 15px; font-family: Arial, Verdana;}
H4 {color: #a01417;	font-size: 15px; font-family: Arial, Verdana;}
H5 {color: #a01417;	font-size: 13px; font-family: Arial, Verdana;}
H6 {color: #a01417;	font-size: 13px; font-family: Arial, Verdana;}

/* SITE VARIABLES - CLASSES AND ID's */
.redBreak { background-color: #a01417; }
.headerBottom { background-color: #f4f4f4; background-image: url(/images/header-bottom-bg.gif); background-repeat: repeat-x; background-position: 0% 0%; height: 40px; }
/* Menu */
.CMSMenu { width: 200px; height: 167px; background-image: url(/images/menu-bg.gif); background-repeat: no-repeat; background-position: 0% 0%; color: #FFFFFF; vertical-align: top; padding-top: 8px; padding-bottom: 8px;  }
.CMSMenuItem { color: #FFFFFF; font-weight: bold; }
.CMSMenuItem a { color: #FFFFFF; text-decoration: none; }
.CMSMenuItem a:hover { color: #FFFFFF; text-decoration: underline; } 

/* Main Body */
.mainBody { background-color: #FFFFFF; vertical-align: top; }
.topLeft { background-image: url(/images/top-left-corner.gif); background-repeat: no-repeat; background-position: 0% 0%; height: 9px; width: 9px; }
.topBorder { background-color: #FFFFFF; height: 9px; font-size: 1px; }
.topRight { background-image: url(/images/top-right-corner.gif); background-repeat: no-repeat; background-position: 100% 0%; height: 9px; width: 9px; }
.leftBorder { border-left: 1px solid #d7d7d7; background-color: #FFFFFF; font-size: 1px; }
.rightBorder { border-right: 1px solid #d7d7d7; background-color: #FFFFFF; font-size: 1px; }
.bottomLeft { background-image: url(/images/bottom-left-corner.gif); background-repeat: no-repeat; background-position: 0% 100%; height: 12px; width: 9px; }
.bottomBorder { background-image: url(/images/bottom-border.gif); background-repeat: repeat-x; background-position: 0% 100%; background-color: #FFFFFF; height: 12px; font-size: 1px; }
.bottomRight { background-image: url(/images/bottom-right-corner.gif); background-repeat: no-repeat; background-position: 100% 100%; height: 12px; width: 9px; }
.leftColumn { width: 208px; vertical-align: top; }
.rightColumn { width: 505px; vertical-align: top; }

/* Red Curved Box */
.redTopLeft { background-color: #a01417; background-image: url(/images/red-top-left-corner.gif); background-repeat: no-repeat; background-position: 0% 0%; height: 9px; width: 9px; }
.redTop { background-color: #a01417; height: 9px; font-size: 1px; }
.redTopRight { background-color: #a01417; background-image: url(/images/red-top-right-corner.gif); background-repeat: no-repeat; background-position: 100% 0%; height: 9px; width: 9px; }
.redFooter { background-color: #a01417; color: #FFFFFF; height: 26px; text-align: center; }
.redBottomLeft { background-color: #a01417; background-image: url(/images/red-bottom-left-corner.gif); background-repeat: no-repeat; background-position: 0% 100%; height: 9px; width: 9px; }
.redBottom { background-color: #a01417; height: 9px; font-size: 1px; }
.redBottomRight { background-color: #a01417; background-image: url(/images/red-bottom-right-corner.gif); background-repeat: no-repeat; background-position: 100% 100%; height: 9px; width: 9px; }

/* Black Curved Box */
.blackTopLeft { background-color: #000000; background-image: url(/images/black-top-left-corner.gif); background-repeat: no-repeat; background-position: 0% 0%; height: 9px; width: 9px; }
.blackTop { background-color: #000000; height: 9px; font-size: 1px; }
.blackTopRight { background-color: #000000; background-image: url(/images/black-top-right-corner.gif); background-repeat: no-repeat; background-position: 100% 0%; height: 9px; width: 9px; }
.blackBox { background-color: #000000; color: #FFFFFF; font-weight: bold; padding-left: 16px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
.blackBottomLeft { background-color: #000000; background-image: url(/images/black-bottom-left-corner.gif); background-repeat: no-repeat; background-position: 0% 100%; height: 9px; width: 9px; }
.blackBottom { background-color: #000000; height: 9px; font-size: 1px; }
.blackBottomRight { background-color: #000000; background-image: url(/images/black-bottom-right-corner.gif); background-repeat: no-repeat; background-position: 100% 100%; height: 9px; width: 9px; }

/* Gray Curved Box */
.grayBox { background-color: #edf0f2; color: #000000; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; padding-top: 4px; }
.grayBottomLeft { background-color: #edf0f2; background-image: url(/images/gray-bottom-left-corner.gif); background-repeat: no-repeat; background-position: 0% 100%; height: 9px; width: 9px; }
.grayBottom { background-color: #edf0f2; height: 9px; font-size: 1px; }
.grayBottomRight { background-color: #edf0f2; background-image: url(/images/gray-bottom-right-corner.gif); background-repeat: no-repeat; background-position: 100% 100%; height: 9px; width: 9px; }