/******************* General styles *********//** taylor v2010-2-20 with structure margins removed. **/
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: 600px;	/* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
	font: normal 1em arial;
	-webkit-text-size-adjust: none;
	}
#header,#menu , .colmask,#lowermenu, #footer {width:800px; }	/* width of whole page */
.colmask {position:relative;				/* This fixes the IE7 overflow hidden bug */
		clear:both;
		overflow: hidden; margin: auto;}	/* This chops off any overhanging divs */


      /*************************  Structure Backgrounds *************************/
#header-outer { background: #333 url(images/header_bg.jpg) repeat-x top left; }
#menu-outer { background: #000; }
#layoutdims { background: #eee; }
.threecol {background:#eee;}			/* three column right column background color */
.threecol .colmid {background:#acf;}		/* three column center column background color */
.threecol .colleft {background:#f4f4f4;}	/* three column left column background color */
.blogstyle {background:#aff; }			/* blog style right column background color */
.blogstyle .colmid {background:#f4f4f4; }	/* blog style center column background color */
.blogstyle .colleft {background:#ffa; }		/* blog style left column background color */
.leftmenu {background:#afa;}			/* left menu right column background color */
.leftmenu .colleft {background:#f4f4f4;}	/* left menu left column background color */
.rightmenu {background:#fff; }			/* right menu right column background color */
.rightmenu .colleft {background:#fff; }		/* right menu left column background color */
.doublepage {background:#eee; }			/* double page right column background color */
.doublepage .colleft {background:#acf; }	/* double page left column background color */
.fullpage {background:#faf; }			/* full page page background color */
#lowermenu-outer { background: #f4f4f4; }
#footer-outer { background: #fff; }


       /************************* Fonts *************************/
a {color: #f00; text-decoration: none; }
a:hover {text-decoration: underline; }
h1, h2, h3 {margin:.8em .4em .3em .4em; padding:0;}
h2 {font-family: verdana, tahoma; font-weight: normal;}
h3 {color: #f00; }
p {margin: .4em .4em .8em .4em; padding: 0; font: normal .9em arial;}
p.italic {font-style: italic; text-align: center; margin: 0; padding: 0;font-weight: bold; font-size: .8em; color: #555}
ul.dot_list {list-style-image: url('images/dot_red.gif'); font: normal .9em arial; }
hr {color: #f00; margin: 0 .4em; padding: 0; }


      /*********************** Images ****************************/
img {margin: 10px 0 5px;}
#head_image { position: relative; top: 0px; left: 100px; margin:0; padding: 0;}
img.logo_big {border:none; margin-left: 0px; margin-top: 5px; vertical-align: bottom ;}
img.html_image {border: 4px solid #000; display: block; margin: 10px auto 10px auto ;width: 186px;}

img.sites {border: none; width: 560px; }


	/*********************** Header styles *******************/
#header-outer {clear:both; float:left; height: 120px; width:100%; border-bottom: 0px solid #000; position:relative;}
#header {margin: auto;  position:relative; overflow:hidden;}
#header p, #header h1, #header h2 {padding: .4em 15px 0 15px; margin:0;}
#header a {color: #369;}
#header a:hover {color: #fff; background:#369; text-decoration:none;}


	/*********************** Menu styles *******************/
#menu-outer {clear:both; float:left; width: 100%; border-bottom: 5px solid #f00; position:relative;}
#menu {margin: auto;  position: relative; overflow: hidden;}
#menu ul {clear: left; float:left; width: 100%; list-style: none; margin: 0 0 0 10px; padding: 0;}
#menu ul li {display:inline; list-style:none; margin:0; padding:0;}
#menu ul li a {display:block; float:left; margin:0 0 0 3px; padding: 5px 8px; text-align:center; background:#333;
		color:#fff; text-decoration:none; position:relative; left: 15px; font: bold .8em arial,verdana; 					border-bottom: 3px solid #000;}
#menu ul li a:hover {background:#666; color:#fff; text-decoration: underline;}
#menu ul li a.active { color:#fff; background:#f00; border-bottom: 3px solid #f00;}
#menu ul li a.active:hover {color:#fff; background:#f00; border-bottom: 3px solid #f00; text-decoration: underline; }


	/************** left-column + footer menu's ******************/
.navcontainer {float:left; width: 150px; padding: 10px 10px; }
.navcontainer h3 {color: #000; font:italic bold 1em/2em arial,verdana; padding-left: 0em; border-bottom: 2px solid #888;}
.navcontainer .navlist{ margin-left: 0; padding-left: 0; list-style: none; margin: 0 10px 10px 0px; }
.navcontainer .navlist li {padding-left: 13px; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; border-bottom: 1px dotted #888;}
.navcontainer .navlist a {color: #000; text-decoration: none; font: normal normal .80em/2em arial,verdana;}
.navcontainer .navlist a:hover {text-decoration: underline; }


	/*********************** sub menu *******************/
#layoutdims {clear:both; border-top: 4px solid #000; margin:0; padding:6px 15px !important;
		text-align:right;}

	
	/***************** common column settings **********************/
.colleft,.colmid,.colright {float:left; width: 100%; position: relative;}
.col1,.col2,.col3 {float: left; position: relative; padding: 0 0 1em 0; overflow: hidden;}


	/***************** 3 Column settings ************************/

.threecol .colmid {right:25%;}		/* width of the right column */
		
	
.threecol .colleft {right:50%;}		/* width of the middle column */
		
	
.threecol .col1 {width:50%;	/* width of center column content (column width minus padding on either side) */
		left:100%; }	/* 100% plus left padding of center column */
.threecol .col2 {
		width:25%;	/* Width of left column content (column width minus padding on either side) */
		left:25%; }	/* width of (right column) plus (center column left and right padding) plus (left column left 						padding) */	
.threecol .col3 {width:25%;	/* Width of right column content (column width minus padding on either side) */
		left:75%; }	/* 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) */

	
	/******************** 3 Column blog style settings ****************/

.blogstyle .colmid {right:25%;	}	/* width of the right column */
	
.blogstyle .colleft {right:25%;}	/* width of the middle column */
		
.blogstyle .col1 {width:50%;		/* width of center column content (column width minus padding on either side) */
		left:50%; }		/* 100% plus left padding of center column */
.blogstyle .col2 {width:25%;		/* Width of left column content (column width minus padding on either side) */
		left:50%;}		/* width of (right column) plus (center column left and right padding) plus
 					(left column left padding) */
.blogstyle .col3 {width:25%;		/* Width of right column content (column width minus padding on either side) */
		left:50%;}		/* 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) */

	
        /******************* 2 Column (left menu) settings *****************/

.leftmenu .colleft {right:70%;}		/* right column width */
		
.leftmenu .col1 {width:70%;		/* right column content width */
		left:100%; }		/* 100% plus left column left padding */
.leftmenu .col2 {width:30%;		/* left column content width (column width minus left and right padding) */
		left:0%; }		/* (right column left and right padding) plus (left column left padding) */

	
	/******************** 2 Column (right menu) settings ********************/

.rightmenu .colleft {right:30%; }	/* right column width */
		
.rightmenu .col1 {width:70%;		/* left column content width (left column width minus left and right padding) */
		left:30%; }		/* (right column width) plus (left column left padding) */
.rightmenu .col2 {width:30%;		/* right column content width (right column width minus left and right padding) */
		left:30%; }		/* (right column width) plus (left column left and right padding) plus (right column 							left padding) */

	
	/********************** 2 Column (double page) settings ******************/

.doublepage .colleft {right:50%;}	/* right column width */
		
.doublepage .col1 {width:50%;		/* left column content width (column width minus left and right padding) */
		left:50%; }		/* right column width plus left column left padding */
.doublepage .col2 {width:50%;		/* right column content width (column width minus left and right padding) */
		left:50%; }		/* (right column width) plus (left column left and right padding) plus (right column left padding) */

	
	/************************** Full page settings *************************/

.fullpage .col1 {width:100%;		/* page width minus left and right padding */
		left:0%; }		/* page left padding */


	/***************************** Lower Menu Styles ***********************/
#lowermenu-outer {clear:both; float:left; width: 100%; border-top: 1px solid #000;
border-bottom: 0px solid #000; position: relative;}
#lowermenu {margin: auto; position:relative; overflow:hidden;}

	
	/*************************** Footer styles ****************************/
#footer-outer {clear:both; float:left; width: 100%; border-top: 0px solid #000;
border-bottom: 0px solid #000; position: relative;}
#footer {margin: auto; position:relative; overflow:hidden; border-top:1px solid #888;}

img.logo_sm {border:none; height: .85em; margin-left: 6px; margin-top: 3px; vertical-align: middle ;}
span.cat5link { color:#f00; font: italic normal 1em verdana, arial;}
#footer p {padding:.4em 0 ; margin: 0; font: normal normal .75em arial, tahoma; color: #888; text-align:center;}
#footer a.cat  {text-decoration: none; color: #f00 }
#footer a:hover.cat {text-decoration: underline; color: #f00}
a.footer {color: #369;}
a:hover.footer {color: #fff; background:#369; text-decoration:none;}
#footer a.note  {text-decoration: none; color: #888 }


	/************************** Footer menu *******************************/
#footer_menu {padding:.4em 0 ; margin: 0; font: normal normal .75em arial, tahoma; color: #888; text-align:center;}
#footer_menu ul{list-style-type: none; text-align: center; }
#footer_menu li { display: inline;}
#footer_menu a{text-decoration: none; margin: 0 1em; color: #888;  }
#footer_menu a:hover{color: #f00;  text-decoration: underline; }

	/************************* Box Styles ******************************/
.box-1 {width: 205px; background: #f4f4f4; border: 1px solid #888; margin: 20px auto 10px auto; padding:5px; }
.box-2 {width: 540px; background: #f4f4f4; border: 1px solid #888; margin: 20px auto 10px auto; padding:5px; }