/* Cascading Style Sheets                                                */
/* Definition file (three column layout with header and footer)          */
/* 01 Jan 2008                                                           */
/* Chris Macgowan                                                        */
/*                                                                       */
/* This CSS defintion will present a three column layout with header     */
/* and footer.  There is a left navigation, right navigation, content,   */
/* header and footer.                                                    */
/*                                                                       */
/*                                                                       */
/* Modification History                                                  */
/* Date         Author                                                   */
/* --------------------------------------------------------------------- */
/* 09 Jul 2009  Macgowan                                                 */
/* We are fixing the floating properties so that it will work with IE.   */
/* Ref: http://www.maxdesign.com.au/presentation/center/                 */
/* We have added the following the following #definitions.  These will   */
/* force the text to be centered and thus the page in the css style.     */
/* In the #container we then force the text back to left                 */
/* #body - entire definition                                             */
/* #container - text-align: left                                         */
/*                                                                       */
/* 01 Jan 2008  Macgowan                                                 */
/* We added this stuff to our site.  The site below was used as a        */
/* Reference:                                                            */
/* Ref: http://css.maxdesign.com.au/floatutorial/tutorial0211.htm        */
/*                                                                       */
/* background-color:yellow;                                              */


#body
{
text-align: center;


margin: 0;
padding: 0;
color: #000;
background-color: rgb(120,120,120);
}

#container
{
width: 80%;
margin: 10px auto;
text-align: left;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: 0.5em;
background-color: #1E90FF;
border-bottom: 1px solid gray;
font-family: arial
}

#top h1
{
padding: 0;
margin: 0;
font-family: arial
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#rightnav
{
float: right;
width: 160px;
margin: 0;
padding: 1em;
img.imageleft { float: left; margin: 15px; }
img.imageright { float: right; margin: 15px; }
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
margin-right: 200px;
border-right: 1px solid gray;
padding: 1em;
max-width: 36em;
font-size:11pt;
}

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

#leftnav p
{ 
margin: 0 0 1em 0;
}

#rightnav p 
{ 
margin: 0 0 1em 0;
margin-left: 0px;
font-size: 85%;
line-height: 130%;
}



#content h2 { margin: 0 0 .5em 0; }