@charset "UTF-8";
/* CSS Document */

* { margin: 0; padding: 0; 

}

.clear { clear:both

}

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;

}

#content { min-width:900px; max-width:1000px

}

p{ margin:5px 5px 5px 5px 

}

a {color:#333300; text-decoration:none

}

a:hover {color:#666633; text-decoration:none; font-size:1.1em

}

.float_lft{ float:left

}

.float_rt {float:right

}

h2 {color:#333300; font-weight:300; font-size:1.3em; margin-top:5px

}



.pageName {font-size:20px ; color:#666633; padding:10px; text-align:center; font-weight:100


}
.pageName a{font-size:20px ; color:#666633; padding:10px; text-align:center


}

.pageName a:hover{font-size:20px ; color:#666633; padding:10px; text-align:center


}

.sub_title {
	color:#333300;
	margin: 30px 0px 0px 0px;
	font-weight:bold;
	
}

.sub_title a{text-decoration:none; color:#333300

}

.sub_title a:hover{text-decoration:none; font-size:1em; color:#333300

}

.sub_title_2 {
	color:#333300;
	margin: 30px 0px 0px 0px;
	font-weight:bold;
	
}

.sub_title_3 {
	color:#333300;
	margin: 30px 0px 0px 0px;
	font-weight: normal;
	font-style: italic;
	}


.sub_title a{text-decoration:none

}


.sub_title a:hover{text-decoration:none; color:#666633; font-size:1em

}

.author_date {font-size:.8em; font-style:italic; margin-left:10px; color:#999933}

.author_date_centered {font-size:.8em; font-style:italic; text-align:center; color:#999933}


.update {color:#900; font-style:italic

}

.list { margin-left:20px; list-style:circle

}


.subHeader {color:#333300; margin-top:10px; text-align:center

}

li { margin: 8px 8px 8px 0px

}

.quote {font-style:italic; color:#999933}

/*backto top button*/
.back_to_top {text-align:center; font-size:.8em}
.back_to_top a { color:#333300; ;}
.back_to_top a:hover {color:#666633;font-size:1em }

/*Centering Content Image*/
.midcol_image{ text-align:center}
.right_column_image{ text-align:center; margin: 20px 0px 0px 0px}



/*Primary Navigation*/
#navigation {font-weight:bold}
#navigation a { color:#333300 ; text-decoration:none; font-weight:300; line-height: 25px;}
#navigation a:hover {
	color:#ffffff;
	font-weight: bold;}
li .current {color:#ffffff;}


/*Bottom Navigation*/
#bottom_nav { margin-left:auto; margin-right:auto; font-size:.8em; padding: 3px 0px 2px 3px}
#bottom_nav ul { margin: 0; padding: 1px 0px 0px 4px; list-style-type: none; text-align:center; line-height:14px}
#bottom_nav ul li { margin: 0; padding: 0 8px 0 4px; border-right: 1px solid #000; display: inline; }
#bottom_nav ul li.last { padding-right: 0; border: none; }
#bottom_nav ul li a { color: #333300; text-decoration: none; }
#bottom_nav ul li a:hover, #header ul li a.on { color:#666633; text-decoration: underline; }

/*Right Column Navigation*/
#right_column_navigation li{margin-left:10px;}
#right_column_navigation li.main_section {margin:10px 0px 0px 0px; color:#000}
#right_column_navigation li.main_section a { color:#000}
#right_column_navigation li a {color:#333300}
#right_column_navigation li a:hover {color:#666633; font-size:1.1em}

/*site_map*/
.site_map_title {width:200px;}
.site_map_subtitle{ font-style:italic ; font-size:.8em}
.list_site { font-size:.8em; margin-left:10px; list-style:none}
#site_map_left { width:200px; float:left}
#site_map_rt{ width:200px; float:right}


/*footer*/

#bottom_bar{background-image:url(../links/css_elements/gradient_bottombar.gif); background-repeat:repeat-x; height:30px}

#copyright { font-size:.8em; margin: 4px 0px 1px 0px; text-align:center}
#copyright p {margin:0px}
#webLB {margin:20px 0px 0px 20px; font-size:8px; color:#999966}
#webLB a{color:#999966}
#webLB a:hover{color:#999966; text-decoration:underline; text-align:right}
/** #validation { float:left; margin: -5px 0px 0px 10px; font-size:8px; color:#999966} **/
 
 /*header*/
#dateformat { color:#FFFFCC; font-style:italic; padding:8px; text-align:left}
#datebar { height:30px; width:100%; background-image:url(../links/css_elements/gradient_topbar.gif); background-repeat:repeat-x;}
#header h1{text-indent:-9999px}
#header {background-image:url(../links/css_elements/header.jpg); height:150px; background-repeat:no-repeat}
/*Archives*/
#archives_left_column { width:200px; margin:10px}
#archives_right_column { width:200px; margin:10px}
.archives {list-style:none; font-size:.8em;
}



/* General styles for CSS 3 column layout */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:900px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		max-width:1000px;
		font-size:90%;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;
	}
	
	p {
	margin:.4em 0 .8em 0;
	padding:0;
	text-align: left;
	color: #000;
	}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color:#ffffff;
	}
	
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background-image: url(../links/css_elements/right_column_bk.gif);
		background-repeat:repeat-x;/* right column background colour */
	}
	.threecol .colmid {
		right:22%;			/* width of the right column */
		background:#fff;		/* center column background colour */
	}
	.threecol .colleft {
		right:56%;			/* width of the middle column */
		background:#999966;	/* left column background colour */
	}
	
	.threecol .col1 {
		width:50%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}

	.threecol .col2 {
		width:21%;			/* Width of left column content (column width minus padding on either side) */
		left:31%;
		margin-left:-6px/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:18%;			/* Width of right column content (column width minus padding on either side) */
		left:87%;
		padding-top:78px;/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		
	}
	#footer p {
		padding-bottom:10px;
		margin:0;
	}