/******************************************************************************
* Defines styles for the CSS Positioning illustrations.                       *
******************************************************************************/
#container
{
width: 99%;
margin: 10px auto;
margin:
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 140%;
}

#content
{
width: 99%;
margin: 0px;
padding: .2em;
color: #333;
line-height: 140%;
}



#leftnav
{
float: left;
width: 225px;
margin: 0;
padding: .5em;
}

#democontent
{
margin-left: 230px;
border-left: 1px solid gray;
padding: .5em;
max-width: 25em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #fff;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 5px 0; }
#democontent h2 { margin: 0 0 .5em 0; }
#container p { margin: 0 0 5px 0; }


#leftnav h1{ 
margin: 5px 0 0 0; 
font-size: 17px;
color: #000000;
border: 0;
}


.imagecontainer
{
float: left;
width: 53px;
margin: 0;
padding: 0em;
}


.imagecontent
{
margin-left: 60px;
padding: 0em;
max-width: 40em;
}



#imagenumber
{
float: left;
width: 25px;
margin: 0;
padding: 0em;
}



#numbercontent
{
margin-left: 45px;
padding: 0em;
max-width: 45em;
}