@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Global Browser Reset )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, table, tr,
td, th, tbody, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}

input {
	margin: 0;
	padding: 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Debugger Code ( Universal Setting )

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	position: relative;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

html, body, universal styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	background: #FFF;
	font: 12px/1.3  Verdana, Helvetica, sans-serif;
	color: #222;
	text-align: center;
}



	a:hover {
		text-decoration: underline;
	}

	* {
		outline: none;
	}

em {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

.red {
	color: #CC0000;
}

	.red *, red *:visited {
		color: #CC0000;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Wrappers

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.container {
	width: 762px;
	margin: 0 auto;
	text-align: left;
}

	.wrapper {
		width: 760px;
		margin: 0 0 15px 0;
		border: 1px #0066CC solid;
		float: left;
	}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	width: 760px;
	height: 105px;
	border-bottom: 5px #FFCC4F solid;
	float: left;
	background: #0066CC url(../images/header-bg.png) top left no-repeat;
}

	p.logo {
		width: 246px;
		height: 42px;
		top: 35px;
		left: 25px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../images/logo-main.gif) top left no-repeat;
	}
	
		p.logo a {
			width: 246px;
			height: 42px;
			float: left;
			background: transparent;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Top Nav

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

ul.menu_top {
	width: 760px;
	height: 30px;
	margin: 0 0 20px 0;
	float: left;
	background: #1280D6 url(../images/nav-bg.png) top left repeat-x;
}

	ul.menu_top li {
		height: 30px;
		float: left;
	}
	
		ul.menu_top li a, ul.menu_top li a:visited {
			height: 30px;
			padding: 0 10px;
			float: left;
			line-height: 30px;
			font-size: 13px;
			color: #FFF;
			font-weight: normal;
		}
		
		ul.menu_top li a:hover, ul.menu_top li.on_page a, ul.menu_top li.on_page a:visited {
			color: #000;
			text-decoration: none;
			background: transparent url(../images/nav-bg.png) bottom left repeat-x;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content {
	width: 760px;
	float: left;
	background: transparent url(../images/left-col-bg.png) top left repeat-y;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.left_col {
	width: 160px;
	padding: 37px 10px 10px 9px;
	float: left;
	background:transparent url(../images/left-col-top-cap.png) top left no-repeat;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_col {
	width: 540px;
	padding: 0 20px 15px 0;
	float: right;
}

	.right_col h1 {
		margin: 0 0 15px 0;
		font-size: 18px;
		font-weight: bold;
	}
	
	.right_col h2 {
		margin: 0 0 15px 0;
		font-size: 16px;
		font-weight: bold;
		padding: 0 10px;
	}
	
	.right_col h3 {
		margin: 0 0 10px 0;
		font-size: 14px;
		font-weight: bold;
		padding: 0 15px;
	}
	
	.right_col h4 {
		margin: 0 0 10px 0;
		font-weight: bold;
		padding: 0 15px;
	}
	
	.right_col p {
		margin: 0 0 20px 0;
		padding: 0 15px;
	}
	
	.right_col ul, .right_col ol {
		margin: 0 0 20px 0;
		padding: 0 30px;
	}
	
		.right_col ul li {
			margin: 0 0 5px 0;
			font-size: 13px;
			list-style: inside disc;
		}
		
		.right_col ol li {
			margin: 0 0 5px 0;
			font-size: 13px;
			list-style: inside decimal;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Right Column Table

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

table.table {
	border: 1px #DDD solid;
	table-layout: auto;
	width: 100%;
	
}

	table.table thead {
		background: #1078C0;
	}
	
		table.table thead tr th {
			padding: 7px;
			border-right: 1px #DDD solid;
			color: #FFF;
		}
		

		
			table.table thead th *, table.table thead th *:visited {
				color: #FFF;
				font-weight: bold;
			}
	
	table.table tbody {
		background: #FFDF99;
	}
	
		table.table tbody tr td {
			padding: 10px;
			border-right: 1px #DDD solid;
		}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Disclaimer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.disclaimer {
	width: 720px;
	padding: 15px 20px;
	float: left;
	color: #FFF;
	background: #1078C0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
	width: 722px;
	padding: 0 20px 10px 20px;
	float: left;
	font-size: 11px;
	text-align: center;
}

	.footer ul li {
		display: inline;
		margin: 0 10px 0 0;
	}