/********* TEMPLATE 002 **********/

/* To change from Regular Template 002 
to Simple Template 002, change the following lines:
Line 11
Line 136
*/

body { 
	background: #CCDEF2;
	margin-top: 15px; /* Change to 15px for Simple Template 002 */
	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;
	}

.legal2 { 
	font-size: 1.1em;
	color: #808080;
	font-style: italic;
	margin-top: 3px;
	}	
	
/* 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;
	}	

*/

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.domains { text-decoration: underline; color: #005898; }
a:visited.domains { text-decoration: underline; color: #005898; }
a:hover.domains { 	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 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;
	}
	
.leftlegal	{
	font-size: 1em;
	font-style: italic;
	color: #FFFFFF;
    text-align: center;
	margin: 12px 6px 0 6px; 
}

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

.frame_rpe {
	height: 830px;
	width: 530px;
}
/********** 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: 74px;
    margin: 0 auto 1px; 
    padding-left: 10px;
    padding-bottom: 2px;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
	background: #FFFFFF; 
    }
	
    #header a {
    	color: #666666;
    	margin-top: 3px;
    	margin-right: 3px;
    	}
		
    	#header a:hover {
    		color: #333333;
    	}
		
	#header img.thumbnail {
			vertical-align: baseline;
			padding-top: 2px;
		}
		
		#header h1 { 
			color: #005898; 
			padding-top: 9px;
			}

    #header img#logo {
    	padding-right: 5px;
    	float: left;
    }						
			
    #header h1 { 
    	color: #005898; 
    	padding-top: 9px;
    	}
		
    #header .tagline {
    	color: #808080;
    }
	
	#header img.right {
	float: right;
	}
	
/* 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 5px 5px 0; 
	}
 
.leftcolumn ul {
	list-style: none;
	margin: 0;
	border: none;
	padding: 0;
	list-style-position: outside;
	}

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

.leftcolumn li.top{
	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: url("../images/nav-hover.jpg") repeat-x bottom left;
	color: #FFFFFF;
	text-decoration: none;
	}

/* GENERAL TUMBLR STYLE */
.tumblr_post {
	list-style: none;
}	
	
/* MAIN CONTENT (Wraps around Right and Left Column) */
#main-content { 
	padding: 10px 180px 5px; 
	padding-right: 230px;
	background: #FFFFFF url("../images/main-sidebar-background.jpg") repeat-y; 
	overflow: auto;
	height: 100%;
	min-height: 500px;
	}
	
	#main-content.sub-page {
		padding-right: 10px;
		}
		
		#main-content.sub-page #left-col {
			width: 540px;
		}
		
		#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 ul {
			padding-left: 25px;
		}	
	
/* LEFT COLUMN */	
#left-col {
	float: left;
	width: 330px;
	padding: 0px 5px;
	}
#left-col .p1{
	margin: 0 0 6px 0;
	}

#left-col img.templates { border: 1px solid #C0C0C0; }

#left-col .p2 {
	color: #808080;
	margin: 0 0 6px 0;
}
	
#left-col h3 {
	color: #005898;
}

#left-col a:link.templates { font-weight: bold; text-decoration: underline; color: #808080; }
#left-col a:visited.templates { font-weight: bold; text-decoration: underline; color: #808080; }
#left-col a:hover.templates { 	font-weight: bold; text-decoration: underline; color: #CC0000; }
	
	div#info-block {  
		padding-left: 40px;
		margin: 10px 0;
		background: url("../images/contact-icon.jpg") no-repeat;
	}
	
	div#announce-block {		
		padding: 0;
		margin: 10px 0;
		font-size: 1.4em;
		}
		
		div#announce-block .tumblr_title {
			color: #990000;
			padding-left: 0px;
		}
		
		div#announce-block .tumblr_post .tumblr_body p{
			padding-left: 0px;
		}
		
	div#about-block {
		margin-bottom: 5px;
		padding-bottom: 10px;
	}
	
	div#about-block h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
	}	
	
/* BANNERS HOME PAGE */
#banners {
	border: none;
	}

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

		#banners img.quotebannerlg {
			border: 1px solid #C0C0C0;
		}
		
	#banners ul.images {
		list-style: none;
		padding-left: 0px
		}
		
#banners h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
	}		
	
/* RIGHT COLUMN HOMEPAGE*/	
#right-col {
	float: right;
	width: 216px;
	padding-right: 5px;
	margin-bottom: 20px;
	}

#right-col p{
	padding-left: 4px;
	color: #808080;
	margin: 12px 0 0 0;
	}
	
	#right-col img {
		margin-top: 2px;
		}

	#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: 4px;
		}
		
		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: 10px 5px 0 0; 
    width: 217px;
    }
	
    .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%;
    	}

	#secondary-sidebar p {
		padding-left: 15px
		}
    	
#icons {
	border: none;
	text-align: right;
	}

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

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

/* 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: 535px;
	padding-right: 0px;
	}
	
	#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 */
	}
	
