/*
 * suggested defaults from http://www.w3.org/TR/CSS21/sample.html
 */


/*
 * ArrowQuick defaults
 */

body
{
  margin-top:15px;
  padding: 0;
  font-size: 85%;
  background-color: #f0efdb;
  background-image:url(../images/bg_gradient.jpg);
  background-repeat:repeat-x;
  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: 790px;
	margin: auto;
	text-align: left;
	background-image: url(../images/containerbg.gif);
	background-repeat: repeat-y;
}
#header {
	width: 790px;
	height: 172px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}
#header-base {
	width: 775px;
	height: 25px;
	background-color:#336699;
	color:#ffffff;	
	padding-left: 5px;
}
#header-bottom {
	margin-left:2px;
	width: 775px;
	height: 25px;
	background-color:#6699cc;
	color:#000;	
	padding-left: 5px;
	padding-top:3px;
	font-weight:bold;
	font-size:15px;
}
#navigation h1{
	background-color: #336699;
	font-size: 100%;
	color: #ffffff;
	padding:5px;

}
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		margin-left:2px;
		border-bottom: 2px solid #e5dbb9;
	}
	
	#nav li { /* all list items */
		position : relative;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 158px;
		border-top : 1px solid #e5dbb9;
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 157px;
		margin-top : -1.35em;
		border-bottom: 2px solid #e5dbb9;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 153px;
		w\idth : 153px;
		display : block;
		color : #000000;
		font-weight : bold;
		text-decoration : none;
		background-color : #ffffcc;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
	}
	
	#nav li a:hover {
		color : #362466;
		background-color : #e5dbb9;
	}
	
	#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;
		top:1em;
	}
#left-column {
	float:left;
	width:160px;
}
#navigation h1{
	margin-left:2px;
	background-color: #e5dbb9;
	font-size: 100%;
	color: #000;
	padding:5px;
	}
#navigation a{
		padding-left: 8px;
		display: block;
		color:#336699;
		text-decoration: none;
}
#navigation a:hover{
	color:#6699cc;
}
#right-column {
	margin-left: 165px;
	width:600px;
	text-align: center;
}
#footer{
	clear: both;
	background-image: url(../images/bottom.jpg);
	background-repeat: no-repeat;
	height: 42px;
	color:#ffffff;
	padding-left:5px;
	padding-top:5px;
}