/* The SSHS Master Style Sheet */


/* The body style should not affect any text, as most text is found within the tables - Body can affect the main background color and the scollbars. */
body { 
	background-color: #3366cc;
	background-image: url(backgrounds/paws04.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	
/* Styles for all no class defined text within tables */
td {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/* PAGE HEADER */
td.header {
	background-image: url(backgrounds/paws04.gif);
}


/* NAVIGATION MENU */
td.navmenu {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #3366cc;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-right: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

td.navmenu A {
	color: yellow;
}

td.navmenu A:hover {
	color: red;
}


/* THE LEFT HAND BAR */
td.leftbar {
	background-color: #3366cc;
	padding-right: 1px;
	padding-left: 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
}

td.leftbar A {
	color: yellow;
}

td.leftbar A:hover {
	color: red;
}


/* MAIN CONTENT CLASS */
td.content {
	background-color: #FFFFFF;
	background-image: url(backgrounds/grey1.jpg);
	padding-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

td.content A {
	color: blue;
}

td.content A:hover {
	color: red;
}

/* MAIN CONTENT CLASS */
td.subcontent {
	background-color: #FFFFFF;
	background-image: url(backgrounds/grey1.jpg);
	padding-top: 5px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-bottom: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 5px;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-right: 5px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

td.subcontent A {
	color: blue;
}

td.subcontent A:hover {
	color: red;
}

/* PAGE FOOTER CLASS */
td.footer {
	background-color: #3366cc;
	padding-top: 2px;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

td.footer A {
	color: yellow;
}

td.footer A:hover {
	color: red;
}

td.footer .author {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

td.footer .author A {
	color: white;
}

td.footer .author A:hover {
	color: #9999ff;
}


#dropmenudiv{  /* STYLES FOR THE DROP DOWN MENU TEXT*/
position:absolute;
border: 1px solid black;
border-bottom-width: 0;
font: normal 12px verdana;
line-height: 18px;
z-index: 100;
color: yellow;
}

#dropmenudiv a { /* STYLES FOR THE DROP DOWN MENU LINKS AND BOX*/
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
color: #FFFFFF;
text-decoration: none;
}

#dropmenudiv a:hover { /* STYLES FOR THE DROP DOWN MENU WHILE MOUSE OVER A.K.A. HOVER*/
background-color: #99ccff;
color: red;
}
