/* ZERO OUT GLOBAL ELEMENTS --------------------------------- */
/* --------------------------------------------------------- */



body, h1, h2, h3, h4, p, li, ul {
	margin: 0px; /* Removes default margin that some browsers add. */
	padding: 0px; /* Removes default padding that some browsers add. */
	color: #331;
}

/* SET THE BODY STYLES ------------------------------------- */
/* --------------------------------------------------------- */

body {
	text-align: center; /* Centers the page in various versions of WinIE5. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #080605;
	background-repeat: repeat-x;
	background-image: url(../images/bg_wood_grain.jpg);
}


h1, h2, h3, h4 {
	color:#553;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-left: 20px;
	padding-top: 15px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-top: 10px;
}

p {
	padding-top: 2px;
	padding-right: 0;
	padding-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	padding-bottom: 10px;
}


/* LINK STYLES-------------------------------*/
a:link {
	color: #8E5300;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #8E5300;
}

a:active {
	color: #8E5300;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #B46600;
}

/* REMOVES BLUE BORDER IN EXPLORER ------------------------------- */
/* --------------------------------------------------------- */

img {border: none;}

.border {border:1px solid #FFFFFF;}


/* STYLE THE MAIN WRAPPER DIV ------------------------------- */
/* --------------------------------------------------------- */

#wrapper {
	text-align: left; /* Centers the content of the page within the window in all but versions of WinIE5. */
	width: 750px; /* Sets the overall width of the layout. */
	border: 6px solid #555533;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}

/* STYLE THE HEADER DIV ------------------------------------ */
/* --------------------------------------------------------- */

#header {
	height: 220px; /* Sets the height of the header to the same height as the background image. */
	background-image: url(../images/header2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/* STYLE THE INNER WRAPPER THAT HOLDS THE COLUMNS ---------- */
/* --------------------------------------------------------- */

#innerwrapper {
	float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 750px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	background-image: url(../images/content_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #FBF9F4;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* STYLE THE CONTENT COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#content {
	float: left; /* Floats the content DIV to the left of the layout. */
	width: 495px;
}
#content h2 {
	padding-top: 20px; /* Adds 5 pixels of padding to the top of the h2 element. */
	padding-right: 5px; /* Adds 5 pixels of padding to the right of the h2 element. */
	padding-bottom: 0px; /* Adds 5 pixels of padding to the bottom of the h2 element. */
	padding-left: 20px;
	font-size: 18px;
}

#content p {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 20px;
	line-height: 140%;
}




/* STYLE THE CONTENT ONE COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#innerwrapper_1col {
	float: left; /* Floating all columns and their container helps avoid IE bugs.*/
	width: 750px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
	background-position: center top;
	background-color: #FBF9F4;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

#content_1col {
	float: left; /* Floats the content DIV to the left of the layout. */
	width: 740px;
}
#content_1col h2 {
	padding-top: 20px; /* Adds 5 pixels of padding to the top of the h2 element. */
	padding-right: 5px; /* Adds 5 pixels of padding to the right of the h2 element. */
	padding-bottom: 0px; /* Adds 5 pixels of padding to the bottom of the h2 element. */
	padding-left: 20px;
	font-size: 2em;
}

#content_1col p {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
}





#content ul {
	padding-left: 40px;
	line-height: 160%;
	margin-top: -15px;
}

.quote {
	padding-left: 20px;
	background-color: #FBF9F4;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #C7C5C1;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	line-height: 20px;
	padding-right: 30px;
	padding-top: 5px;
}


.rulequote {
	background-color: #FBF9F4;
	margin-left: 20px;
	margin-bottom: 20px;
	display: block;
	line-height: 20px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #C7C5C1;
	margin-top: 20px;
	margin-right: 20px;
}



/* STYLE THE SIDEBAR COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#sidebar {
	float: left; /* Floats the sidebar to the left within its container. */
	width: 255px; /* Sets the width of the sidebar to 200 pixels. */
	background-color: #FFFFFF;
}

#sidebar p {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 20px;
}

#sidebar img {
	padding-top: 15px;
}

#sidebar h2 {
	font-size: 14px;  /* Sets the font size to 100% of the user's browser preference, */
	font-weight: bold; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container. */
	padding-top: 28px;
	padding-right: 10px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebar p {
	font-size: 12px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container.*/
	line-height: 1.4;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 15px;
}
#footer {
	background-color: #060503;
}
#footer p {
	font-size: 12px;  /* Sets the font size to 70% of the user's browser preference, */
	text-align: center; /* Aligns footer paragraph text in the center of the DIV. */
	padding-top: 9px; /* Pads the footer paragraph text so that it starts in the soft, rounded, green rectangle. */
	color: #BC7F2C;
	padding-bottom: 9px;
}

/* CLASSES FOR IMAGES AND CLEARING FLOATS -------- */
/* --------------------------------------------------------- */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}

.lftflt {
  	float: left; /* Moves the image to the left side of its container and allows text to flow around its right side. */
	margin-right: 8px; /* Adds 8 pixels of space to the right of the image so that it does not touch the text */
}

.rightflt {
  	float: right; /* Moves the image to the right side of its container and allows text to flow around its right side. */
	margin-left: 4px; /* Adds 8 pixels of space to the right of the image so that it does not touch the text */
}


/* TITLE STYLE-------------------------------*/
#title {
	background-color: #DCDAC9;
	font-size: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
}




/* navigation */
.navigation {
	height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-repeat: repeat-x;
	background-image: url(../images/nav_off.jpg);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #996;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999966;
}
.navigation a {
	color: #553;
	float: left;
	line-height: 41px;
	padding-top: 0;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
	background-image: url(../images/nav_off.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999966;
}
.navigation a:hover,.navigation a#active {
	color: #947847;
	background-image: url(../images/nav_on.jpg);
}

.clearer {clear: both;}

/* block list */
ul.block {
	border-top: 1px dashed #BCBAAC;
	width: 90%;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12;
}
.block li {
	border-bottom: 1px dashed #BCBAAC;
	list-style: none;
}
.block li a,.block li em {
	color: #553;
	display: block;
}
.block li em {
	font-size: 0.9em;
	font-style: normal;
}
.block li a {
	padding: 4px 3%;
	text-decoration: none;
	width: 94%;
}
.block li a span {font-weight: bold;}
.block li a:hover {
	background: #D2D0C0;
	color: #553;
}

.right .block,.right .block li {border-color: #DCDACC;}
.right .block li a:hover {background: #F2F0EA;}

/* bottom */
.bottom {
	border-top: 1px solid #AA8;
	color: #444;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	background-color: #DCDAC9;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.bottom .left {
	width: 160px;
	float: left;
}

.bottom .right {
	float: left;
	padding-left: 20px;
	margin-left: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #FFFFFF;
	width: 495px;
	margin-bottom: 10px;
}

#form1 {
	padding-left: 20px;
	padding-right: 20px;
	}
.tbl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 10px;
}
.tbl td {
	line-height: 140%;
	padding-top: 0px;
}

.tblh2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-left: 0px;
	font-weight: bold;
	color: #553;
}




.instruction {
	color: #990000;
}

#demo {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#monoSlideshow {
	padding-left: 20px;
	padding-top: 25px;
}