/********* TEMPLATE 003 **********/

body { 
	background: #CCDEF2;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 62.5%; /* Gives base font-size of 10px */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

* { margin: 0; padding: 0; }

h1 { 
	font-size: 2.2em;
	margin: 0; 
	}

h2 {
	font-size: 2.1em;
	color: #336699;
	font-weight: normal;
	border-bottom: 1px dashed #DDDDDD;
	padding-top: 2px;
	}
	
h3 { font-size: 2em; }

h4 { font-size: 1.6em;
	margin: 0;
	}

p { 
	font-size: 1.4em;
	margin: 0;}

	
	
/* sample paragraph styles:
You do not need to use styles that already are defined earlier,
so if you want the font size to be 1.4em, you do not need to define it,
since it is already defined as that size in the p class above.

Spacing: margins and padding work clockwise top right bottom left.
font-weight: choices: normal / bold
font-style: choices: normal / italic
text-decoration: choices: none / underline
color: choices: 
black: #000000
white: #FFFFFF
Red: #CC0000
Yellow: #FFFF00
text-align: choices: left / center / right

NOTE: only use styles you absolutely need- no more.
Try every style one at a time.

.psample { 
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;	
	text-decoration: underline;
	color: #000000;
	background-color: #FFFF00;
	text-align: left;
	margin: 0px 0px 0px 0px;
	}	

a:link.dashed { text-decoration: none; color: #005898; border-bottom:1px dashed #005898; }
a:visited.dashed { text-decoration: none; color: #005898; border-bottom:1px dashed #005898; }
a:hover.dashed { text-decoration: none; color: #CC0000; border-bottom:1px dashed #CC0000; }
	
*/

ul { font-size: 1.4em; margin: 0;}

a, a:visited, 
a:active { text-decoration: none; color: #005898; }
a:hover { text-decoration: underline; color: #CC0000; }

a:link.linklegal { text-decoration: underline; color: #FFFFFF; }
a:visited.linklegal { text-decoration: underline; color: #FFFFFF; }
a:hover.linklegal { 	text-decoration: underline; color: #FFFF00; }


a:link.hmpgfb { text-decoration: underline; color: #808080; }
a:visited.hmpgfb { text-decoration: underline; color: #808080; }
a:hover.hmpgfb { text-decoration: underline; color: #CC0000; }

a:link.dashed { text-decoration: none; color: #005898; border-bottom:1px dashed #005898; }
a:visited.dashed { text-decoration: none; color: #005898; border-bottom:1px dashed #005898; }
a:hover.dashed { text-decoration: none; color: #CC0000; border-bottom:1px dashed #CC0000; }

a img, img { border: none; margin: 0; padding: 0; }

img .leftnav { border-bottom: 1px solid #fff; }


blockquote {
	text-indent: -0.8em;
}

.clear { clear: both; }
.bold { font-weight: bold; }

p.more { 
	text-align: right; 
	margin: 5px 0;
	}

p.hmpgfb { 
	font-size: 1.2em;
	}


	
.leftlegal	{
	font-size: 1em;
	font-style: italic;
	color: #FFFFFF;
    text-align: center;
	margin: 12px 6px 0 6px; 
}

.partnerlinks { 
	font-size: 1.2em;
	}

.frame1 {
	height: 830px;
	width: 400px;
}

.frame2 {
	height: 212px;
	width: 217px;
}

.frame_rpe {
	height: 830px;
	width: 530px;
}

.frame-content {
	margin-left:-7px;
	height: 460px;
	width: 320px;
}

/********** STRUCTURE *********/

/* PAGE WRAP (Wraps Sidebars and Main Content) */
#page-wrap { 
	width: 980px; 
	margin: 0 auto; 
	margin-top: 1px;
	position: relative; 
	}
	
/* HEADER */
#header {  
	width: 970px; 
	height: 76px;
    margin: 0 auto 1px; 
    padding-left: 10px;
    padding-bottom: 0px;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	background: #FFFFFF;
    }
	
    #header a {
    	color: #666666;
    	margin-top: 3px;
    	margin-right: 0px;

    	}
		
    	#header a:hover {
    		color: #333333;
    	}

		
	#header img.thumbnail {
			margin-left: 0px;
			vertical-align: baseline;
			padding-top: 4px;
		}
		
    #header img#logo {
    	padding-right: 18px;
    	float: left;
    }						
			
    #header h1 { 
    	color: #990000; 
    	padding-top: 7px;
    	}
		
    #header .tagline {
    	color: #808080;
    }
	
	#header img.right {
	float: right;
	padding-top:1px;
	padding-bottom:1px;
	}

	#header img.right02 {
	float: right;
	padding-top: 20px;
	padding-right: 10px;
	}

/* TOP MENU */
#menu {
	width: 980px; 
	list-style: none;
	margin: 0 auto;
	padding-bottom: 1px;
	background: #005898 url("../images/menu-bg.jpg") repeat-x bottom left;
	}
	
	#menu ul li {
		display: inline;
		width: 100px;
		float: right;
		padding: 2px 7px 2px 5px;
	}
	
	#menu ul li a {
		display: block;
		color: #FFFFFF;
		text-align: center;
		text-transform: uppercase;
		}
		
		#menu ul li a:hover {
			text-decoration: none;
			color: #FFFF00;
			}

