/*
######################
#					 #
# Body & Layout		 #
#					 #
######################
*/

html, body{
background-image: url(../images/greyLines.png);
background-repeat:repeat;
background-color:#666666;
text-align:center;
font: normal .9em Arial, Helvetica, sans-serif, sans;
margin: 0; padding: 0;
}

hr {
color: #333333;
background-color: #333333;
height: 1px;
border:0;
}

p.greyBox{
	background-color: #EFEFEF;
	border: 1px dashed gray;
	clear: left;
	padding: 5px;
	width: 98%;
}

#greyBox table{
	border-collapse:collapse;
	border-style:dashed;
	border-width: 1px;
	border-color:#666666;
	background-color:#EFEFEF;
}

#rightColumnBox {
	float:right;
	border-left:solid 1px #333333;
	padding: 0 0 0 10px;
	margin: -20px 10px 0 20px;
}

/*== Unordered Lists ==*/

.innertube ul {
list-style-image:url(../images/bullet03.gif);
text-align:left;
}

#maincontainer{
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*background-image:url(../images/contentArea.jpg);*/
background-color:#FFFFFF;
background-repeat:repeat-y;
}

#topsection{
background: #FFFFFF;
height: 35px; /*Height of top section*/
font-family: Verdana, sans-serif;
font-size:1.3em;
padding-top:.5em;
margin: 0px 0 -2px 0;
color:#333333;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
margin: 5px 0px 0 0px;
}

#contentcolumn{
margin-left: 0px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 0px; /*Width of left column*/
margin-left: -750px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #EFEFEF;
background-color:#000000;
text-align: right;
padding: 4px 0;
}

#footer a{
text-decoration:none;
color: #EFEFEF;
margin-right:4px;
font-size: 9px;
}

.innertube{
margin: 2em; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 3em;
}


/*
######################
#					 #
# Hyperlink controls #
#					 #
######################
*/



/*== Entire Site ==*/
/* a {
text-decoration:none;
color: #333333;
}

a:hover {
text-decoration:underline;
} */

p a{
	color:#303080;
}

/*p a:hover{
	text-decoration:none;
	border-bottom:solid;
	color: #CC4C12;
	background-color: #EFEFEF;
	border-bottom-color:#CC4C12;
	border-bottom-width: thin;
}
*/
p a:hover{
	text-decoration:underline;
	color: #CC4C12;
}


table a{
	color: #303080; /* orange: CC4C12 */
}

table a:hover{
	text-decoration:underline;
	color:#CC4C12;
}

/*== Top Menu ==*/

/*Credits: Dynamic Drive CSS Library
URL: http://www.dynamicdrive.com/style/*/

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font-size: 1em;
letter-spacing: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif, sans;
margin:0;
margin-left: 0px; /*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;

}

#modernbricksmenu li a{
float: left;
display: block;
color: #FFFFFF; /* Font Color. Dark Grey: 666666. */
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #000000; /*Default menu color. Light Grey: EFEFEF.*/
border-bottom: 1px solid white;
}

#modernbricksmenu li a:hover{
color: white;
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
color: white;                           
background-color: #CC4C12; /*Dark Orange color theme*/
border-color: #CC4C12; /*Dark Orange color theme*/
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #CC4C12; /*Dark Orange color theme*/ 
}

#modernbrickSubLinks{
	padding:3px 7px 0px 0px;
	float:right;
	font-size:10px;
}

#modernbrickSubLinks a{
	color:#000;
	text-decoration:none;
}

#modernbrickSubLinks a:hover{
	color:#CC4C12;
	text-decoration:underline;
}



/*== Customer Login Menu ==*/

#modernbricksmenu2{
padding: 0;
width: 100%;
border-top: 3px solid #FFFFFF;
background: transparent;
voice-family: "\"}\"";
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 23px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#modernbricksmenu2 a{
float: left;
display: block;
font-family: Arial, Verdana, Helvetica, sans-serif, sans;
font-weight: normal;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: #FFFFFF;  /* Tab background color */
color: #666666; /* Font color */
border-top: 1px solid white;
border-right: solid 1px #666666; /* Dotted line to right of sub menu items */
}

