body { margin:2px; background-color: #CDCC94}

/* ---------- Link definitions used here and there ---------- */

a.black {  font-size: 10pt; text-decoration: underline; color: #000000}
a.black:hover {  color: #790000; text-transform: none}

a.blacku {  text-decoration: none; color: #000000}
a.blacku:hover {  text-transform: uppercase}


/*  --------------- Vertical menu for the sidebar --------------- */

#menucol { margin-top:53px }

#menucol ul { padding:0;
             margin:0;
	     list-style-type:none;
	     height:150px;  /* leave room for more */
             font-family:Arial, Helvetica, sans-serif; 
}

#menucol li {
           display:table;
	   width:130px;  /* constrain to size of its holding div */
	   height:20px;
	   text-decoration:none;
	   text-align:center;
	   vertical-align:middle;
           background-color:#790000;
           border-bottom:1px solid #CDCC94;
}

#menucol li.bottom { border-bottom:2px solid #CDCC94 }
#menucol li.top { border-top:2px solid #CDCC94 }
#menucol li.top2 { border-top:2px solid #CDCC94; 
	     background-color:#001859; 
	     color:#CDCC94 
}



/* --------------- horizontal menu --------------- */

#menurow {                 /* will need adjusting if placement or number of menu items changes */
height:40px;               /* push next div below away. That keeps AlgeHouse.html from needing the IE7 fixes - */
margin-top:20px;              /* in AlgeHouse.html content is below the right header image */
margin-left:20px;
width:410px;               /* set for 4 menu items */
}

#menurow ul
{
padding:0;
margin:0;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif; 
}

#menurow li {
        float:left;       
        width:100px;
	height:20px;
	text-decoration:none;
	text-align:center;
	margin:0;
        background-color:#790000;
	border-top:2px solid #CDCC94;
        border-bottom:2px solid #CDCC94;
        border-right:1px solid #CDCC94;
      
}

#menurow li.left { border-left:2px solid #CDCC94 }
#menurow li.right { border-right:2px solid #CDCC94 }


/* ---------- link definitions for the menus ---------- */

#menucol a, #menurow a {  font-family: Arial, Helvetica, sans-serif; color: #CDCC94; text-decoration: none}
#menucol a:hover, #menurow a:hover {  text-transform: uppercase}




/* --------------- The main wrapper --------------- */

#container
{
	min-width:680px;
	width: 100%;
	background-color: #01503A;
}


/* --------------- For the page header --------------- */

#header
{
}


#left 
{
width:260px; 
height:100px;
background-image:url('../stuff/yololaw.jpg');
}

#right
{
float:right; 
margin-top:-30px; 
margin-right:0; 
width:320px;
height:80px;
background-image:url('../stuff/gjnhn.jpg');
}

#spacer {height:30px; margin-top: -30px; background-color: #060709; width: 100% }


/* --------------- For the left sidebar --------------- */

#col1
{
float: left;
width: 130px;
margin: 0;
padding: 0;
background-color: #01503A;
}




/* --------------- For small messages at the bottom of menucol --------------- */
#smallmsg 
{
float:left;
margin-top:-160px; 
padding-left:5px; 
padding-bottom:10px; 
text-align:left; 
font-family:Arial; 
font-size:8pt;
}



/* --------------- Content wrapper --------------- */

#content
{
margin-left: 130px;
background-color: #CDCC94;
padding: 20px;
min-width: 36em;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* --------------- Plain content heading --------------- */

#content-top { overflow:visible; text-align:left; }



/* --------------- Fancy content heading --------------- */

.headline, .headline2 {
overflow:visible; 
font-family:Arial, Helvetica, sans-serif; 
font-size:22px;
font-weight:bold;
color:#001859;
}

.headline2 { font-size:20px }

/* ---------- Styles for form input error messages ---------- */

.err
{
color:#FF0000;
font-weight:bold;
font-size:14pt;
}

.errmsg
{
color:#FF0000;
font-weight:normal;
font-size:12pt;
}


/* --------------- Liquid Footer --------------- */

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #B5B013;
background-color: #060709;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* --------------- Bottom of the Page --------------- */

#bottom {
clear:both;
height:100px;
}


/* ---------- Form elements for the contact pages ---------- */

form#mailer { 
 /* for the custom input items */
}

#mailer br { clear:left }

#mailer .label, #mailer .input, #mailer .select 
          { padding:0; margin:0; display:block; margin-bottom:1px;
            float: left;  
            
           
           
            /* height:19px; */     /* for Firefox when using Arial italic - not needed in standards mode */
            
}

#mailer .label {  color:#001859; width: 7.2em; /* background-color:pink; */
                 font-style:italic;  text-align:right;
                 font-size:98%;         /* for IE when using Arial italic - looks good in both in standards mode */
}

#mailer .select 
           { font-style:normal; 
             width:180px; 
}

#mailer .input {  /* background-color:yellow; border:1px solid red;*/
                 width: 180px; height:18px; 
         
}

#mailer .textarea { margin:0; padding:0; /* margin-left:-3px; for IE6 */
                    width:265px; height:100px;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size:10pt;
}

#mailer .submit {
  width:70px;
}