/* LEFT SIDEBAR */
.leftcolumn { 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 170px; 
	bottom: 0; 
	padding: 0 0px 5px 0;
	background-color: #005898;
	}
 
.leftcolumn ul {
	list-style: none;
	margin: 0;
	border: none;
	padding: 0;
	list-style-position: outside;
	background-color: #005898;
	}

.leftcolumn li {
	border-bottom-color: #FFFCEE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-right: 0px;
	}

.leftcolumn li.whiteline{
	border-top: 1px solid #FFFCEE;
	}
	
.leftcolumn li a {
	display: block;
	padding: 5px 5px 5px 8px;
	background-color: #005898;
	color: #FFFFFF;
	text-decoration: none;
	}

.leftcolumn li a:visited {
	display: block;
	padding: 5px 5px 5px 8px;
	background-color: #005898;
	color: #FFFFFF;
	text-decoration: none;
	}

.leftcolumn li a:hover {
	display: block;
	padding: 5px 5px 5px 8px;	
	background: #005898 url("../images/nav-hover.jpg") repeat-x bottom left;
	color: #FFFFFF;
	text-decoration: none;
	}

	
/* MAIN CONTENT (Wraps around Right and Left Column) */
#main-content { 
	padding: 10px 180px 5px; 
	padding-right: 230px;
	background: #FFFFFF; 
	overflow: auto;
	height: 100%;
	min-height: 600px;
	}
	
	#main-content.sub-page {
		padding-right: 10px;
		min-height: 1100px;
		}
		
		#main-content.sub-page #left-col {
			width: 540px;
		}

		#main-content.sub-page #left-col-custom {
			width: 750px;
		}
		
		#main-content.sub-page #left-col h3 {
			font-weight: normal;
			margin-bottom: 5px;
			margin-top: 10px;
			font-size: 1.8em;
		}

		#main-content.sub-page #left-col h5 {
			font-weight: bold;
			margin-bottom: 20px;
			margin-top: 2px;
			font-size: 1.4em;
			font-style: italic;
		}
		
		#main-content.sub-page #left-col ul {
			padding-left: 25px;
		}	
	
/* LEFT COLUMN */	
#left-col {
	float: left;
	width: 330px;
	padding: 3px 5px;
	}
	
	div#info-block {  
		padding-left: 40px;
		margin: 10px 0;
		background: url("../images/contact-icon.jpg") no-repeat;
	}

	div#info-block h4{  
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
	}
			
	div.about-block {
		padding-bottom: 0px;
		margin-bottom: 1px;
		padding-top: 3px;
	}
	div.about-block h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;		
	}	

	div.spacer-100 {
		padding-bottom: 100px;
	}
	div.spacer-200 {
		padding-bottom: 200px;
	}
	div.spacer-400 {
		padding-bottom: 400px;
	}
	div.spacer-600 {
		padding-bottom: 600px;
	}
	div.spacer-800 {
		padding-bottom: 800px;
	}
	