/* FORMS */
div.quote #siteseal_sf_0_h_s_dv {
	float: right;
	}	
	
	div.quote form {
	font-size: 1.4em;
	}
	
	.mailwrapper {
	text-align: center;
	}
	
	.maildiv {
		/* margin: 0 auto 0 auto; */
		text-align: left;
		width: 550px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
	}
	
	.maildiv form {
		text-align: left;
	}
	
	.maildiv label {
		/* used for right side captions */
		vertical-align: top;
		padding: 3px 0 0 3px;
	}
	
	.maildiv .fmset {
		border: none;
		}
		
		.maildiv .fmset legend {
			text-indent: -9999px;
		}
		
	.maildiv .sidelbl {
		/* used for left side labels */
		width: 170px;
		text-align: right;
		padding: 0 10px 10px 0;
		vertical-align: top;
		position: relative;
	    display: block; 
	    float: left; 
		clear: left;
	}
	
	.maildiv a {
		/* color: #005ABE; */
		color: #000000;
	}
	
	.maildiv input {
		margin-bottom: 10px;
	}
	
	.maildiv select {
		margin-bottom: 10px;	
	}
	
	.maildiv textarea {
		margin-bottom: 10px;
	}
	
	.maildiv .ver_img {
		padding: 0;
		margin: 0 0 10px 10px;
		vertical-align:bottom;  
		border: 1px solid #005ABE; 
	}
	
	.maildiv fieldset {
		padding: 5px 5px 5px 5px;
		margin-bottom: 10px;
	}
	
	.maildiv .legendspacing {
		height: 10px;
	}
	
	.maildiv .fmcredits {
		float: left;
		font-size: 90%;
	}
	
	.maildiv .fmsubmit {
		float: right;
	}
	
	.maildiv .fmrequired {
		/* color: #005ABE; */
		color: #990000;
		font-size: 90%; 
		float: left;
		margin-top: 3px;
		margin-left: 5px;
	}
	
	.maildiv .fmspacer {
		height: 10px;		
	}
	
	.maildiv .fminfofull {
		/* color: #005ABE; */
		color: #275894;
		font-size: 1.1em;
		margin-top: 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DDDDDD;
	}
	
	.maildiv .fminfohalf {
		padding: 0 10px 0 10px;
		/* color: #005ABE; */
		color: #000000;
		margin-left: 110px;
		margin-bottom: 15px;
	}
	
	.maildiv .fmerrorbox {
		text-align: left;
		font-size: 1.6em;
	}
	
	.maildiv .fmerrorbox ul {
		padding-left: 10px;
	}
	
	.maildiv li {
		margin: 0 0 4px 5px;
		font-size: 14px;
	}
	
	.maildiv .fmerrortitle {
		color: #FF0000;
		font-size: 120%;
	}	

/* LEFT COLUMN (BLOG) TUMBLR STYLE */
	#left-col h2#news { /* Puts images next to H1 tag on Weekly News */
		background: url("../images/news-icon.jpg") no-repeat 1px 3px;
		padding-left: 45px;
		display: inline;
	}
	div.blog {
		border-bottom: 1px dashed #DDDDDD;
		padding-bottom: 4px;
		margin-bottom: 5px;
	}
	div.blog .tumblr_post {
		font-size: 1.4em;
	}
	div.blog .tumblr_title {
		color: #666666;
		margin-top: 10px;
		margin-bottom: 3px;
	}
	div.blog .tumblr_post div.tumblr_body {
		padding: 0 0 10px 0;
		}
		div.blog .tumblr_post .tumblr_body p {
			margin: 0 0 6px 0;
			font-size: 1em; /* Equal to P tag (14em) */
		}	
	div.blog .tumblr_photo { 
			margin: 5px 0;
			width: 80%;
			max-width: 300px; /* Makes max image width in tumbler feed */
	}
	div.blog .tumblr_video embed {
			margin: 5px 0;
			height: 252px;
			width: 300px;
	}
	div.blog .tumblr_video object {
		height: 252px;
		width: 300px;
	}
	
/* RIGHT COLUM TUMBLR STYLE */	
	#right-col .tumblr_title {
		height: 0; /* Collapse title div */
		}
		
	#right-col .tumblr_body {
		/* Style if links are posted in a text post */
		}
		
		#right-col .tumblr_body p {
			padding-top: 4px;
		}
		
		#right-col .tumblr_body p a {
			padding-left: 13px;
			display: block;
		}
		
	#right-col .tumblr_photo_post {
		text-align: left;
		font-size: 1.2em;
		}
		
		#right-col .tumblr_photo {
			margin: 10px 0;
			margin-bottom: 10px;
			display: block;
			text-align: left;
			max-width: 200px; /* Makes max image width 345px in tumbler feed */
			padding-left: 15px;
			text-align: left;
		}
		
		#right-col .tumblr_caption {
			color: #666666;
			padding-right: 5px;
			text-align: right;
		}
		
	#right-col .tumblr_link_post {
		padding: 0 0 0 13px;
		font-size: 1.4em;
		}
		
		#right-col .tumblr_link_post {
			padding-top: 4px;
		}
		
	#right-col .tumblr_quote_post {
		margin: 10px 5px 0 5px;
		text-align: right;
		font-size: 1.2em;
		}
		
		#right-col .tumblr_quote {
			color: #333333;
			}
			
			#right-col .tumblr_source {
				font-style: italic;
				color: #666666;
				padding-right: 5px;
			}
			
    /* TWITTER STYLE */
    div#twitter_div {
    	padding: 0 10px 10px 0;
    	font-size: .8em; /* Equal to 12px */
    	}
		
    	ul#twitter_update_list {
    		list-style: none;
    	}
		
    	ul#twitter_update_list li {
    		padding: 5px 0;
    		border-bottom: 1px dashed #CCCCCC;
    		}
			
    		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 */
            	padding-top: 3px;
            	display: block;
            }
			
	div a#twitter-link {
		padding-top: 5px;
		display: block;
		text-align: right;
		}
		
	div.icons {
		border: none;
		}
		
		div.icons img {
			margin: 5px;
		}