@charset "utf-8";
/* CSS Document */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #000000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;	
}

body h2 {
    color: #FF0000;
    font-size: 12pt;
}

body .disconLink {
    color: #FF0000;
    text-decoration: none;
}

body .missingImageLink {
    color: #0000FF;
    font-weight: bold;
    text-decoration: none;
}

body .normalLink {
    color: #000000;
    text-decoration: none;
}

/*
Makes sure there are no borders around images, especially links

img
{  border-style: none;
}
*/


#container {
	width:1145px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(images/background.gif);
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#header {
	clear:both;
	text-align:left;
	padding-left: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: #000000 solid 5px;
}

#mainNav {
	float:left;
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#mainNav a {
	text-decoration:none;
	display:block;
	color:#000000;
	background-color: #FF0000;
	width: 150px;
	text-align:left;
	border:#000000 thin solid;
	margin-bottom: 2px;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	font-size:18px;
}

#mainNav a:hover {
	background-color:#000000;
	color:#FF0000;
	border:#FF0000 thin solid;
}

#mainNav .activeMenuButton {
	background-color:#000000;
	color:#FF0000;
	border:#FF0000 thin solid;
}

#mainNav .subMenu {
	text-decoration:none;
	display:block;
/*	background-color:#FFFF33;	*/
	background-color:#666666;
	color:#FFFFFF;
	width: 125px;
	text-align:left;
	border:#000000 thin solid;
	margin-bottom: 2px;
	margin-left:25px;
	font-size:12px;
}

#mainNav .subMenuActive {
    text-decoration:none;
    display:block;
/*    background-color:#FFFF33;    */
    background-color:#000000;
    color:#FF0000;
    width: 125px;
    text-align:left;
    border:#FF0000 thin solid;
    margin-bottom: 2px;
    margin-left:25px;
    font-size:12px;
}

#mainNav .adminMenuButton {
	background-color:#FFFF33;
}

#mainContent {
	float: left;
	padding-left:25px;
	padding-top: 25px;
	padding-right:10px;
	padding-bottom: 25px;
	font-size:14px;
	width:900px;
}

#welcomeText {
    float:left;
	width: 600px;
}

#slideShow {
    float:left;
    margin-left: 25px;
	margin-right: 25px;
    margin-top:100px;
}

#social {
    float: none;
    margin-left:0px;
	padding-left:0;
    width:150px;
    padding-top: 15px;
}

#social a {
    border:none;
    background-color: transparent;
}

#social a:hover {
        border:none;
    background-color: transparent;
}
#social a img {
    border:none;
    padding: 0px;
}



#footer {
	clear:both;
	border-top: #000000 solid 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align:center
}

.catMenu {
	float:left;
	margin: 10px;
}

.catMenu a img{
	border:none;
}

.prodCatButton {
	float:left;
	padding: 10px;
	border-style:none;
    text-align: center;

}

.prodCatButton a {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
}
.prodCatButton img {
	border-style:none;
}

.catEntry {
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
}

.formFooter {
	clear:both;
}

/* FOR FAQs */
.question {
    font-weight: bold;
    font-size: 12pt;
    text-align: left;
}

.answer {
    text-align: left;
    list-style: none;
    font-size: 10pt;
    width: 600px;
    padding-bottom: 20px;
}

#holiday {
	width:125px;
	background-color:#FFFF00;
	padding: 15px;
	margin-top:25px;
}