/* CSS Document */

body {
    background-image: url(../images/background.jpg); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #284253; /** Website BG colour (matches canvas colour in Step 1) **/
	margin-top: 0px;
	margin-bottom: 0px;
}

#container {
    width: 765px;
    margin: 0px auto;
    text-align: center;
}

#container2 {
    width: 761px;
    margin: 0px auto;
    text-align: left;
}

div, p {
	color: #333333;
	background: left;
	font: 12px/18px Arial, Helvetica, sans-serif;
	list-style: inside;
}

#pgborder { 
	margin: 10px 0px 0px 10px;
	float: left;
	width: 530px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

h1 {
	color: #284253;
	margin: 6px 0 15px;
	padding: 6px 0 15px;
	border-bottom: 1px dotted #cccccc;
	font: normal 19px Georgia, "Times New Roman", Times, serif;
}
h2 {color: #284253; font-size: 13px; font-weight: bold; margin: 0px 0 4px; padding: 0 0 4px; border-bottom: 1px dotted #cccccc;}
h5 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #CCCCCC;
	color: #7b3939;
}
h6 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 15px 0;
	color: #7b3939;
}
h3 {color: #284253; font-size: 13px; font-weight: bold; margin: 5px 0; padding: 0 0 0px;}

h4 {font-size: 12px; font-weight: normal; margin: 0; padding: 0; letter-spacing: 0.01em; text-indent: 13px;}


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

.centerimage {
	border: 2px solid #CCCCCC;
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
}
.centerimage2 {
	border: 2px solid #CCCCCC;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}	
	
.rightimage {
	float: right;
	border: 2px solid #CCCCCC;
	margin: 2px 0px 2px 12px;
}	

.rightnav {
	float: right;
	margin: 0px 0px 10px 10px;
	border-left: 1px solid #EAEAEA;
	width: 160px;
	text-indent: 10px;
}

.rightvideo {
	float: right;
	margin: 0px 0px 10px 10px;
	width: 425px;
}

div.clear {clear: both}


/* UPDATED NAV ELEMENTS */



dl, dt, dd, ul, li {
margin: 0px;
padding: 0;
list-style-type: none;
}

#menu {
width: 203px;
}

#menu dt {
	cursor: pointer;
	margin: 0px 0;
	;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
	background: #3B5E75;
	border-bottom: 1px solid #FFFFFF;
}

#menu dd {
	border-bottom: 0px solid #FFFFFF;
}
#menu li {
	text-align: left;
	background: #C2C9CE;
	line-height: 25px;
}
#menu li a, #menu dt a {
color: #333333;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #7F919D;
}

.productListing-even {
	background-color:#CCCCCC;
}

.productListing-odd {
	background-color:#FFFFFF;
}

.productListing-heading {
	background-color:#E2E2E2;
	border-collapse:collapse;
}

#membermenu {
width: 203px;
}

#membermenu dt {
	cursor: pointer;
	margin: 0px 0;
	;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-weight: normal;
	background: #3B5E75;
	border-bottom: 1px solid #FFFFFF;
}

#membermenu dd {
	border-bottom: 0px solid #FFFFFF;
}
#membermenu li {
	text-align: left;
	background: #C2C9CE;
	line-height: 25px;
}
#membermenu li a, #membermenu dt a {
color: #333333;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#membermenu li a:hover, #membermenu dt a:hover {
background: #7F919D;
}

/* END UPDATED NAV ELEMENTS */