﻿body
{
	padding: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color: #000000;
	list-style-type: square;
	line-height: 20px;
	background-color: #ffffff;
	background-image: url(../images/logobg1.png);
	background-repeat: repeat;
}
	#Content {
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	}

/* ---------------------------- START TOP NAVIGATION ---------------------------- */
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #516b21; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #008c00; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #e5bd00; /*Brown color theme*/ 
border-color: #e5bd00; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #e5bd00; /*Brown color theme*/ 
}
/* ----------------------------END TOP NAVIGATION---------------------------- */

/* ---------------------------- BEGIN TOP SUB NAVIGATIONMENU ---------------------------- */

.dropmenudiv_a
{
    position: absolute;
    top: 0; /*THEME CHANGE HERE*/
    border-top-width: 4px; /*Top border width. Should match height of .ddcolortabsline above*/
    border-bottom-width: 1px;
    line-height: 16px;
    z-index: 100;
    background-color: white;
    width: 150px;
    visibility: hidden;
    font-family: Arial;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #008c00;
    border-right-color: #516b21;
    border-bottom-color: #516b21;
    border-left-color: #516b21;
    text-align: left;
}


.dropmenudiv_a a{
	width: auto;
	display: block;
	text-indent: 5px; /*THEME CHANGE HERE*/
	padding: 2px 0;
	text-decoration: none;
	color: black;
	border-top-width: 0;
	border-top-style: solid;
	border-top-color: white;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
	background-color: #516b21;
	color: white;
}

/* ---------------------------- END TOP SUB NAVIGATIONMENU ---------------------------- */


/* ----------------------------START NEWSLETTER FIELD---------------------------- */
#myform{ /*CSS for sample search box. Remove if desired */
float: left;
margin: 0;
padding: 0;
}

#myform .textinput{
	width: 150px;
	border: 1px solid gray;
	background-color: #F7F7F7;
	text-align: center;
	padding: 1px;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: white;
}

/* ----------------------------END NEWSLETTER FIELD---------------------------- */


.sectionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #434343;
}
.subHeading {
	font-weight: bold;
	color: #008c00;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-variant: small-caps;
}


.readmore {
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
a.readmore:hover{
	text-decoration: underline;
}

.pagelink1
{
    
    text-decoration: none;
}
.pagelink1 a
{
    color: #e29d02;
    font-family: Verdana;
    text-decoration: none;
}
.pagelink1 a:hover
{
       text-decoration: underline;
}

.commentbox
{
	background-color: #ececec;
	width: 450px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.commentfooter{
background: url(../images/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* ------------------------------------------------------------ */
/* BEGIN SWITCH CONTENT */
.showstate{ /*Definition for state toggling image */
cursor:hand;
cursor:pointer;
float: right;
margin-top: 2px;
margin-right: 3px;
}

.headers{
	width: 98%;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid black;
	background-color: #FFFF99;
	color: #000000;
	padding: 2px;
}

.switchcontent{
	width: 98%;
	border: 1px solid black;
	border-top-width: 0;
	padding: 2px;
	background-color: #FFFFCC;
}
/* END SWITCH CONTENT */
/* ------------------------------------------------------------ */

a:active
{
	color: #006600;
	text-decoration: none;
}
a:visited
{
	color: #006600;
	text-decoration: none;
}
a:hover
{
	color: #339900;
	text-decoration: underline;
}
a:link
{
	color: #006600;
	text-decoration: none;
}
.dropcontent{
	width: 300px;
	height: auto;
	background-color: #FFC;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	padding: 5px;
}
