/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Top Level Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

a {color: #013333;}
a:visited {color: purple;}
a:hover {color: #0aaeae;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
	padding: 0px;
	margin: 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	font: 0.75em/1.7em arial, verdana, sans-serif;
	color: #000000;
	background: white url(images/framework/background_body.gif) repeat-x left top;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
	vertical-align: top;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

img {
	border: none;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 1.7em;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	color: #013333;
	}

h2 {
	font-size: 1.2em;
	color: #0aaeae;
	margin: 0px 0px 6px 0px;
	border-bottom: 1px solid #cbcbcb;
	}

h3 {

	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

ul {
	list-style-type: none;
	}

	ul.listColumn {
		float: left;
		width: 50%;
		}
			
	ul li {
		background: transparent url(images/framework/bullet.gif) no-repeat left 3px;
		padding: 0px 0px 8px 17px;
		line-height: 1.3em;
		}

ol {
	padding: 0px 0px 0px 20px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Individual Styles
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.hidden	{
	display: none;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.clear {
	clear: both;
	height: 1px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.breakRule {
	clear: both;
	height: 16px;
	background: transparent url(images/framework/breakrule.gif) no-repeat center top;
	margin: 20px 0px 20px 0px;
	}
	
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.AlertError {
    display: block;
    color: red;
	border: 3px double red;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

.AlertOK {
    display: block;
    color: green;
	border: 3px double green;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.aquaText {
	color: #0aaeae;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.featuredContent {
	border: 1px dashed #013333;
	background-color: #d8eeee;
	padding: 10px;
	font-size: 1.3em;
	color: #216b6b;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
.formattedTable {
	width: 100%;
	}
	
	.formattedTable th, .formattedTable td {padding: 5px; text-align: left;}
	
	.formattedTable th {
		background-color: #013333;
		font: bold 13px arial, verdana, sans-serif;
		color: #d8eeee;
		vertical-align: middle;
		}
		
	.formattedTable .colorRow {
		background-color: #d8eeee;
		}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Website Framework
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainHolder {
	width: 760px;
	margin: 0px auto 0px auto;
	}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topArea {
	height: 224px;
	background: #538f8f url(images/framework/background_toparea.gif) repeat-x left top;
	margin: 5px 0px 1px 0px;
	}
	
	#topArea #logo {
		margin: 10px 0px 28px 13px;
		}
	
	#topArea #photo {
		float: right;
		width: 378px;
		height: 224px;
		}
	
	#topArea #randomQuote {
		width: 340px;
		margin: 0px 0px 0px 20px;
		font-size: 1.3em;
		color: #d9f0f0;
		}
		
		#topArea #randomQuote strong {
			display: block;
			color: #013333;
			margin-top: 10px;
			}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#menuArea {
	float: left;
	width: 170px;
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 100px 0px;
	background: transparent url(images/framework/background_menuarea.gif) repeat-y left top;
	}
	
	#menuArea a.topNav {color: #013333; display: block; margin: 0px 0px 0px 14px; padding: 0px 0px 0px 10px; line-height: 22px; border-bottom: 1px solid #013333; text-decoration: none;}
	#menuArea a.topNav:visited {color: #013333;}
	#menuArea a.topNav:hover {color: #0aaeae;}

	#menuArea a.subNav {color: #013333; display: block; background-color: #d8eeee; margin: 0px 0px 0px 14px; padding: 0px 0px 0px 20px; line-height: 22px; border-bottom: 1px solid #013333; text-decoration: none;}
	#menuArea a.subNav:visited {color: #013333;}
	#menuArea a.subNav:hover {color: #0aaeae;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#contentArea {
	float: left;
	width: 570px;
	padding: 20px 0px 0px 0px;
	background: transparent url(images/framework/background_contentarea.gif) repeat-x left top;
	}
	
	#contentArea .oneColumn {
		float: left;
		width: 245px;
		padding: 0px 20px 20px 20px;
		}
	
	#contentArea .twoColumn {
		float: left;
		width: 530px;
		padding: 0px 20px 20px 20px;
		}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	
#footerArea {
	background: #013333 url(images/framework/background_footerarea.gif) no-repeat 680px 10px;
	padding: 15px 20px 15px 20px;
	font-size: 0.9em;
	line-height: 1.3em;
	color: white;
	}
	
	#footerArea a {color: white; text-decoration: none;}
	#footerArea a:visited {color: white;}
	#footerArea a:hover {color: #0aaeae; text-decoration: underline;}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#copyrightArea {
	font-size: 0.9em;
	color: #848484;
	}
	
	#copyrightArea .toltechLink {
		float: right;
		}
	
	#copyrightArea a {color: #848484; text-decoration: none;}
	#copyrightArea a:visited {color: #848484;}
	#copyrightArea a:hover {color: #013333; text-decoration: underline;}