BODY
{
	background-color: #0F0238;
	color: #5072B8;
	font-family: Arial;
	font-size: 10pt;
	width:100%;
}

a, a:HOVER, a:VISITED, a:ACTIVE 
{
	font-weight: bold;
	color: #EECA24;
}

H1, H2, H3, H4, H5, H6 
{
	border-top: 1px solid #333399;
	font-family: Arial, Helvetica;
	color: #0099CC;
}

input
{
	border: 1px solid #3d46b8; 
	font-weight: bold; 
	font-size: 8pt; 
	color: #ffcc00; 
	font-family: Arial; 
	background-color: #0f0238;
}

select
{
	border: 1px solid #3d46b8; 
	font-weight: bold; 
	font-size: 8pt; 
	color: #ffcc00; 
	font-family: Arial; 
	background-color: #0f0238;
}

.clear
{
	clear:both;
}

/*
simple button with center matched to background and highlighted border
used for general purposes.
*/
.button-1
{
	background-color: #0F0238; 
	color: #0099CC; 
	font-family: Arial; 
	font-size: 10pt; 
	font-weight: bold; 
	border: 1px solid #333399;
}

/* button with image as background
usage:
<div style='height:#px; width:#px;'>
  <a>
    <img src='someimage'/>
    <div>buttontext</div>
  </a>
</div>
*/
.button-2
{
	position:relative;
}
  .button-2 *
  {
    padding:0px;
    margin:0px;
    border:0;
  }
  .button-2 a
  {
    width:inherit;
    height:inherit;
    color:black;
    text-decoration: none;
  }
	.button-2 a img
	{
    height:inherit;
    width:inherit;
    z-index:-1;
	}
	.button-2 a div
	{
	  height:inherit;
	  display:inline;
	  position:absolute;
    left:0px;
    width:100%;
    text-align:center;
    top:0px;
	}

/*
golden bar, winged top-left, rounded corners, 2 buttons bottom-right 
*/
.border-1
{
	position:relative;
}
	.border-1 .topleft
	{
		position:absolute;
		left:0px;
		top:0px;
		width:34px;
		height:34px;
		background: url('/_images/borders/golden-topleft.png') no-repeat;
	}
	.border-1 .topright
	{
		width:14px;
		height:15px;
	  position:absolute;
	  right:0px;
	  top:0px;
		background: url('/_images/borders/golden-topright-rounded.png') no-repeat;
	}
	.border-1 .bottomleft
	{
		width:14px;
		height:15px;
		position:absolute;
		left:0px;
		bottom:-2px;
		background: url('/_images/borders/golden-bottomleft-rounded.png') no-repeat;
	}
	.border-1 .bottomright
	{
		margin:0;
		position:absolute;
		bottom:0px;
		right:0px;
		width:95px;
		height:37px;
		background: url('/_images/borders/golden-bottomright-2button.png') no-repeat;
	}
		.border-1 .bottomright a
		{
			color:black;
		}
		.border-1 .bottomright .rightbutton-container
		{
			position:absolute;
			top: 12px;
			left: 52px;
			width:40px;
		}
		.border-1 .bottomright .leftbutton-container
		{
			position:absolute;
			top: 12px;
			left: 5px;
			width:40px;
		}
	.border-1 .top
	{
		position:absolute;
		top:0px;
		left:34px;
		right:14px;
		width:auto;
		height:6px;
		background: url('/_images/borders/golden-topbar.png') repeat-x;
	}
		/*ie hack since it doesn't use width:auto + 2 absolute values*/
		* .border-1 .top 
		{
			width: expression(this.offsetParent.clientWidth - 48 + "px");
		}	
	.border-1 .bottom
	{
		position:absolute;
		bottom:-10px;
		left:13px;
		right:95px;
		width:auto;
		height:15px;
		background: url('/_images/borders/golden-topbar.png') repeat-x;
	}
		/*ie hack since it doesn't use width:auto + 2 absolute values*/
		* .border-1 .bottom 
		{
			width: expression(this.offsetParent.clientWidth - 108 + "px");
		}
	.border-1 .left
	{
		position:absolute;
		left:2px;
		top:34px;
		bottom:13px;
		width:6px;
		height:auto;
		background: url('/_images/borders/golden-sidebar.png') repeat-y;
	}
		/*ie hack since it doesn't use height:auto + 2 absolute values*/
		* .border-1 .left
		{
			height: expression(this.offsetParent.clientHeight - 47 + "px");
		}
	.border-1 .right
	{
		position:absolute;
		top:15px;
		bottom:15px;
		right:0px;
		width:6px;
		height:auto;
		background: url('/_images/borders/golden-sidebar.png') repeat-y;
	}
		/*ie hack since it doesn't work with height:auto + 2 absolute values*/
		* .border-1 .right
		{
			height: expression(this.offsetParent.clientHeight - 30 + "px");
		}
	.border-1 .content-container
	{
	 padding-left:8px;
	 padding-top:7px;
	 padding-bottom:15px;
	 padding-right:7px;
	}

/*
use container-body-1 inside container-body-0 for a generic center-aligned div for the page.
*/
.container-body-0
{
	width:100%;
	text-align:center;
}

.container-body-1
{
	width:78%;
	height:100%;
	margin-top:100px;
	margin-left: auto;
	margin-right: auto; 
	text-align:left;
}

.container-footer-1
{
	width:100%;
	height:100px;
	border-top: 1px solid #333399;
	padding-top: 10px;
}

.container-list-1
{
	margin-top:10px;
}
	.container-list-1 a
	{
		display:block;
	}
	
.container-pagebuttons-1
{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
	.container-pagebuttons-1 input
	{
		margin-left:5px;
		margin-right:5px;
	}

/* 
golden color special text.  followed by informational text. 
used for notes/notices and user input leads like:
User Name:
<p>Enter the user name you would like to herp and derp</p>
[input field]
*/
.message-special-1
{
	color: #EECA24;
	font-weight: bold;
	margin-top:20px;
}
	.message-special-1 p
	{
		color: #5072B8;
		text-align: justify;
	}
	
/*
orange colored warning text
*/
.message-warning-1
{
	color: #ff8400;
	font-weight: bold;
	text-align: justify;
}

/*
for section titles/text
*/
.message-title-1
{
	margin-top:40px;
	margin-bottom:20px;
	width: 98%;
	font-size:16px;
	font-weight: bold;
	font-family: Arial, Helvetica;
	color: #0099CC;
}

.message-text-1
{
	text-align: justify;
}