/* ==================================================================================== */
/* common & body properties */
/* ==================================================================================== */

* { font-family: arial, helvetica, verdana; margin:0; padding:0; }
body { text-align: center; background: #9a9; }

ul { margin-bottom: 15px; }
ul, li { margin-left: 15px; }

p { margin-bottom: 15px; }

/* page title */
h2 { border-bottom: 2px solid #9a9; margin-bottom: 15px; padding: 0 0 2px 0; font-size: 18pt; }

/* section titles */
h3 { 
  background-image: url(images/template/hr_small.gif);
  background-repeat: no-repeat;
  background-position: bottom left;
	margin-bottom: 5px;
	padding: 0 0 2px 0; }

img { border: 1px solid #676; }
p.caption { font-size: 8pt; text-align: right; width: 100px; }


/* ==================================================================================== */
/* header/cell properties to imitate rounded box */
/* ==================================================================================== */

div.header_outer { background: #565; }
div.header_top { background: url(images/template/header_topright.gif) no-repeat top right; }
div.header_top div { background: url(images/template/header_topleft.gif) no-repeat top left; }
div.header_bottom { background: url(images/template/header_bottomright.gif) no-repeat bottom right; }
div.header_bottom div { background: url(images/template/header_bottomleft.gif) no-repeat bottom left; }
div.header_top div, div.header_top, div.header_bottom div, div.header_bottom { width: 100%; height: 9px; font-size: 1px; }
div.header_inner { margin: 0 9px 0 9px; }

div.cell_outer { background: #e1e8e1; }
div.cell_top { background: url(images/template/cell_topright.gif) no-repeat top right; }
div.cell_top div { background: url(images/template/cell_topleft.gif) no-repeat top left; }
div.cell_bottom { background: url(images/template/cell_bottomright.gif) no-repeat bottom right; }
div.cell_bottom div { background: url(images/template/cell_bottomleft.gif) no-repeat bottom left; }
div.cell_top div, div.cell_top, div.cell_bottom div, div.cell_bottom { width: 100%; height: 7px; font-size: 1px; }
div.cell_inner { margin: 0 7px 0 7px; }

/* ==================================================================================== */
/* define header/nav/body outer properties  */
/* ==================================================================================== */

div.header_outer { width: 770px; margin: 4px auto 7px auto; }
div.subheader_container { width: 770px; margin: 0 auto 20px auto; }
div.nav_outer { width: 170px; float: left; }
div.body_outer { width: 593px; float: left; margin-left: 7px; margin-bottom: 20px; }

/* ==================================================================================== */
/* header properties */
/* ==================================================================================== */

div.header_inner img { float: left; margin: 0 4px 0 4px; }

/* ==================================================================================== */
/* top nav properties */
/* ==================================================================================== */

#topnav {
	width: 770px; margin: 4px auto 0 auto; 
	font-size: 8pt;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

#topnav a {
	text-decoration: none;
	color: #fff;
	padding: 0 3px 0 3px;
}

#topnav a:hover {
	text-decoration: underline;
}

/* ==================================================================================== */
/* nav properties */
/* ==================================================================================== */

#menu ul { 
	margin: 0; 
	padding: 0; 
	list-style: none;
	width: 155px; /* Width of Menu Items */ 
	border-bottom: 1px solid #ccc;
} 

#menu ul li { 
	position: relative; 
} 

#menu li ul { 
	position: absolute; 
	left: 154px; /*Set 1px less than menu width */ 
	top: 0; 
	display: block; 
} 

#menu li:hover ul {
	display: block; 
} 

#menu li:hover>ul { 
	visibility:visible; 
} 

#menu ul ul {
	visibility:hidden; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html #menu ul li { float: left; height: 1%; } 
* html #menu ul li a { height: 1%; } 
/* End */ 

/* Make-up syles */ 

#menu ul, li { 
	margin: 0 0 0 0; 
} 

/* Styles for Menu Items */ 
#menu ul a { 
	display: block; 
	text-decoration: none; 
	color: #000; 
	background: #e1e8e1; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
	font-size:8pt;
	font-weight: bold;
	text-align: left;
	z-index: 2;
} 

/* Hover Styles */ 
#menu ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Sub Menu Styles */ 
#menu li ul a { 
	text-decoration: none; 
	color: #000; 
	background: #e1e8e1; /* IE6 Bug */ 
	padding: 5px; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
	z-index: 2;
} 

/* Sub Menu Hover Styles */ 
#menu li ul a:hover { 
	color: #E2144A; 
	background: #f9f9f9; 
} 

/* Icon Styles */ 
#menu ul a.submenu {background:	#e1e8e1 url("images/r_arrow.gif") no-repeat right; } 
#menu ul a.submenu:hover {background:#e8efe8 url("images/r_arrow.gif") no-repeat right;}

/* ==================================================================================== */
/* body properties */
/* ==================================================================================== */

div.body_inner { font-size: 11pt; text-align: left; padding: 5px; }

/* images in body area that we want aligned right */
img.right { float: right; margin-left: 25px; }

/* ==================================================================================== */
/* index page */
/* ==================================================================================== */

h2.index { font-size: 20pt; text-align: center; margin: 0 auto 10px auto; border: 0; background: 0; }

p.index_summary { width: 450px; font-size: 11pt; text-align: center; font-weight: bold; margin: 0 auto 15px auto; }

/* ==================================================================================== */
/* rates page */
/* ==================================================================================== */

table.rates { border-collapse: collapse; width: 85%; margin-bottom: 15px; }
table.rates th, table.rates td { padding: 4px 5px 4px 5px; border: 1px solid #787; font-size: 9pt; font-weight: bold; }
table.rates th { background: #bcb; }
table.rates td {  }

/* ==================================================================================== */
/* form  */
/* ==================================================================================== */

table.form { border-collapse: collapse; width: 500px; margin: 0 auto 15px auto; }
table.form th, table.form td { padding: 5px; border: 1px solid #9a9; background: #cdc; }
table.form th { text-align: left; width: 150px; font-size: 11pt; }
table.form td {  }
table.form td input, table.form td select { padding: 1px; font-size: 11pt; }
table.form td.title { text-align: center; color: #500; font-size: 16pt; font-weight: bold; }

table.form td input[type="submit"] { font-weight: bold; }

table.form th.subform div { margin-bottom: 5px; }
table.subform { border-collapse: collapse; width: 100%; }
table.subform td.title { background: #aba; color: #500; text-align: left; font-size: 12pt; }
table.subform th, table.subform td { background: #aba; border: 1px solid #cdc; padding: 4px 4px 4px 4px; }
table.subform th { font-size: 8pt; }
table.subform td { font-size: 8pt; }
table.subform td input, table.subform td select { width: 75px; font-size: 9pt; }

td.subform h2 { background: transparent; font-size: 12pt; text-align: left; margin: 0; }