/* BANNERS HOME PAGE */
#banners {
	border: none;
	}

	#banners p {
	margin: 0px;
	}
	
	#banners img {
		margin: 18px 0px 0px 1px;
		}

	
		#banners img.top {
			margin-top: 0px;
		}	

		#banners img.quotebannerlg {
			border: 1px solid #C0C0C0;
		}
		
	#banners ul {
		list-style: none;		
		padding-left: 0px;
		padding-right: 5px;
		margin-bottom: 1px;
		}

		
#banners h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
		margin-top: 8px;
		margin-bottom: 6px;
	}		
	
/* RIGHT COLUMN HOMEPAGE*/	
#right-col {
	float: right;
	width: 216px;
	padding-right: 5px;
	margin-bottom: 10px;
	}
	
	#right-col img {
		margin-top: 1px;
		}

	#right-col img.quote {
		margin-top: 2px;
		margin-bottom: 6px;
		}

	#right-col img.quote {
		margin-top: 2px;
		margin-bottom: 6px;
		}

	#right-col img.quote2 {
		margin: 6px 0 4px 0;
		border: 1px solid #DDDDDD;
		}
		
		#right-col img.last {
			margin-bottom: 10px;
		}
		
	#right-col h3 {
		font-weight: normal;
		background: #DDDDDD;
		width: 215px;
		margin-top: 5px;
		margin-bottom: 2px;
		padding: 2px;
		color: #336699;
		}
		
		div#right-col h4 {
			color: #990000;
			margin: 6px 0 3px 6px;
			font-size: 1.5em;
			font-weight: normal;
		}	
		
		div#right-col .testimonials {
			font-size: 1.2em;
			font-family: arial;
			font-weight: normal;
			font-style: normal;	
			text-align: right;
			margin: 6px 0px 6px 0px;

		}		

	#right-col ul.links {
		list-style: none;
		padding-left: 10px
		}
		
		ul.links li {
			margin: 3px 0 0 -3px;
		}

		ul.links li.yellow {
			background-color: #FFFF00;
		}			
                 
/* RIGHT SIDEBAR */     
#secondary-sidebar { 
	position: absolute; 
	right: 0; 
	top: 0; 
	bottom: 0;
    padding: 9px 5px 20px 0;
    width: 217px;
    }
	
	.testimonials  h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
		font-style: normal;
		padding: 6px 12px 0 5px;
		margin: 0 0 2px 0;		
	}
	.testimonials p {
		font-size: 1.3em;
		color: #808080;
		font-style: italic;
		padding: 0 12px 0 5px;
		margin: 0 0 12px 0;
	}
	
    .flashunit{
    	border: 2px solid #DDDDDD;
    	margin: 5px 0;
    	padding: 4px;
    	text-align: left;
    	width: 197px !important;
    	}
		
    	.flashunit h3 {
    		background: #F0F0F0;
			color: #005898;
    		border: 1px solid #DDDDDD;
    		padding: 6px;
    		text-align: center;
    		font-weight: normal;
    		font-size: 1.6em;
    	}
		
    	.flashunit p {
    		background: #F0F0F0;
    		padding: 6px;
    		color: #808080;
    		text-align: center;
    		font-size: 1.2em;
    	}
		
    	.flashunit object {
    		height: 132px;
    		width: 100%;
    	}

   .flashunit2{
    	border: 2px solid #DDDDDD;
    	margin: 5px 0;
    	padding: 4px;
    	text-align: left;
    	width: 400px !important;
    	}
		
    	.flashunit2 h3 {
    		background: #F0F0F0;
			color: #005898;
    		border: 1px solid #DDDDDD;
    		padding: 6px;
    		text-align: center;
    		font-weight: normal;
    		font-size: 1.6em;
    	}
		
    	.flashunit2 p {
    		background: #F0F0F0;
    		padding: 6px;
    		color: #808080;
    		text-align: center;
    		font-size: 1.2em;
    	}
		
    	.flashunit2 object {
    		height: 300px;
    		width: 100%;
    	}			
		
		
		
		
	div.twitterfeed-right {
		padding-bottom: 0px;
		margin-bottom: 1px;
		padding-top: 3px;
	}
	div.twitterfeed-right h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;	
		padding-left: 4px;		
	}

	div.twitterfeed-left {
		padding-bottom: 0px;
		margin-bottom: 1px;
		padding-top: 3px;
	}
	div.twitterfeed-left h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;	
		padding-left: 0;		
	}
	
