@CHARSET "UTF-8";

/* HomeLink International Stylesheet 
	* Cross browser stuff
	* Text formatting
	* Form formatting
	* The layout
	* List formatting
	* Round buttons
*/

/* Cross browser setup */
* {
	margin:0;
	padding:0;
	}

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/* TEXT FORMATTING */
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	}	
	
p {
	margin-bottom:0.7em;
	text-align:justify;
	}

a {
	color:#0000ff;
	}	
	
a:hover {
	color:#00838a;
	}
	
a:visited {
	font-weight:normal;
	color:#00838a;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	color:#000000;
	margin-bottom:1em;
	}	

h1 {	
	font-size:1.8em;
	}
	
h2 {	
	font-size:1.6em;
	}	

h3 {	
	font-size:1.3em;
	}

h4 {
	font-size:1.2em;	
	}

h5 {
	font-size:1.1em;	
	}

h6 {
	font-size:1em;
	}

.errorMessage {
	font-weight:normal;
	font-size:1em;
	color:#ff0000;
	margin:0px;
	}

.fontMessage {
	font-weight:normal;
	font-size:0.8em;
	color:#ff0000;
	margin:0px;
	margin-bottom:0px;
	text-align:right;
	}

.highlight {
	font-weight:normal;
	font-size:1.2em;
	color:#00838b;
	}

blockquote {
	display: block;
	text-align:justify;
	padding: 10px 30px 15px 30px;
	margin-left:30px;
	}

blockquote:before {
	color: #947DB4;
	display: block;
	font-size: 70px;
	width: 20px;
	}

blockquote:before {
	content: url("../images/website/teal/open_quote.png");
	height: 0;
	margin-left: -35px;
	margin-top: -10px;
	}

table { 
	border-collapse:collapse;
	width:100%;
	}
	
td {
	text-align:left;
	vertical-align: top;
	}	

th {
	text-align:left;
	}
		
	




/* FORM FORMATTING */

form {
	padding:0px;
	margin:0px;
	}
	
fieldset {
	width:100%;
	border:0;
	}

input {
	font-size:1em;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	}	

.formHeading {
	font-weight:bold;
	font-size:1.2em;
	color:#000000;
	margin:0px;
	text-align:left;
	}

.formSubHeading {
	font-weight:bold;
	font-size:1em;
	color:#000000;
	margin:0px;
	text-align:left;
	}

.formFieldDescription {
	font-size:1em;
	color:#000000;
	margin:0px;
	text-align:right;
	}

.example {
	font-weight:normal;
	font-size:1em;
	color:#00838B;
	margin:0px;
	}

.lightRow {
	background-color:#f7ebf0;
	width:100%;
	}
	
.darkRow {
	background-color:#f7dee9;
	}
	
form td {
	padding:7px;
	}	
	

/* THE LAYOUT */

#pageWrapper {
	position:absolute;
	margin: 25px 2% 0px 2%;
	background-image:url("../images/website/teal/bar.png");
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#f7c9dc;
	width:96%;
	border-bottom: solid #ffffff 25px;
	}
	
#pageHeader {
	height:250px;
	margin-bottom:-70px;
	background-image:url("../images/website/teal/header.png");
	background-position:top left;
	background-repeat:no-repeat;
	}

#pageHeader #top_right {
	z-index: 4;
	height:15px;
	width:100%;
	background-image:url("../images/website/teal/top_right.png");
	background-position:top right;
	background-repeat:no-repeat;
	}
	
#tagLineBox {
	z-index: 10;
	position:absolute;
	left:290px;
	top:15px;
	width:500px;
	height:70px;
	background-image:url("../images/website/teal/welcome_home.gif");
	background-position:top left;
	background-repeat:no-repeat;
	}

#actionBox {
	z-index: 10;
	position:absolute;
	right:10px;
	top:30px;
	width:300px;
	height:100px;
	}


#menuBox {
	float: left;
	width: 215px;
	margin-top:60px;
	padding:0px 0px 30px 0px;
	font-size:1.2em;
	text-align:left;
	}

#menuBox h1 {
	margin:5px 0px -5px 15px;
	font-weight:bold;
	font-size:1.6em;
	}

#menuBox a {
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	}
	
