/*
 * ArrowQuick defaults
 */

body
{
  margin-top:15px;
  padding: 0;
  font-size: 85%;
  background-color: #003f92;
  text-align: center;
  font-family:Verdana, Arial, Georgia, sans-serif;
}

h1, h2, h3, h4, h5, h6
{
  margin-top: 1em;
  margin-bottom: 0;
}

p
{
  margin-top: 0;
  margin-bottom: 1em;
}

form
{
  margin: 0;
}

img
{
  border: none;
}

table
{
	border-spacing: 0;
}


.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

/*
  Use row styles like this:
  <div class="row">
    <div class="lcol">Or use label here</div>
    <div class="rcol">right column</div>
  </div>
*/
.row
{
  clear: both;
  padding-top: .1em;
}

.row .lcol,
.row label
{
  display: block;
  float: left;
  text-align: right;
}

.row .rcol
{
  display: block;
  text-align: left;
  float: right;
}

.row .rcol label
{
  display: inline;
  float: none;
  text-align: inherit;
}

.smaller
{
  font-size: 90%;
}

/*
 * Styles for JS extensions
 */

a.pdf
{ 
	padding-left: 15px; 
	background-image: url(../images/icon_pdf.gif); 
	background-repeat: no-repeat;
	background-position: left;
}

a.doc
{ 
	padding-left: 15px; 
	background-image: url(../images/icon_word.gif); 
	background-repeat: no-repeat;
	background-position: left;
}

a.website
{ 
	padding-left: 15px; 
	background: url(../images/icon_web.gif); 
	background-repeat: no-repeat;
	background-position: left;
}

a.wmv
{ 
	padding-left: 15px; 
	background: url(../images/icon_wmv.gif); 
	background-repeat: no-repeat;
	background-position: left;
}

a.mov
{ 
	padding-left: 15px; 
	background: url(../images/icon_mov.gif); 
	background-repeat: no-repeat;
	background-position: left;
}

#container {
	width: 780px;
	margin: auto;
	text-align: left;
	background-image: url(../images/containerbg.gif);
	background-repeat: repeat-y;
}

#header {
	width: 780px;
	height: 145px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#header-base {
	width: 775px;
	height: 25px;
	background-color:#336699;
	color:#ffffff;	
	padding-left: 5px;
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}

#header-bottom {
	width: 775px;
	height: 25px;
	background-color:#6699cc;
	color:#ffffff;	
	padding-left: 5px;
	text-align: center;
	font-size: 125%;
}
#left-column {
	float:left;
	width:160px;
	
}

#navigation h1{
	background-color: #336699;
	font-size: 100%;
	color: #ffffff;
	padding:5px;

}
body {
		font-family: arial, helvetica, serif;
	}
	
	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;

		border-bottom: 1px solid #336699;
	}
	
	#nav li { /* all list items */
		position : relative;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 153px;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 159px;
		margin-top : -1.35em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 153px;
		w\idth : 153px;
		display : block;
		color : #336699;
		font-weight : bold;
		text-decoration : none;
		background-color : #b6ec92;
		border : 1px solid #336699;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
	}
	
	#nav li a:hover {
		color : white;
		background-color : #336699;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

#right-column {
	margin-left: 165px;
	width:600px;

}

#footer{
	clear: both;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
	height: 36px;
	color:#ffffff;
	padding-left:5px;
}