/*
This CSS file contains the default formatting
If you are customizing your own design I suggest you start of with this
*/

/*
body{
		background-color: #E0E0E0;
		font-family:Tahoma,Verdana,Arial,sans-serif; 
		font-size:80%;
}
*/
body {
	background:url(mythology/img/bg.gif);
	background-attachment:fixed;
	}

/* 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:12;
		padding-bottom:5px;
}

.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:1px solid #000000;
}

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


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

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

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

.wsft_tools_table a:hover {
		color: #FF0000;
		text-decoration: none;
		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 */
#container {
	margin: 0 auto;
	padding: 0;
	width:796px;
	display: inline-table;
	}
h1, h2, h3, h4, h5, h6, p{
	margin: 0;
}
.table {
    display: inline-table;
	margin: 0;
	padding: 0;
}

.table_row {
    margin: 0 auto;
	padding: 0;
	display: table-row;
}

.table_row div {
    display:table-cell;
	margin: 0;
	padding: 0;
}  

blockquote {
	text-align:center;
	background-color: #f0efef;
	padding: 20px 0 20px 0;
	border-bottom: 1px #e0e0e0 solid;
	border-top: 1px #e0e0e0 solid;
	font-family: "Times New Roman", Times, serif;
	}



#nav {
	position: relative;
	float:left
	}

#menu3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

#menu3 {
	width: 200px;
	margin: 15px;
	border-style: solid solid none solid;
	border-color: #BCD2E6;
	border-width: 1px;
	font-family:"Myriad Pro";
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
        }

#menu3 li a {
        height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
        }

#menu3 li a:link, #menu3 li a:visited {
        color: #000033;
        display: block;
        background:  url(mythology/img/menu3.gif);
        padding: 8px 0 0 10px;
        }

#menu3 li a:hover, #menu3 li #current { 
        color: #FFFFFF;
        background:  url(mythology/img/menu3.gif) 0 -32px;
        padding: 8px 0 0 35px;
        }
		
#menu33 {
	width: 200px;
	margin: 15px;
        }
		
.clear {
	clear:both;
}
#content {
	width:768px;
	margin: 0 0 0 0px;
	padding: 0;
	background-image: url(mythology/img/bodybg.png);
	background-repeat: repeat-y;
	background-position: center;
	}
	
#text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:20px;
	color:#000033;
	padding: 0 20px 20px 230px;
	}

#text h1 {
	margin:0;
	padding: 5px 0 2px 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	border-bottom: 3px double;
	font-size: 30px;
	}

#text h2 {
	color:#333333;
	margin: 0;
	padding: 10px 0 15px 0;
	}

#text a {
	color:#000000;
	font-weight: bold;
	}
	
#text a:hover {
	color:#0066FF;
	border-bottom: 2px solid #FFCC33;
	}

#header1 {
	background-image:url(mythology/img/header.png);
	width:768px;
	height:379px;
	display:table-cell;
	}

#footer {
	background-image:url(mythology/img/footer.png);
	height:259px;
	width: 796px;
	margin: 0 0 0 1px;
	display:table-cell;
	}

/* -- */

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;
}