/************* GENERAL CSS ************/

body {
	margin: 0px;
	padding: 5px 0px;
	background: #666666 url(images/background.gif);
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h5, h6 {
	font-family:"Times New Roman", Times, serif; font-style:italic; color: #09c;
}
h1 {font-size:1.5em; font-weight:bold; }
h2 { }
h3 {font-weight:bold; color:#FFF; font-size:1.25em; font-style:italic; }
h4 {font-size:1em; font-weight:bold; text-align:right; font-style:italic; border-bottom:solid #003 1px; }
h5 { }
h6 { }

a {
	font-weight: bold;	
	text-decoration: none;
	color:#09C;
}

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

/************* HEADER STUFF ************/

#header {
	width: 770px;
	height: 150px;
	margin: 0px auto;
	padding: 0px 0px;
	background: url(images/head_bg_top.gif) no-repeat left;
	color: #333333;
	border-bottom:#003 solid 1px; 
}

#header h1 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #3399FF;
	font-size: 1.25em;
	text-transform: uppercase;
}

#header h2 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	text-align: left;
	font-size: 1.5em;
	text-transform: uppercase;
}


/************* MENU ************/

#home 
{
  display: block;
  width: 201px;
  height: 150px;
  background: url(images/logo_swap.gif) no-repeat;
  float:left; 
}

#home:hover
{ 
  background-position: 0 -150px;
}

#home span
{
  display: none;
}
/* menu is navigation */
#menu {
	width: 700px;
	margin: 0px auto;
	padding: 0px;
	text-align: justify;
}

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

#menu li {
	float:left; position:relative; padding: 0 15px 0;
}
#menu li ul {
  display: none;
  position: absolute; 
  top: 1px;
  left: 0;
  }
#menu li > ul {
	top: auto;
	left: auto;
	}
#menu li:hover ul, li.over ul{ padding: 2px 0; display: block; background-color: #0099cc; border-color:#003; border-style: double; border-width: 0 0px 2px 1px; }

#menu a {
	font-size: 1em;
	color:#ccc;
}

#menu a:hover { 
color:#fff; 
text-decoration:none; 
background-color:#0099cc; 
display: block; 
}
#menu a:visited {color:#FFF; }



/************* CONTENT ************/

#content {
	width: 770px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: normal;
}

#content p, #content ul, #content ol {
	line-height: 150%;
}

#left {
	float: left;
	width: 500px;
	padding: 0px 20px 40px 20px;
	background-color:#F1F1F1;
}
#left p { font-size:1em; }
#right {
	float: right;
	width: 189px;
	padding: 0px 20px 40px 20px;
	font-size:11px;
	color:#CCC;
	border-right:#003 solid 1px; 
}
#right p {text-align:right; color:#fff; font-weight:bold; }
#right a {color:#CCC; }
#right a img { border:#000 solid 1px; }
#right h2 {color:#FFF; }
/************* FOOTER ************/

#footer {
	clear: both;
	width: 770px;
	height:50px;
	margin: 0px auto;
	background:url(images/footer.gif); background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif; font-size: 1em; font-style:italic; font-weight:bold;
	text-align: center;
	padding: 0px;
	color: #333333;
	border-top-color:#003; border-top-style:solid; border-top-width:1px; }
#footer a {color:#666; text-decoration:underline; }