/* THIS SETS UP THE BODY, PARA AND HEADING STYLES */

html, body
{
padding: 0; 
border: 0;
margin: 0; 
}
/* must set all of these to 0 or items will be positioned incorrectly */

body 
{
font-size: small;
font-family: verdana, arial, sans-serif;
}

p
{
margin-top: 0;
margin-bottom: 1em;
}
/* allows h3 to have no space between it and the following text */

p.space
{ 
margin-top: 3em;
margin-bottom: 1em;
}

p.smallspace
{ 
margin-top: 2em;
margin-bottom: 1em;
}

p.nospace
{ 
margin-top: 0;
margin-bottom: 0;
}

p.quote
{ 
text-align: right;
font-weight: bold;
}

h1 
{ 
color: black;
font-size: 100%;
background-color: #FFCC66;
border: 2px solid #FFCC66;
padding: 0.4em;
margin-top: 2em;
margin-bottom: 2em;
}

h2
{ 
color: #333333;
font-size: 100%;
background-color: #FFFFCC;
border: 2px solid #FFCC66;
padding: 0.4em;
margin-top: 2em;
margin-bottom: 1em;
}

h2.nospace
{ 
background-color: #FFCC66;
border: 1px solid #808080;
margin-top: 0em;
}

h2.filled
{ 
color: white;
font-size: 100%;
background-color: #808080;
border: 1px solid #333333;
padding: 0.4em; 
margin-top: 0em;
}

h4
{
font-size: 100%;
margin-top: 0.5em;
margin-bottom: 1em;
}

table
{
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid silver;
}

td
{
padding: 0.4em;
border: 1px solid silver;
}

table.noborder
{
border: 0;
}

table.noborder td
{
border: 0;
padding: 0.4em 0.8em 0.4em 0; /* top right bottom left */
}

td.noborder
{
border: 0;
padding: 0.4em 0.8em 0.4em 0; /* top right bottom left */
}

table.header
{
border: 0;
padding: 0;
margin: 0;
}

td.header
{
border: 0;
padding: 0;
margin: 0;
}

header td
{
border: 0;
padding: 0;
margin: 0;
}

/* CART STYLES */

th.chead
{
padding: 0.4em;
border: 1px solid silver;
}

td.cmoney
{ 
text-align: right;
vertical-align: top;
}

.of_left
{
float: left;
width: 45%;
}

.of_right
{
float: right;
width: 45%;
}

table.of
{
border: 0;
}

table.of td
{
border: 0;
padding: 0.4em 0.8em 0.4em 0; /* top right bottom left */
vertical-align: top;
}

select
{
width: 206px;
}

select.short
{
width: 120px;
}

/* THIS SETS UP THE HEADER */

#header
{
width: 1002px;
height: 83px;
background-image: url(images/header_image.gif);
background-repeat: no-repeat;
margin: auto;
}

#header_assoc
{
width: 1002px;
height: 83px;
background-image: url(images/header_image_assoc.gif);
background-repeat: no-repeat;
margin: auto;
}

/* THIS SETS UP THE THREE COLUMNS */

#outer_wrap
{
width: 1002px;
margin: auto;
background-image: url(images/left_background.gif);
background-repeat: repeat-y;
}

#left
{
position: absolute;
float: left;
width: 217px;
}

#column_wrap 
{
position: relative;
float: right;
width: 785px;
}

#centre
{
float: left;
width: 515px;
padding-top: 22px;
}

#right
{
float: right;
width: 200px;
padding: 22px 18px 0px 52px; /* top right bottom left */
overflow-x: hidden;
}

/* THIS SETS UP THE IMAGE ABOVE THE NAVIGATION AREA */

#nav_above
{
width: 185px;
height: 83px;
background-image: url(images/nav_above.gif);
background-repeat: no-repeat;
}

/* THIS SETS UP THE NAVIGATION */

#nav ul, li
{
padding: 0; 
border: 0;
margin: 0; 
}
/* must set all of these to 0 or menu items will be positioned incorrectly */

#nav ul
{
width: 150px;
color: white;
font-weight: bold;
font-size: 11px;
background-color: gray; 
border-top: 1px solid silver;
margin-left: 7px;
}
/* this code is for all the uls in the menu and also sets the top border */


#nav li 
{
position: relative;
list-style: none; 
border-left: 1px solid silver;
border-right: 1px solid silver;
border-bottom: 1px solid silver;
padding: 4px;
}
/* this code is for all the lis in the menu. It removes the default list bullets and sets the borders of the lis */

#nav ul li:hover
{
background-color: #666666;
}
/* when mouse is hovering over an option its background goes darker grey */

#nav li.current:hover
{
background-color: black;
}
/* when mouse is hovering over current page background remains black */

#nav li.current
{
background-color: black;
color: white;
}
/* gives the current page's li a black background with white text */

#nav a:link, #nav a:visited, #nav li.current li a:link, #nav li.current li a:visited
{
color: white;
text-decoration: none;
}
/* removes default styling from all non-current menu links and makes them white */

#nav li.current li.current a:link, #nav li.current li.current a:visited, #nav li.current a:link, #nav li.current a:visited
{
color: white;
}
/* makes current menu link(s) white */

/* THIS SETS UP CONTENT BOXES */

.border_box
{
padding: 1em 1em 0em 1em; /* top right bottom left */
border: 1px solid gray;
margin-bottom: 10px;
}

.border_box_space
{
padding: 1em 1em 0em 1em; /* top right bottom left */
border: 1px solid gray;
margin-top: 2em;
margin-bottom: 1em;
}

.filled_box
{
background-color: #d3d3d3;
padding: 1em 1em 0em 1em; /* top right bottom left */
border: 1px solid gray;
margin-bottom: 10px;
}

.image_right
{
float: right;
text-align: center;
font-style: italic;
padding: 0em 0em 0em 1em; /* top right bottom left */
}

.image_left
{
float: left;
text-align: center;
font-style: italic;
padding: 0em 1em 0em 0em; /* top right bottom left */
}

.full_panel
{
border: 1px solid silver;
padding: 1% 1% 1% 1%; /* top right bottom left */
margin-bottom: 1em;
}

.left_panel
{
float: left;
width: 45%;
text-align: center;
}

.right_panel
{
float: right;
width: 45%;
text-align: center;
}

.clear
{
clear: both;
}

/* THIS SETS UP THE FOOTER */

#footer
{
clear: both;
width: 1002px;
background-image: url(images/left_background.gif);
background-repeat: repeat-y;
margin: auto;
}
/* Clear both forces footer onto a new line, below any floated items. */

#footer_text p
{
font-size: 10px;
margin-bottom: 0.5em;
}

#footer_text p.space
{
margin-top: 3em;
}