#menuBox a.active {
	font-weight:bold;
	color:#00838a;
	text-decoration:none;
	}

#menuBox ul {
	margin-left:30px;
}

#menuBox ul ul {
	margin-top:5px;
}

#menuBox li {
	margin:0px 0px 5px 0px;
	padding-top:5px;
	list-style-type: none;
	border-top: solid #00838a 2px;
	}

#contentBox {
	margin:0px 20px 0 280px;
	font-size:1.2em;
	z-index:2;
	padding:0px;
	text-align:justify;
	}
			
#contentBox #imageBox{
	float:right;
	width:186px;
	margin:0px 0px 10px 10px;
	padding-bottom:8px;
	text-align:center;
	background-color:#ffffff;	
	}	
	
#imageBox img {
	margin: 8px 8px 0px 8px;
	border: 0;
	}

#contentBox #quoteBox{
	float:right;
	width:186px;
	margin:10px;
	padding:0px;
	background-color:#ffffff;	
	}	

#quoteBox #quote {
	margin:0px;
	padding:10px;
	text-align:center;
	font-style:italic; 
	background-color:#ffffff;	
	}	
	
#quoteBox #quoteBoxHeader {
	width:186px;
	height:10px;
	background-image:url("../images/website/teal/quote_box_header.png");
	background-position:top left;
	background-repeat:no-repeat;
	}
	
	
#quoteBox #quoteBoxFooter {
	width:186px;
	height:40px;
	padding-top:60px;
	background-image:url("../images/website/teal/quote_box_footer.png");
	background-position:top left;
	background-repeat:no-repeat;
	text-align:center;
	font-weight:normal;
	font-size:1.2em;
	color:#00838b;
	}

	
#contentBoxFooter {
	z-index: 2;
	margin:0 0 -10px 0;
	padding-top:3px;
	width:100%;
	text-align:center;
	width:100%;
	clear:both;
	font-size:0.8em;
	
	border-top: solid #00838a 2px;
	}

#contentBoxFooter a {
	text-decoration:none;
	color:#00838a;
	}
	
#contentBoxFooter a:hover {
	color:#333333;
	}	
	
#pageFooter {
	clear:both;
	width:100%;
	height:15px;
	background-image:url("../images/website/teal/footer.png");
	background-position:bottom left;
	background-repeat:no-repeat;
	}

#pageFooter #bottom_right {
	z-index: 3;
	margin:0px;
	height:15px;
	background-image:url("../images/website/teal/bottom_right.png");
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
.normalButton {
	text-align:center;
	}	

.highlightButton {
	color:#cc6600;
	font-weight:bold;
	text-align:center;
	}

div.iframe { 
	text-align:left;
	margin-left:-10px !important;
	margin-left:-20px;
	margin-top:-20px;
	background-color:#ffffff;
	height:1000px;
	width:680px !important;
  	width:680px;
	}
	
iframe#ifrm { 
  padding:0.5em;
  }
  
/* LIST FORMATTING */

#contentBox ul {
	margin-left: 0.8em;
	padding-left: 0.8em;
	font-size:1em;
	list-style-type: disc;
	list-style-image: url("../images/website/teal/bullet_right.png");
	}


#contentBox ul ul {
	font-size:0.9em;
	list-style-type: circle;
	list-style-image: url("../images/website/teal/bullet_left.png");
	}

#contentBox ul li {
	margin-top:0.8em;
	}

#contentBox ul li a {
	margin-left:-20px;
	padding-left:20px;
	}

#contentBox ul li {
	margin-top:0.8em;
	}

#contentBox ul li a {
	margin-left:-20px;
	padding-left:20px;
	}

#contentBox ol  {
	margin-left: 0.8em;
	padding-left: 0.8em;
	font-size:1em;
	}

#contentBox ol li {
	margin-top:0.8em;
	}

#contentBox ol li a {
	margin-left:-20px;
	padding-left:20px;
	}


.round_button {
	float:right;
	height:35px;
	width:160px;
	text-align:center;
	background:url("../images/website/teal/button.png") no-repeat left top;
	}
	
.round_button a {
	padding:6px 30px 6px 30px;
	font-size:14px !important;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	letter-spacing: 1px;
	line-height:35px;
	}