/********* REST AND TOOLBOX **********/
body { 
	background: #CCDEF2; /* Border lines around top menu bar */
	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; }
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; }


p, ul { font-size: 1.4em; }

a, a:visited, 
a:active { text-decoration: none; color: #005898; } /*formatting of active link - right column (and more?)*/
a:hover { text-decoration: underline; color: #000066; } /*formatting when hovering over links*/

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

blockquote {
	text-indent: -0.8em;
}

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

p.more { 
	text-align: right; 
	margin: 5px 0;
	}
.frame1 {
	height: 830px;
	width: 400px;
}

.frame2 {
	height: 1000px;
	width: 400px;
}

.frame3 {
	height: 1800px;
	width: 400px;
}

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

/* PAGE WRAP (Wraps Sidebars and Main Content) */
#page-wrap { 
	width: 980px; /*width of body section*/
	margin: 0 auto; 
	margin-top: 1px;
	position: relative; 
	}
	
/* HEADER */
#header {  
	width: 980px; /*width of banner section*/
	height: 77px; /*height of banner section - was 74*/
    margin: 0 auto 1px; 
    padding-left: 0px; /*was 10*/
    padding-bottom: 2px;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    background: #d5d5d5 url("../images/banner_2.jpg") no-repeat bottom right; /*header background*/
    }
    #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: #990000; 
    	padding-top: 9px;
    	}
    */
    #header img.thumb-contact {
    	vertical-align: baseline;
    	padding-top: 2px;
    	margin-left: 2px;
    }
    #header img.thumb-mobile {
    	vertical-align: baseline;
    	padding-top: 2px;
    }
    #header img#logo {
    	padding: 0px 1px 0px 1px; /*was 3, 3, 0, 120*/
    	float: left;
    }
    #header h1 { 
    	color: #990000; 
    	padding-top: 9px;
    	}
    #header .tagline {
    	color: #808080;
    }

/* TOP MENU */
#menu {
	width: 980px; /*menu bar width*/
	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; /* determines distance between Auto, Home, etc. */
		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 */
#main-sidebar { 
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 170px; 
	bottom: 0; 
	padding: 0 5px 5px 0; 
	}

#main-sidebar p{ 
	font-size: 1em;
	font-style: italic;
	color: #ffffff;
    text-align: center;
	margin: 12px 6px 0 6px; 
	}	
	
	/* LEFT NAVIGATION (With in the sidebar) */
	ul#nav {
		list-style: none;
		background: #005898; /*button background color*/
		}
		ul#nav li {
			display: block;
			border-top: 1px solid #ffffff; /*lines around buttons*/
			}
			ul#nav li:hover {
				background: url("../images/nav-hover.jpg") repeat-x bottom left;
			}
			ul#nav li a {
				text-decoration: none;
				color: #ffffff; /*button text*/
				display: block;
				padding: 5px;
			}
		ul#nav li.last {
			border-bottom: 1px solid #fff;
		}
			
/* 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; /*body background color*/
	overflow: auto;
	height: 100%;
	min-height: 700px;
	}
	#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;
		}
	
	
/* GENERAL TUMBLR STYLE */
.tumblr_post {
	list-style: none;
}
	
/* LEFT COLUMN */	
#left-col {
	float: left;
	width: 330px;
	padding: 0 5px;
	}
	div#info-block {  
		padding-left: 40px;
		margin: 10px 0;
		background: url("../images/contact-icon.jpg") no-repeat;
	}
	div#announce-block {
		margin: 15px 0 10px 0;
		font-size: 1em;
		}
		div#announce-block .tumblr_title {
			color: #990000;
			padding-left: 0px;
			font-size: 1.4em;
		}
	div#lbanners-block {	
		font-size: 1.4em;
		}
		div#lbanners-block .tumblr_title {
			color: #990000;
		}
		div#lbanners-block img {
			margin: 5px 0;
			width: 90%;
			max-width: 350px; /* Makes max image width in tumbler feed */		
			border: 2px solid #DDDDDD;
		}
	div#about-block {
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	div#about-block h4{
		color: #990000;
		font-size: 1.4em;
		font-weight: normal;
	}	
	
	/* 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 COLUMN HOMEPAGE*/	
#right-col {
	float: right;
	width: 216px;
	padding-right: 5px;
	margin-bottom: 20px; /*complete bottom of column*/
	}
	
	#right-col img {
		margin-top: 2px;
		}

	#right-col img.quote {
		margin-top: 2px;
		margin-bottom: 6px;
		}
		
		#right-col img.last {
			margin-bottom: 10px;
		}
		
	#right-col h3 {
		font-weight: normal;
		background: #DDDDDD;
		width: 215px;
		margin-top: 8px; /*under quote button*/
		padding: 2px;
		color: #336699;
	}
		div#right-col h4 {
			color: #990000;
			margin: 8px 0 3px 6px;
			font-size: 1.5em;
			font-weight: normal;
		}	

	#right-col ul.links {
		list-style: none;
		padding-left: 10px
		}
		
		ul.links li {
			margin: 3px 0 0 -3px;
		}
		
	/* 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;
			}

                 
/* 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;
    		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
		}
    	
/* WEB 2.0 ICONS HOME PAGE*/
#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 { 
	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;
	}
#pay-file {
	width: 500px;
	padding: 10px;
	}
	#pay-file dl {
		padding: 10px 20px;
		display: inline;
		width: 260px;
	}
	#pay-file dt {
		float: right;
		font-size: 1.6em;
		font-weight: bold;
		width: 361px;
	}
	#pay-file dd {
		color: #333333;
	}
	#pay-file dd p {
		padding-left: 140px;
	}
	#pay-file dd.img img {
		float: left;
		padding: 3px;
		margin: 0 10px 10px 0;
	}