/*
######################
#					 #
# 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%;
}


#Left img {
	text-align:left;
	margin: 0 2px 0 0;
}

/*== Unordered Lists ==*/

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-repeat:repeat-y;
}

#topsection{
background: #FFFFFF;
height: 37px; /*Height of top section*/
font-family: Verdana, sans-serif;
font-size:1.3em;
padding-top:.5em;
padding-bottom:1px;
color:#333333;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;

}

#contentcolumn{
margin:0px 0 0 261px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 261px; /*Width of left column*/
margin-left: -750px; /*Set left margin to -(MainContainerWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #FFFFFF;
background-color:#000000; /* 333333 */
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: 0;
}

.innertube h4{
	margin-bottom:0;
	text-align: left;
}


/*
######################
#					 #
# Hyperlink controls #
#					 #
######################
*/



/*== Entire Site ==*/
p a{
	color:#303080;
}

p a:hover{
	text-decoration:underline;
	color: #CC4C12;
}

li a{
	color:#303080;
}

li 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;
}




/*
######################
#					 #
# Form controls 	 #
#					 #
######################
*/


#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 .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: 430px;
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 .Email_Address{
	display:none;
}



/*
######################
#					 #
# 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: bold 1.3em Arial, Verdana, Helvetica, sans-serif, sans;
text-align: left;
letter-spacing:.1em;
border-bottom: 1px #CC4C12 solid;
}

h3 {
font: bold 1.3em Arial, Verdana, Helvetica, sans-serif, sans;
text-align:left;
border-bottom: 1px #666666 dashed;
color: #333333;
letter-spacing:.1em;
}

p{
	text-align:left;
}

label{
	text-align:left;
}

form{
	text-align:left;
}

.alertLeftNav {
color:#FF0000;
}



/*
######################
#					 #
# Image controls	 #
#					 #
######################
*/

.leftImage {
float: left;
padding: 0;
margin-right: 15px;
}

.rightImage {
float: right;
padding: 0;
margin-left: 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;
}

.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: #000000; /* 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;
}