/* ## Layout
#################### */

	body{
		margin: 0px;
		background: #FFFFFF url(../images/page-bg.gif) repeat-y top center;
	}
	#tableLayout {
		width: 851px;
		border: 4px solid #1F538F;
	}

/* ## top
#################### */

	#top {
		height: 25px;
		background: url(../images/button-1.gif) repeat-x top left;
	}

/* ## Header
#################### */

	#header {
		height: 60px;
		background: #1F538F  url(../images/header-3.gif) repeat-x top left;
	}

	#header h1 {
		font-family: Georgia, Times New Roman, Times, serif;
		font-size: 36px;
		font-style: italic;
		text-decoration: underline;
		color: #EDF7FC;

		float: left;

		padding-left: 20px;
		padding-top: 5px;
	}


/* ## Links top bar
#################### */

	#tableNavBar {
		width: 100%;
		background: #F4F4F4 url(../images/button-bkgd.gif) repeat-x top;
		background: #0000FF url(../images/button-1.gif);
	}

	#tableNavBar .start {
		width: 60px;
	}

	#tableNavBar .link {
		width: 120px;
	}

	#tableNavBar .link a {
		display: block;
		width: 100%;

		padding-top: 5px;
		padding-bottom: 3px;

		border-left: 1px solid #0000FF;
		border-right: 1px solid #0000FF;

		background: #0000FF url(../images/button-1.gif);

		font-family: Arial;
		font-size: 14px;
		text-decoration: none;
		color: #ffffff;

		text-align: center;

	}

	#tableNavBar .link a:hover, #tableNavBar .link a:hover {

		border-left: 1px solid #0000CC;
		border-right: 1px solid #0000CC;
		background: url(../images/button-3.gif);
		color: #FFFFFF;
	}

	#tableNavBar .spacer {
		width: 5px;
	}

	#tableNavBar .base {
		
		height: 5px;
		background: #003366; 
	}

/* ## Top Image
#################### */

	.topImage {
		height: 100px;
		background: url(../images/topimage-bkgd.gif) repeat-x top left;
	}
	
	.base2 {
		
		height: 5px;
		background: #003366; 
	}
	

/* ## Links side
#################### */

	#tableContent #content .left {
		width: 140px;
		background: url(../images/left-column.gif) repeat-y top left;
	}

	#tableContent #content .left div {

	}

	#tableContent #content .left div a {

		display: block;
		width: 100%;

		padding-left: 3px;

		border-bottom: 3px solid #FFFFFF;

		font-family: Arial;
		font-size: 14px;
		text-decoration: none;
		color: #003366;
	}


	#tableContent #content .left div a:hover {

		border-bottom: 3px solid #1F538F;
		background: url(../images/linkleft-hover.gif) repeat-y;
	}


/* ## Content Middle
#################### */

	#tableContent {
		width: 851px;
	}

	#tableContent #content .middle {
		background: #FFFFFF;
		width: 585px;
	}

	#tableContent #content .middle, #tableContent #content .middle p {
		font-family: Arial;
		font-size: 14px;
		color: #000000;
		padding-right: 10px;
	}

	#tableContent #content .middle .box {
		font-family: Arial;
		font-size: 14px;
		color: #000000;
		margin: 0px 20px 0px 10px;
		
		padding: 10px;

		border: 4px solid #E2EEFC;
		border-right: 4px solid #ADD1FB;
		border-bottom: 4px solid #ADD1FB;
		background: #CAE1FB;
	
	}

/* ## Content Right
#################### */

	#tableContent #content .right {
		width: 125px;
		
		background: url(../images/right-column-2.gif) repeat-y top left;

		font-family: Arial;
		font-size: 14px;
		color: #000000;

		text-align: center;
	}


	#tableContent #content .right a {
		color: #000000;
	}


	#tableContent #content .right strong {
		color: #00AA18;
	}


	#tableContent #content .right img {
	}


/* ## Bottom
#################### */

	#btmlinks {
		font-family: Arial;
		font-size: 12px;
		text-align: center;
	}
	
	#legal {
		background: #CAE1FB;
		font-family: Arial;
		font-size: 12px;
		text-align: left;
		color: #003366;
	}
	
	#footer  {
		font-family: Arial;
		font-size: 12px;
		text-align: right;
		text-decoration: none;
	}
	#footer a {
		color: #005588;
		text-decoration: none;
	}
	#footer a:hover {
		color: #003366;
		}