/*
This CSS file contains the default formatting
If you are customizing your own design I suggest you start of with this
*/
body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
        font-family:Tahoma,Verdana,Arial,sans-serif; 
	font-size:80%;
}
.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(/graphics/bar.png) repeat-x center left;
margin-bottom: 8px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0px 3px 0px; /*header text is indented 0px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(/graphics/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #ceebce;
}

p.dashed 
{

border-width:1px;

border-style: none none dashed none;
border-color: #a4a4a4;
width: 95%;
padding: 6px;
}


#features ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
#features li
{
background-image: url(/graphics/check.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 20px;
}

#container
{
	margin: 0 auto;
	width: 100%;
	background: #e5e6f6;
}

#header
{	
	padding: 0px;
}


#navigation
{
	float: left;
	width: 100%;
	background:url(/graphics/menu-tb.png);
        margin-top: 20px;
}

#navigation ul
{
	margin: 0;
	padding: 0;
        font-size: 15px;
        font-weight: strong;
        font-size: 100%;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;       
}

#navigation li a:hover { background: #383; }

#content-container1
{
	float: left;
	width: 100%;
        padding: 0px 0px;
}

#content-container2
{
	float: left;
	width: 100%;
	background: #f7f8f3 url(/graphics/tb.png) repeat-x;
	
}

#section-navigation
{
	float: left;
	width: 16%;
	padding: 20px 0;
	margin: 0 1%;
	display: inline;
}

#section-navigation ul
{
	margin: 0;
	padding: 0;
}

#section-navigation ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#content
{
	float: left;
	width: 56%;
	padding: 20px 0;
	margin: 0 0 0 2%;
}

#content h2 { margin: 0; }

#aside
{
	float: right;
	width: 16%;
	padding: 0px 0;
	margin: 0 2% 0 0;
	display: inline;
}

#aside h3 { margin: 0; }

#footer
{
	clear: both;
	background: #fff url(/graphics/ft-bg.png);
	text-align: right;
	padding: 0px;
	height: 126;
}

/* Square Sections (uses class for rounding)*/

.wsft_inline{
		background: #C0C0C0;
}

.wsft_in_top{
		background: #C0C0C0;
}

.wsft_in_bottom{
		background: #C0C0C0;
}

/* Bottom Nav Links */
.wsft_bottom{
		padding-left: 5px;
}

.wsft_bottom a:link {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_bottom a:active {
		color: #FF0000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_bottom a:visited {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_bottom a:hover {
		color: #FF0000;
		text-decoration: underline;
		font-weight: bold;
}

/* Top Nav Links */
.wsft_menu{
		float:right;
		font-size:10;
		padding-bottom:0px;
                padding-bottom:0px;
}

.wsft_menu a:link {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_menu a:active {
		color: #FF0000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_menu a:visited {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_menu a:hover {
		color: #FF0000;
		text-decoration: underline;
		font-weight: bold;
}

/* Tools Table */

.wsft_tools_table {
		border:0px solid #000000;
}

.wsft_tools_table td {
		border:0px solid #000000;
}


.wsft_tools_table a:link {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%
}

.wsft_tools_table a:active {
		color: #FF0000;
		text-decoration: none;
		font-weight: bold;
}

.wsft_tools_table a:visited {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%
}

.wsft_tools_table a:hover {
		color: #000000;
		text-decoration: underline;
		font-weight: bold;
}

/* Standard Tables */

.wsft_grid td a:link {
		color: #86A5D3;
		text-decoration: none;
}

.wsft_grid td a:active {
		//color: #000000;
		text-decoration: underline;

}

.wsft_grid td a:visited {
		color: #86A5D3;
		text-decoration: none;
}

.wsft_grid td a:hover {
		color: #000000;
		text-decoration: underline;
}

.wsft_grid{
		border:1px solid #000000;
		border-top-width: 0px;
		border-spacing:0px; 
		border-collapse:collapse;

}

.wsft_grid td{
		border:1px solid #C0C0C0;
		padding-left:2px;
		padding-right:2px;
		padding-top:5px;
		padding-bottom:5px;
}

.wsft_grid th{
		padding: 5px;
		font-size:12;
		background-image: url('/images/button4.gif');
		height:17px;
		border-left-width:0px;
		border-right-width: 0px;
		white-space: nowrap;
		margin:2px,2px,2px,2px;
}

.side_boxes{
		border:0px solid;
		border-spacing:0px; 
		font-size:12;
		font-family:Tahoma,Verdana,Arial,sans-serif;
}

.side_boxes td{
		border:0px solid;
}

/* Edit Grid */

.wsft_edit_grid{
		border-top-width: 0px;
		border-collapse: collapse
}

.wsft_edit_grid td{
		border:1px solid #C0C0C0;
		font-size:12;
		border-left-style: solid;
		border-left-width: 1px;
		border-right-width: 0px;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-width: 0px;
}

.wsft_edit_grid th{
		font-size:12;
		background-image: url('../images/button4.gif');
}

/* Injected SQL Grid */

.wsft_injected_grid{
	border:1px solid #C0C0C0;
	border-top-width: 0px;
	border-left-width: 0px;
}

.wsft_injected_grid td{
		font-size:12;
		border-left-style: solid;
		border-left-width: 1px;
		border-right-width: 0px;
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-width: 0px;
		padding: 5px;
}

.wsft_injected_grid th{
	padding: 5px;
		font-size:12;
		background-image: url('../images/button4.gif');
}

/* Rounded | Squared inline boxes */

#wsft_inline {
		background-color: #C0C0C0;
}

#wsft_inline_two {
		background-color: #C0C0C0;
}

#wsft_inline_three {
		background-color: #C0C0C0;
}

#wsft_inline_four {
		background-color: #C0C0C0;
}

/* MISC */

a:link {
		color: #000000;
		text-decoration: none;
}

a:active {
		color: #FF0000;
		text-decoration: none;

}

a:visited {
		color: #000000;
		text-decoration: none;
}

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

td{
		border:none;
		font-size:12;
}

th{
		font-size:12;
		background: #C0C0C0;
}

h1{
		margin: 0;
		font-size:230%;
		text-align: center;
}

h2{
		margin: 0;
		font-size:110%;
		text-decoration: underline;
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
}

h3{
		margin: 0;
		font-size:110%;
		text-decoration: underline;
		text-align: center;
		padding-bottom: 5px;
		padding-top: 5px;
}

.ig{
	height: 2px groove;
	color :#CCCCCC;

}

hr{
		color :#C0C0C0;
		background-color : #C0C0C0;
		height: 5px;
}

.buttonsubmit{
		background: url('../images/button3.gif') no-repeat;
		border: solid 0 #FFFFFF;
		height: 24px;
		width: 68px;
}

.buttonsubmitLarge{
		border: solid 0 #FFFFFF;
		background: url('../images/button3longer.gif') no-repeat;
		height: 28px;
		width: 157px;
}

.textinput{
		background: url('../images/blocks.gif') no-repeat; 
		background-position: 1px 5px; 
		padding-left: 10px;
		width:160px;
}
