/* CSS Document */

/*BACKGROUND CSS*/

html {
  height: 100%;
}


body 
{
    height: 100%;
	width: 100%; 
	background-color: #666666; 
	margin: 10px 10px 10px 10px; 
	background-repeat: repeat;
	font-family: Verdana, sans-serif;
	font-size: 12px; 
}

/*HYPERLINK CSS*/
a:link {color: #333333; text-decoration:none; font-size: 13px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
a:visited {color: #333333; text-decoration:none}
a:hover {color: #b10c0c; text-decoration:none; background-color:#d7caca }
a:active {color: #0033CC; text-decoration:none;}

/*CSS FOR TEXT*/

/*Hyperlink CSS*/

h1{color: #6a0000; font-weight: bold; font-size: 18px; font-family: Verdana, sans-serif}
h2{color: #333333; font-weight: bold; font-size: 16px; font-family: Verdana, sans-serif} 
h3{color: #6a0000; font-weight: bold; font-size: 15px; font-family: Verdana, sans-serif} 
h4{color: #a10505; font-weight: bold; font-size: 15px; font-family: Verdana, sans-serif}
h5{color: #333333; font-weight: bold; font-size: 13px; font-family: Verdana, sans-serif}  
h6{color: #333333; font-weight: normal; font-size: 13px; font-family: Verdana, sans-serif} 

/*Text CSS*/

p.one{color: #0066CC; font-family: sans-serif}
p.two{color: #666666; font-family: sans-serif; font-size: medium;} 
p.three{color: #333333;	font-family: sans-serif; font-size: xx-small;}
p.four{color: #333366; font-family: sans-serif; font-size: 90%} 
p.five{color: #333333; font-family: sans-serif; font-size: 90%} 
p.six{color: #333333; font-family: sans-serif; font-size: x-small; font-style: normal; font-weight: normal;}
p.seven{color: #333333; font-family: sans-serif; font-weight: bold; font-style: normal; font-size: xx-small}
p.eight{color: #333333;	font-family: sans-serif; font-weight: bold;	font-style: italic;	font-size: 85%;	background-color: #FFFFFF;}
.copy {font-family: Arial, Helvetica, sans-serif; font-size: xx-small; font-style: normal; color: #FFFFFF;}
.directoryname {font-family: Arial, Helvetica, sans-serif;	font-size: 14px; font-style: normal;	font-weight: bold; color: #333333; font-variant: normal; text-transform: none;}
.directoryaddress {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: italic; line-height: normal;	font-weight: normal; font-variant: normal; text-transform: none; color: #333333;}
.directorytitle {font-family: Arial, Helvetica, sans-serif;	font-size: 10px; font-weight: bold;	font-variant: normal; color: #333333;}
.list {font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-style: normal; color: #333333; list-style-image: url(images/arrow.jpg); list-style-type: square;}
.nine {font-family: Arial, Helvetica, sans-serif; font-size: medium; color: #0066cc;	font-weight: bold;}

/*Image CSS*/

img.floatLeft {float: left;	margin: 20px; }
img.floatRight {float: right; margin: 10px; }



/*Menu Code*/
/*This section only handles the colors, line sizes, etc. To Edit the menu, edit the page "menubar.html"*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown2
{
	padding: 0px; 
	margin-top: 0px;
	margin-left: 50px;  
	width: 98%; 
	border-top: 10px solid #8c0000; 
	background: transparent; 
}

.invertedshiftdown2 ul
{
	margin:0; 
	margin-left: 5px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.invertedshiftdown2 li
{
	display: inline; 
	margin: 0 2px 0 0; 
	padding: 0;
}

.invertedshiftdown2 a
{
	float: left;
	display: block;
	font: bold 12px Arial;
	color: black;
	text-decoration: none;
	margin: 0 3px 0 0; /*Margin between each menu item*/
	padding: 5px 10px 5px 10px; /*Padding within each menu item*/
	background-color: #999999; /*Default menu color*/
	border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover
{
	background-color: #9c0000; /*Highlight red color theme*/
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #9c0000; /*Highlight red color theme*/
	color: white;
}

.invertedshiftdown2 .current a
{ /** currently selected menu item **/
	background-color: #0066cc; /*Highlight red color theme*/
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #0066cc; /*Highlight red color theme*/
	color: white;
}

a2:active 
{
	background-color: #0066cc;
	padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
	padding-bottom: 0; /*Set padding-bottom value to 0 */
	border-bottom-color: #0066cc; /*Highlight red color theme*/
	color: white;

}
a2:link {

	color: #000000;
	text-decoration:none;
	font-weight: bold;
}

a2:visited {color: black; text-decoration: none; font-weight: bold;}
/*BUTTON CSS*/
a.boldbuttons{
background: transparent url('images/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('images/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/*Form Submission Button*/ 

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}