#icons {
	border: none;
	text-align: left;
	}

	#icons img {
		margin: 2px 9px 9px 0px;
		}

		#icons img.top {
			margin: 4px 9px 6px 0px;
		}		
	
	#icons ul.web2banners {
		list-style: none;
		padding-left: 0px;
		}

		
	#icons h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
	}		
	
		
/* FOOTER */		
#footer { 
	width: 977px;
    margin: 0 auto 15px; 
    background: #005898;
    padding: 0 0 0 3px;
    }
	
#footer p { 
	padding: 1px 3px;
	font-size: 1em;
	color: #CCCCCC;
	}
	
#footer a { 
	text-decoration: none;
	color: #CCCCCC; 
	}
	
	#footer a:hover {
		text-decoration: overline;
	}
	
/* ABOUT PAGE */
#about-us {
	width: 500px;
	padding: 10px;
	}
	
	#about-us dl {
		padding: 10px 20px;
		display: inline;
		width: 260px;
	}
	
	#about-us dt {
		float: right;
		font-size: 1.6em;
		font-weight: bold;
		width: 361px;
	}
	
	#about-us dd {
		color: #333333;
	}
	
	#about-us dd.img img {
		float: left;
		padding: 3px;
		margin: 0 10px 10px 0;
		border: 1px solid #DDDDDD; /* remove this line if you wish to remove the image border on the About page */
	}
	
			
    /* TWITTER STYLE RIGHT SIDE */
    div#twitter_div {
    	
		padding: 0 10px 0px 4px;
    	font-size: 1.0em;
    	}
		
    	ul#twitter_update_list {
    		list-style: none;
			
    	}
		
    	ul#twitter_update_list li {
			padding: 3px 0 8px 0;
    		}
				
    		ul#twitter_update_list li span a { /* All links in the twitter posts (other then the meta link)*/
    			display: inline;
    		}
			
            ul#twitter_update_list li>a { /* Meta link */
            	font-size: 1.0em;
				font-weight: normal;
				font-style: normal;
				text-decoration: none;
				color: #FFFFFF;
				padding-top: 2px;
            	display: inline;
            }

    /* TWITTER STYLE LEFT SIDE */
    div#twitter_div_left {
    	
		padding: 0 10px 0px 0;
    	font-size: 1.0em;
    	}
		
    	ul#twitter_update_list {
    		list-style: none;
			
    	}
		
    	ul#twitter_update_list li {
			padding: 3px 0 8px 0;
    		}
				
    		ul#twitter_update_list li span a { /* All links in the twitter posts (other then the meta link)*/
    			display: inline;
    		}
			
            ul#twitter_update_list li>a { /* Meta link */
            	font-size: 1.0em;
				font-weight: normal;
				font-style: normal;
				text-decoration: none;
				color: #FFFFFF;
				padding-top: 2px;
            	display: inline;
            }			
			
			
			
/* CSS File for Dagon Design Formmailer Script */
/* http://www.dagondesign.com */

/* COLOR/BORDERS CSS */

