

body  {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	line-height:inherit
	background: #666666;
	background-image:url('');
    background-repeat:repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}



.twoColHybLtHdr #container { 

	width: 80%;  /* this will create a container 80% of the browser width */

	background: #FFFFFF;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 0px solid #000000;

	text-align:left; /* this overrides the text-align: center on the body element. */

} 

.twoColHybLtHdr #header {

	font: Verdana, Arial, Helvetica, sans-serif;
	
	font-size:large;

	color:#FFFFFF; 

	background:#000000 ;

	background-image:url('');
	
	background-repeat:repeat;

	padding: 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */

}

.twoColHybLtHdr #catchbar{

	font: Arial, Helvetica, sans-serif;
	
	font-size:56px;

	color:#FFFFFF;
	
	position:static; top:10px; 

	background: #000; 

	background-image:url('');

    background-repeat:repeat;

     text-align:center; /* this overrides the text-align: center on the body element. */

    padding-left:20px;

}



.twoColHybLtHdr #header h1 {

	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */

	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */

	font: Verdana, Arial, Helvetica, sans-serif;

	color:#FFFFFF 

}



.twoColHybLtHdr #sidebar1 {

	float: left; 

	width: 200px;  /* this will create a container 80% of the browser width */

	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 15px 0; /* top and bottom padding create visual space within this div  */

}



.twoColHybLtHdr #navbar {

	float: left; 

	width: 100%;  /* this will create a container 80% of the browser width */

	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */

	padding: 15px 0; /* top and bottom padding create visual space within this div  */
	
	text-align:left;
	
	

}



.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {

	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */

	margin-right: 10px;

}



.twoColHybLtHdr #mainContent { 

	margin: 0 40px 0 13em; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */

} 

.twoColHybLtHdr #footer { 

	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background:#000;

	font: 70% Verdana, Arial, Helvetica, sans-serif;

	background-image:url('');

    background-repeat:repeat;

	color:#FFFFFF

} 

.twoColHybLtHdr #footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

}



/* Miscellaneous classes for reuse */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}


.markermenu{
width: 150px; /*width of menu*/
}

.markermenu ul{
list-style-type: none;
margin: 10px 0;
padding: 0;
border: 0px solid #9A9A9A;
}

.markermenu ul li a{
font: bold 16px Verdana, Helvetica, sans-serif;
color: #000;
display: block;
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
border-bottom: 0px solid #B5B5B5;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 150px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color:;
}

.markermenu ul li a:hover{
color: white;
background-color: #ff6699;
}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */


.fb_reset { text-align: left !important; }

.gplus_reset { text-align: right !important; }

img {

    border: none;
}

a:link {

	color: #ff6699;

	text-decoration:none;

	font-weight:none;

}



a:visited {

  color: #ff6699;

}



a:hover {

	text-decoration: underline;

	font-weight:none;

	color: #ff6699;

}



a:active {

	color: #ff6699;

}



.input {     border: 2px solid #f69; 

				background: #000;

				color: #fff;

				font-family: Verdana, Arial, Helvetica, sans-serif;

			 font-size: 100%;

}

	

.button {

    border: 2px solid #f69;

    background: #000;

	color: #fff;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	margin: 0;

	font-size: 100%;

}



button:hover {

    border: 2px solid #f69;

    background: #f69;

	color: #000;

	}

	

label {

    display: block;

    width: 150px;

    float: left;

    margin: 2px 4px 6px 4px;

    text-align: right;

	color: #fff;

}

br { clear: left; }













	


