body {

/*background-image: url('stripes4.jpg');
background-repeat: repeat;
margin-top: 0;
width: 700px;*/

background-color: #E0E0FE;
/*margin-top: 0;*/
text-align: center;
}

#container {
  
  } 

p {
	text-align: left;
}
#aligncenter{
margin: -15px auto 0 auto;
  width: 700px;


}

#modernbricksmenu{
margin-top: 0px;
padding-top: 15px;
width: 700px;
background: white;
background-position: bottom left;
}

#modernbricksmenu ul{
font: bold 12px verdana;
margin: 0 0 0px 14px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
background-color: white;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
background-color: white;

}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 10px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #4700B8; /*Default menu color*/
border-bottom: 1px solid white;
}

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

#modernbricksmenu #current a{ /*currently selected tab*/
color: black;
background-color: #CCCCFF; /*blue color theme*/ 
border-bottom: 2px solid;
border-color: #CCCCFF; /*blue color theme*/ 
}

#modernbricksmenuline{
clear: both;
width: 692px;
padding: 0;
margin: -8px 0 0 0;
border-style: solid;
border-top: 0px;
border-bottom: 0px;
border-color: white;
/*height: 5px;*/
/*line-height: 5px;*/
background: #CCCCFF; /*Brown color theme*/ 
}
#box
{
width: 652px;
font: normal 11px verdana;
padding: 0 20px;
margin-top: -12px;
border-style: solid;
border-top: 0px;
border-color: white;
background-color: #CCCCFF;
}


#box3
{
width: 692px;
font: 10px verdana;
color: #280099;
padding-top: 10px;
margin: 0 0 0 0px;
border-style: solid;
border-color: white;
/*padding-bottom: 20px;*/

background-color: white;
}

#box4
{
width: 680px;
font: bold 10px verdana;
padding-top: 0px;
border-style: solid;
border-width: 5px;
border-color: white;
padding: 5px;
background-color: #CCCCFF;
}
.cssform p{
text-align: left;
width: 100%px;
clear: right;
margin: 0px;
padding: 0px 0 8px 0;
padding-left: 255px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}
.address label{
font-weight: bold;
float: none;
margin-left: -180px; /*width of left column*/
width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.cssform label{
text-align: left;
font-weight: bold;
float: left;
margin-left: -255px; /*width of left column*/
width: 250px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#b{ 
font-weight: bold;
float: left;
margin-left: -115px; 
width: 110px; 


}


.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/


* html .threepxfix{
margin-left: 3px;
}
.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(media/formbg.gif) repeat-x left top;
}