/* Cascading Style Sheets                                                */
/* Definition file (two column layout with header and footer)            */
/* 01 Jan 2008                                                           */
/* Chris Macgowan                                                        */
/*                                                                       */
/* This CSS defintion will present a two column layout with header       */
/* and footer.  There is a left navigation, content, header and footer.  */
/*                                                                       */
/*                                                                       */
/* Modification History                                                  */
/* Date         Author                                                   */
/* --------------------------------------------------------------------- */
/* 13 Mar 2010  Macgowan                                                 */
/* We make changes to make all background black.  details below.         */
/* Original cod ebelow - like we need subversion !                       */
/* #container color: #333;                                               */
/* #footer color: #333;                                                  */
/*                                                                       */
/* 17 Feb 2010  Macgowan                                                 */
/* We make changes to make all background black.  details below.         */
/* Original cod ebelow - like we need subversion !                       */
/* #body background-color: rgb(120,120,120);				 */
/* #container background-color: #fff;                                    */
/* #top background-color: #1E90FF;                                       */
/* #leftnav background-color: #fff;                                      */
/* #content background-color: #fff;                                      */
/* #footer background-color: #1E90FF;                                    */
/* border: 1px solid gray;                                               */
/*                                                                       */
/*                                                                       */
/* 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                                         */
/*                                                                       */
/* 05 Oct 2008  Macgowan                                                 */
/* Added .floatright, .floatright2 and div.floatright2 img               */
/* Ref: http://css.maxdesign.com.au/floatutorial/tutorial0211.htm        */
/*                                                                       */
/* 23 May 2009  Macgowan                                                 */
/* Messing with the colors and layout.                                   */
/* Ref: http://css.maxdesign.com.au/floatutorial/tutorial0211.htm        */
/*                                                                       */
/* 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        */
/*                                                                       */


#body
{
text-align: center;
background-color: rgb(0,0,0);
}


#container
{
width: 80%;
margin: 10px auto;
text-align: left;
background-color: rgb(0,0,0);
color: rgb(133,133,133);
line-height: 130%;
}

#top
{
padding: .5em;
border-bottom: 1px solid gray;
font-family: arial;
background-color: rgb(0,0,0);
}

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

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
background-color: rgb(0,0,0);
}

#content
{
margin-left: 200px;
border-left: 1px solid gray;
padding: 1em;
max-width: 36em;
font-size:11pt;
background-color: rgb(0,0,0);
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: rgb(255,255,255)
background-color: rgb(0,0,0);
border-top: 1px solid gray;
}

.floatright
{
float: right;
margin: 0 0 10px 10px;
clear: right;
}

.floatright2
{
float: right;
width: 183px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright2 img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

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

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