/*Page Layout Styles*/
#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

body a {
	text-decoration: underline;
	color: #000000;
}

body a:hover {
	color: red;
}

#topsection{
border-left: 10px;
border-left-color: #AAAAAA;
border-left-style: solid;
border-right: 10px;
border-right-color: #AAAAAA;
border-right-style: solid;
background: #FFCC00;
height: 155px; /*Height of top section*/
}

#topsection h1{
margin: 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 160px; /*Set left margin to LeftColumnWidth*/
width: 670px;
height: 490px;
overflow: auto;
background-color: #FFFFFF;
border-right: 10px;
border-right-color: #AAAAAA;
border-right-style: solid;
}

#leftcolumn{
float: left;
width: 150px;
margin-left: -840px; /*All browsers other than IE6*/
background: #0099CC;
border-left: 10px;
border-left-color: #AAAAAA;
border-left-style: solid;
}

#footer{
clear: left;
width: 820px;
color: #FFF;
text-align: center;
border-left: 10px;
border-left-color: #AAAAAA;
border-left-style: solid;
border-right: 10px;
border-right-color: #AAAAAA;
border-right-style: solid;
border-bottom: 10px;
border-bottom-color: #AAAAAA;
border-bottom-style: solid;
}

/*Top Menu*/
#modernbricksmenu{
padding-top: 1px;
margin-top: 5px;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 170px; /*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 15px;
text-decoration: none;
letter-spacing: 1px;
background-color: #CC0000; /*Default menu color*/
border-bottom: 1px solid #FFCC00;
}

#modernbricksmenu a:hover{
background-color: #CC0000; /*Menu hover bgcolor*/
color: #FFFFFF;
text-decoration: underline;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #CC0000; /*Brown color theme*/
border-color: #CC0000; /*Brown color theme*/
}

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

/*Updates Box Styles*/
#updates{
width: 175px;
border-left: 2px;
  border-left-color:#CC0000;
  border-left-style: dashed;
  margin-left: 650px;
  margin-top: -160px;
  height: 165px;
}

#updates .p_updates{
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
  margin-left: 5px;
  line-height: 14px;
  margin-right: 5px;  }


.updates_h1{
  font-family: Verdana;
  font-size: smaller;
  color: #CC0000;
  font-weight: bold;
  padding-left: 5px;
}

/*Left Menu*/
.menutitle{
margin-left: 5px;
cursor: crosshair;
margin-bottom: 5px;
color:#000000;
width:140px;
text-align:left;
font-weight:bold;
border: none;
padding-bottom: 5px;
}

.submenu{
  padding-left: 10px;
  color: #FF0000;
  font-size: 10px;
  line-height: normal;
}

#blueblock{
width: 150px;
font-family: Verdana;
font-size: 12px;
background-color: #0099CC;
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 147px;
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 2px 8px;
background-color: #0099CC;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
background-color: #0099CC;
color: #FFFFFF;
text-decoration: underline;
}

/*IMAGE SYTLES*/

IMG.float_right{
  float: right;
  margin-right: 5px;
  margin-top: 10px;
}


IMG.float_left{
  float: left;
  margin-left: 5px;
  margin-top: 10px;
  padding-right: 5px;
}

IMG.footer_image{
position: absolute;
}

IMG.logo{
  float: left;
  margin-top: -0px;
}

IMG.header{
margin-left: 0px;
}


/*Text Styles*/
.h1{
font-family: Verdana;
font-size: 14px;
color: #CC0000;
margin-left: 5px;
font-weight: bold;
}

.h2{
font-family: Verdana;
font-size: 12px;
color: #CC0000;
margin-left: 5px;
font-weight: bold;
}

.p{
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
  margin-left: 5px;
  line-height: 14px;
  margin-right: 5px;
}

.p_bold{
  font-family: Verdana;
  font-size: 12px;
  color: #000000;
  margin-left: 5px;
  line-height: 14px;
  font-weight: bold;
}

.footer_text_right{
  float: right;
  font-family: Verdana;
  font-size: x-small;
  color: #FFFFFF;
  margin-top: -20px;
  margin-right: 5px;
  padding-bottom: 10px;
}

.footer_text_left{
  float: left;
  font-family: Verdana;
  font-size: x-small;
  color: #FFFFFF;
  margin-top: -20px;
  margin-left: 5px;
  padding-bottom: 0px;
}

#committee .officer { float: left; width: 200px; display: inline; font-weight: bold; }
#committee .name { float: left; width: 150px; display: inline;}
#committee .email { float: left; width: 100px; display: inline;}

#awards .pdf { float: left; width: 30px; display: inline; font-weight: bold; }
#awards .name { float: left; display: inline; }

#files .icon { float: left; width: 30px; display: inline; font-weight: bold; }
#files .name { float: left; width: 400px; display: inline; }

#contactform .label { float: left; width: 200px; display: inline; font-weight: bold; }
#contactform  .result { float: left; width: 250px; display: inline; }
#contactform  .submit{ float: left; width: 100px; display: inline;  }

#units .title { float: left; width: 150px; display: inline; font-weight: bold; }
#units .data { float: left; width: 300px; display: inline; }

#gallery IMG.one{ border: none; display: inline; margin-left: 20px;}
#gallery IMG.two{ border: none; display: inline; margin-left: 20px; }
#gallery IMG.three{ border: none; display: inline; margin-left: 20px; }
#gallery .text1{float: left; width: 180px; margin-left: 20px; text-align: center; display: inline; padding-bottom: 10px;}
#gallery .text2{float: left; width: 180px; margin-left: 20px; text-align: center; display: inline; padding-bottom: 10px;}
#gallery .text3{float: left; width: 180px; margin-left: 20px; text-align: center; display: inline; padding-bottom: 10px;}

