﻿*
{
	font-family:Arial;
	font-size:10pt;
}

body 
{
	background-color:#f5f5f5;
	
}

h1
{
	color: #800000;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
		padding-left:20px;
}
#logo
{
	width:742px;
	height:60px;
	vertical-align:middle;
	text-align:left;
	padding-left:40px;
	
}
#credit
{
	font-size:6pt;
	font-family:Verdana;
	color:Gray;
	width:740px;
	text-align:center;
}
#credit a
{
	font-size:6pt;
	font-family:Verdana;
	color:Gray;
	text-decoration:none;
	
}
#footer a 
{
	font-size:8pt;
	font-family:Verdana;
	color:Gray;
	text-decoration:none;
}
#footer a:hover
{
	font-size:8pt;
	font-family:Verdana;
	color:Gray;
	text-decoration:underline;
}
#footer
{
	font-family:Verdana;
	font-size:7pt;
	color:Gray;
}
#credit a:hover
{
	font-size:6pt;
	font-family:Verdana;
	color:Gray;
	text-decoration:underline;
}
p
{
	font-size: 10pt;
	text-align:justify;
	color: #808080;
	padding-left:20px;
	padding-right:20px;
	
}
li
{
	font-size: 10pt;
	text-align: left;
	color: #808080;
	
}
ul
{
	font-size: 10pt;
	text-align: left;
	color: #808080;
	
}
#header
{
	width: 742px;
	height:250px;
	
	background-image: url(top-bg.png);
	background-repeat: no-repeat;
}
#content-wrap
{
	width: 742px;
	height: auto;
	background-image: url(bg.png);
	background-repeat: repeat-y;
}
#content
{
	width:732px;
	height:auto;
	background-color:#ffffff;
}
#bottom
{
	width:742px;
	height:22px;
	font-size:8pt;
	background-image: url(bg-bottom.png);
	background-repeat: no-repeat;
}

INPUT, TEXTAREA
{
	color:#333;
	font-size:12px;
	font-family:Verdana;
	background-color:#e5ebef;
	border: 1px solid #999;
	padding: 2px;
}

  


.invertedshiftdown
{
	padding: 0;
	width: 100%;
	border-top: 5px solid #800000; /*#730040 color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	background: none transparent scroll repeat 0% 0%;
}

.invertedshiftdown ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover
{
	background-color: #800000;/*#730040 color theme*/
	padding-top: 9px; /*Flip default padding-top value with padding-bottom */
	padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
	color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #800000; /*#730040 color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #730040;
background-color: black;
color: white;
}


















.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url(indentbg2.gif) center center repeat-x;
}

.menu
{
	vertical-align: top;
	border-right: #ccccff 1px solid;
	border-top: #ccccff 1px solid;
	border-left: #ccccff 1px solid;
	border-bottom: #ccccff 1px solid;
	background-color: #f8f6f7;
	empty-cells: show;
}
table { empty-cells:show; }

.menu h1
{
	padding-left: 0px;
	font-size: 18px;
	padding-top: 15px;
	color: #800000;
}

.menu h3
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top:5px;
	text-transform: capitalize;
	color: graytext;
	text-decoration: none;
	font-weight:bold;
	
}
.menu p
{
	padding-top:0px;
	margin-top:5px;
	padding-left:0px;
}
td
{
	vertical-align:top;
}