#modernbricksmenu2 a:hover{
/*background-color: grey; 
color: white;*/
color: #CC4C12;
text-decoration: underline;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
color: #666666;
font-weight: bold;
/*
text-decoration: underline;
*/
}

/*CSS for sample search box. Remove if desired */

#myform{ 
float: right;
margin: 0;
margin-top: 3px;
margin-right: 3px;
padding: 0;
color:gray;
}


#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid black;
background-color: lightyellow;
}




/*
######################
#					 #
# Form controls 	 #
#					 #
######################
*/

#contactForm .Email_Address{
	display:none;
}


#searchForm{ /* search box */
float: right;
margin: 0;
padding: 0;
}

#searchForm .textinput{
width: 190px;
border: 1px solid gray;
}

#searchForm .submit{
font: 12px Verdana;
color: #FFFFFF;
height: 20px;
background-color:#666666;
border:0;
margin-right: .2em;
}



#loginForm{ /* login form */
margin: 0;
padding: 0;
}

#loginForm .textinput{
width: 180px;
border: 1px solid gray;
padding: 1px;
margin-bottom: 3px;
}

#loginForm .select{
border: 1px solid gray;
padding: 1px;
margin-bottom: 3px;
}

#loginForm .submit{
font: 12px Verdana;
color: #FFFFFF;
height: 20px;
background-color:#666666;
border:0;
margin-right: .2em;
}

#contactForm{ /* contact form */
margin: 0;
padding: 0;
}

#contactForm .textinput{
width: 300px;
border: 1px solid gray;
padding: 1px;
margin-bottom: 3px;
}

#contactForm .submit{
font: 12px Verdana;
color: #FFFFFF;
height: 20px;
background-color:#666666;
border:0;
margin-right: .2em;
}

#contactForm .submit:hover{
font: 12px Verdana;
color: #FFFFFF;
height: 20px;
background-color:#CC4C12;
border:0;
margin-right: .2em;
}

#leftForm{ /* form left align */
margin: 0;
padding: 0;
text-align:left;
}

#leftForm .textinput{
width: 430px;
border: 1px solid gray;

}

#leftForm .submit{
font: 12px Verdana;
color: #FFFFFF;
background-color:#666666;
border:0;
}


/*
######################
#					 #
# Font controls 	 #
#					 #
######################
*/

h1{
	font: bold 1.8em Arial, Verdana, Helvetica, sans-serif, sans;
	text-align:center;
	background-color:#ffff66;
	margin:0 0 0 0;
	padding:3px 0 3px 0;
	border-bottom: 2px solid #000000;
}

h2 {
font-family:Tahoma;
font-size:1.7em;
font-weight:normal;
letter-spacing:.1em;
border-bottom: 1px;
border-bottom-color: #CC4C12;
border-bottom-style: solid;
padding-top: 5px;
text-align:left;
}

h3 {
font-family:Tahoma;
font-size:1.5em;
font-weight:normal;
letter-spacing:.1em;
text-align:left;
}

p{
	text-align:left;
}

.alertText {color:#FF0000;}

.alertText a {
	color:#FF0000;
	text-decoration:none;
}

.alertText a:visited {
	color:#FF0000;
	text-decoration:none;
}

.alertText a:hover {
	color:#FF0000;
	background-color:#FDFF00;
	text-decoration:none;
}

/*
######################
#					 #
# Image controls	 #
#					 #
######################
*/

.leftImage {
float: left;
padding: 0;
margin-right: 15px;
}




/*
##########################
#					 	 #
# DreamWeaver Defaults 	 #
#					 	 #
##########################
*/

b{font-size: 110%;}

em{color: red;}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}