#orderform .label { float: left; width: 150px; display: inline; font-weight: bold; margin-left: 50px; }
#orderform  .input{ float: left; width: 200px; display: inline; }
#orderform  .submit{ margin-left: 220px; }

#products { font-family: Verdana; font-size: 12px;  margin-left: 5px; float: left;}
#products .name { font-weight: bold; float: left; color: #CC0000;}
#products .description {float: left; }
#products .price {font-weight: bold; margin-left: 5px; display: inline; float: left; margin-top: 20px;}
#products .price1 {font-weight: bold; margin-left: 5px; display: inline; float: left; margin-top: 20px;}
#products .stock {margin-left: -39px; display: inline; float: left; margin-top: 20px;}
#products IMG.product {border: none; display: inline; padding-bottom: 5px; padding-top: 5px; float: left;}
#products .qty{width: 180px; float: left; margin-left: -39px;}
#products .image{float: left; width: 150px; display: inline; min-height: 150px;}
#products .text{float: left; width: 300px; display: inline; min-height: 150px;}


#checkout .item{ float: left; width: 200px; display: inline; }
#checkout .item1{ float: left; width: 200px; display: inline; }  
#checkout .price { float: left; width: 150px; display: inline;}
#checkout .qty { float: left; width: 100px; display: inline;}
#checkout .total { float: left; width: 100px; display: inline;}
#checkout .label { float: left; width: 100px; display: inline; margin-left: 200px; text-align: left;}
#checkout .result { float: left; width: 200px; display: inline; margin-left: 100px;}
#checkout .col1{float: left; width: 250px; display: inline; background-color: #FF33FF;}
#checkout .col2{float: left; width: 250px; display: inline; background-color: #99FF99}
#products .image1{float: left; width: 100px; display: inline; }
#products .text1{float: left; width: 500px; display: inline; }

	.clean-error{
		border:solid 1px #CC0000;
		background:#F7CBCA;
		color:#CC0000;
		padding:2px;
		text-align:center;
        width: 180px;
        float: right;
        margin-left: 10px;
        margin-top: -120px;
	}

    	.clean-ok{
		border:solid 1px #349534;
		background:#C9FFCA;
		color:#008000;
		font-weight:bold;
		padding:4px;
		text-align:center;
        width: 50%;
	}

#basket{
width: 170px;
border-left: 2px;
border-bottom: 2px;
float: right;
  border-left-color:#CC0000;
  border-left-style: dashed;
  border-bottom-color:#CC0000;
  border-bottom-style: dashed;
  height: 165px;
  margin-top: -25px;
}

#find {  font-family: Verdana; font-size: 12px; color: #000000; margin-left: 5px; line-height: 12px; margin-right: 5px;}
#find .col1 {float: left; width: 100px; display: inline; }
#find .col2 {float: left; width: 350px; display: inline;}

/*Link Sytles*/
.link1 A:link {text-decoration: underline; color: #CC0000; font-weight: bold;}
.link1 A:visited {text-decoration: underline; color: #CC0000; }
.link1 A:active {text-decoration: none; color: #FF9900}
.link1 A:hover {color: #777777;}

.link2 A:link {text-decoration: none; color: #FFFFFF;}
.link2 A:visited {text-decoration: none; color: #FFFFFF; }
.link2 A:active {text-decoration: underline; color: #FFFFFF}
.link2 A:hover {text-decoration: underline; color: #FFFFFF}

.shiftcontainer{
float: right;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
margin-right: 5px;
}

.shiftcontainer1{
float: left;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
margin-left: 10px;
}

.shadowcontainer{
width: 400px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

#mailings .subject { float: left; width: 350px; display: inline; padding-right: 20px;}
#mailings .date { float: left; width: 250px; display: inline }

	.clean-ok{
		border:solid 1px #349534;
		background:#C9FFCA;
		color:#008000;
		padding:4px;
		text-align:center;
        width: 50%;
	}

#sentmessage .title{float: left; width: 100px; display: inline;}
#sentmessage .result{float: left; display: inline;}

#cols .col1{float: left; width: 200px; display: inline;}
#cols .col2{float: left; display: inline;}

/* Left Nav Box */
.box2 {
margin-top: -55px;
  width: 210px;
  float: right;
  background: url(images/ql_background.gif) repeat-x;
  height: 210px;
  margin-right: 5px;
}
.boxtop2 {
  background: url(images/ql_ne.gif) no-repeat top right;
}
.boxtop2 div {
  font-size: 0;
  height: 10px;
  background: url(images/ql_nw.gif) no-repeat top left;

}
.boxbottom2 {
  background: url(images/ql_se.gif) no-repeat bottom right;
}
.boxbottom2 div {
  font-size: 0;
  height: 10px;
  background: url(images/ql_sw.gif) no-repeat bottom left;
}
.boxcontent2 {
  padding: 0px 10px 10px 10px;
  height: 170px;
}

IMG.main{
  float: left;
  margin-top: -25px;
  padding-right: 15px;
  margin-left: 5px;
}

#ql_text{
  margin-left: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.95;
  color: #FFFFFF;
}

.ql A:link {text-decoration: none; color: #FFFFFF;}
.ql A:visited {color: #FFFFFF; text-decoration: none; }
.ql A:active {text-decoration: none;}
.ql A:hover {color: #FFFFFF; text-decoration: underline;}

.updated{
  color: #FF0000;
  font-size: xx-small;
}

#searchresults {  font-family: Verdana; font-size: 12px; color: #000000; margin-left: 5px; margin-right: 5px;}
#searchresults .col1{float: left; width: 100px; display: inline;}
#searchresults .col2{float: left; width: 230px; display: inline;}
#searchresults .col3{float: left; width: 80px; display: inline;}