body {
background: #F3FFFF url('bg.jpg') no-repeat fixed top left;
margin:0;
padding:0;
text-align:center;
height:100%;
}

/* header which contains Mist and following text, set for 100 percent of page */
#header {
background:transparent;
width:100%;
height:184px;
position:relative;
margin:0;
}

/* total page */
#total {
background:transparent;
width:100%;
margin:0 auto;
text-align:left;
}

/* container in which all content will be included and set at 96 percent of total page */
#container {
background:transparent;
width:96%;
margin:0 auto;
text-align:center;
}


/* menu layout */
#menu {
width:210px;
float:right;
margin:52px -10px 0 20px;
height:100%;
}

/* following used for rounded corners and background of menu display */
.bl {background: url(bl.gif) 0 100% no-repeat #6c6bbd; width: 13em}
.br {background: url(br.gif) 100% 100% no-repeat}
.tl {background: url(tl.gif) 0 0 no-repeat}
.tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}


/* this "box" can be used to put type or link somewhere
on the page in an area of it's own such as a highlight,
 not used now 
 */
 .box {
width:185px;
background:transparent;
margin:60px 10px 0 10px;
padding:10px 10px 10px 0;
text-align:justify;
font:12px verdana,arial,sans-serif;
color:#000000;
border:solid;
border-color: #0066cc;
}

.box ul {
list-style-type:none;
margin:0 0 10px 5px;
padding:0;
}

.box li, .box a {
font-weight:bold;
color:#000000;
letter-spacing:1px;
text-align:left;
text-decoration:none;
text-indent:5px;
}

.box a:hover {color:#23E7FF}

/* link items within the menu */
a.item {
background:url('menu.gif') no-repeat;
max-width:210px;
height:34px;
display:block;
padding:1px 0 0 10px;
font:bold 15px verdana,arial,sans-serif;
color:#696969;
text-decoration:none;
line-height:30px;
}

/* For additional link items below the menu 
or even elsewhere on the page - not currently used

a.item2 {
background:url('menu.gif') no-repeat;
max-width:210px;
height:34px;
display:block;
padding:0 0 0 10px;
font:bold 12px verdana,arial,sans-serif;
color:#CDCD00;
text-decoration:none;
line-height:30px;
}

*/

/* hoover control changing over link items in menu display */
a.item:hover {
background-position:10px -34px;
padding:0 0 0 20px;
color:#009AEE;
}

/* hoover control changing over link items in additional
box display - not currently used 
a.item2:hover {
background-position:10px -34px;
padding:0 0 0 20px;
color:#009AEE;
}
*/

/* main area where page text is located */
#main {
background:transparent;
min-height:400px;
margin:0 0 0 20px;
font:15px verdana,arial,sans-serif;
color:#000000;
text-align:left;
}

/* footer area at bottom of page */
#footer {
clear:both;
height:20px;
background:#C0D9D9;
margin:50px 0 0 0;
text-align:center;
padding:5px 0 10px 0;
}

/* footer link */
#footer a {
font:bold 15px verdana,arial,sans-serif;
color:#000000;
text-decoration:none;
letter-spacing:1px;
margin-left:20px;
}

/* footer link hoover action - change color to blue */
#footer a:hover {color:#0000FF}

/* page content */
.content {
min-height:190px;
padding:30px 40px;
margin:20px 0 30px 0;
text-align:justify;
}

/* header, used in title Mist */
h1 {  /* position absolute relative to the header not the document */
min-height:95px;
padding:0 0px;
margin:0 0 0 0;
background:url('mist.gif') no-repeat;

}

/* header sub, used in Mist Irrigation Services of Texas */
.h1sub  {  
left:5px;
bottom:20px;
margin:45px;
display:inline;
font-family:cursive,georgia,times,serif;
font-style: italic;
font-size:2.0em;
color:#000000;
letter-spacing:2px;
font-variant:small-caps;
line-height: 0.8em;
text-align:center;
}

/* header smaller size */
h2 {
left:5px;
bottom:20px;
margin:45px;
display:inline;
font-family:cursive,georgia,times,serif;
font-style: italic;
font-size:2.0em;
color:#000000;
letter-spacing:2px;
font-variant:small-caps;
line-height: 0.8em;
text-align:center;
/*
font:bold italic 25px georgia,times,serif;
color:#000000;
display:block;
margin:15px 0 0 0;
*/
}

.h2sub  {  
left:5px;
bottom:20px;
margin:45px;
display:inline;
font:bold italic 25px georgia,times,serif;
color:#000000;
display:block;
margin:15px 0 0 0;
text-align:left;
text-indent:15px;
}

.h2small  {  
left:5px;
bottom:20px;
margin:45px;
display:inline;
font:bold italic 20px georgia,times,serif;
color:#000000;
display:block;
margin:15px 0 0 0;
text-align:left;
text-indent:15px;
}

/* header color change for Keeping Texas Green */
h3 {
font:bold 30px georgia,times,serif;
color: #32CD32;
display:block;
margin:5px 30px 0 0;
text-align:right;
}

.h3sub  {  
top:20px;
left:5px;
bottom:20px;
margin:45px;
display:inline;
font:bold italic 15px georgia,times,serif;
color:#000000;
display:block;
margin:0 0 0 0;
text-align:left;
text-indent:80px;
}

/* content class for linking */
.content a {
text-decoration:none;
color:#000000;
font-weight:bold;
}

/* content class for linking for hover action */
.content a:hover {color:#0066cc}

/* content class for listing */
.content ul {list-style-type:circle}
.content li {font:bold 16px verdana,arial,sans-serif;}

/* paragraph */
p {
margin-top:20px;
text-indent: 1.5em;
}

/* paragraph in footer */
#footer p { 
text-align:right;
font:11px verdana,arial;
color:#000000;
margin:0 10px 0 0;
}

/* paragraph linking in footer */
#footer p a {
text-align:right;
font:11px verdana,arial;
color:#0066cc;
margin:0 10px 0 0;
}