form.ddfm h1,
form.ddfm h2 {
	color: #606060;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	color: #606060;
}

form.ddfm .fmcheck p, 
form.ddfm .fmradio p,
form.ddfm textarea, 
form.ddfm .fmfullblock, 
form.ddfm .fmhalfblock, 
form.ddfm .fmselect, 
form.ddfm input.fmtext,
form.ddfm input.fmdate,
form.ddfm input.fmverify,
form.ddfm textarea.fmtextwide,
form.ddfm .submit,
form.ddfm .credits {
	color: #404040;
}

form.ddfm .required {
	color: #FF0000;
}

.ddfmerrors {
	color: #FF0000;
}

/* TEXT CSS */

.ddfmwrap {
	font-size: 90%;
	font-family: Arial, Helvetica, sans-serif;
}

form.ddfm h1,
form.ddfm h2 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 10px 0;
	padding: 0;
}


form.ddfm h1 {
	font-size: 140%;
}

form.ddfm h2 {
	font-size: 115%;
}

form.ddfm legend, 
form.ddfm label, 
form.ddfm label.fmtextlblwide {
	font-size: 100%;
	font-weight: bold;
}

form.ddfm .credits {
	font-size: 90%;
}

form.ddfm legend {
	font-size: 180%;
	color: #336699;
	font-weight: normal;
}

.ddfmerrors {
	font-weight: bold;
}




/* STRUCTURE CSS */

.ddfmwrap {
	margin: 15px auto 15px auto;
	width: 450px;
}

.ddfmwrap p.fieldwrap {
	padding: 1px;
	margin: 1px;
	clear: left;
}

form.ddfm {
	text-align: left;
	padding: 10px;
	width: 430px; 
}

form.ddfm fieldset {
	padding: 0 10px 2px 10px;
	margin: 0 0 13px 0;
	display: block;
	border: none;
}

form.ddfm legend {
	text-align: left;
	padding: 0 6px 12px 6px;
	margin: 0 0 0 10px;	 
}

form.ddfm label {
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 4px 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  
}

form.ddfm label.fmtextlblwide {
	display: block;  
	float: left; 
	text-align: left;
	margin: 0 10px 0 1px; 
	padding-bottom: 8px; 
	width: 100%;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%; 
	margin-bottom: 15px;  
	padding: 3px; 
}

form.ddfm .fmcheck {
	width: 65%; 
	float: left;
	display: block;  
	margin-bottom: 15px;
}

form.ddfm .fmchecklabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmradio {
	width: 65%;
	float: left;
	display: block;
	margin-bottom: 15px;
}

form.ddfm .fmradiolabel {
	display: inline; 
	float: none; 
	clear: none; 
	text-align: left; 
	margin: 0; 
	padding: 0;
}

form.ddfm .fmcheck p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm .fmradio p {
	padding: 0;
	margin: 0 0 5px 0;
	line-height: 140%;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 15px;
	padding: 3px;
}


/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 13px;
	display: block;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 13px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
}

form.ddfm img {
	margin: 1px 0 0 10px; 
    float: left;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 5px;  
	padding: 3px;
}

form.ddfm input.fmdate {
	float: left; 
	display: block;
	width: 35%;
	margin-bottom: 15px;  
	padding: 3px;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .credits {
	text-align: right;
	margin-top: 7px;
	width: 97%;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 97%;
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

.ddfmwrap .recaptcha {
	width: 100%;
	text-align: right;
	clear: both; 
	height: 120px;
	margin-right: 7px;
	padding-bottom: 10px;
}

.ddfmwrap .recaptcha-inner {
	float: right;
	margin-right: 3px;
}


/* DATE SELECTION */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #404040;
	background-color: #F4F4F4;
	border: 1px solid #999999;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered 
over) */
.dpTDHover {
	background-color: #888888;
	border: 1px solid #888888;
	cursor: pointer;
	color: #000000;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #C0C0C0;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #555555;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #666666;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #DDDDDD;
	font-weight: bold;
	}