/*-----------------------------------------------------------------------------
Prototype Site Style Sheet (empty commented stylesheet)

version:   1.0
author:    Greg Stout
email:     greg.stout@ektron.com
-----------------------------------------------------------------------------*/

/* --- Centering fluid -----------------------------------------------------------------------------*/
	div#wrapper
	{
	margin-left: auto;
	margin-right: auto;
	margin-top:60px;
	}


/* --- Centering fixed  

body
{
text-align: center;
}

div#wrapper
{
background-color:#ccc;
margin-left: auto;
margin-right: auto;
width: 64em;  1024px if font = 100%  
text-align: left;
}
-----------------------------------------------------------------------------*/




/* =General
-----------------------------------------------------------------------------*/

/* Site Colors
  Yellow Highlight - #ffc
  Bold Blue - #1678b7
  Light Blue Background - #e5f6ff
	Bold Green - #393
	Light Green Background - #e3ffdc
	Bold Orange - #f60
-----------------------------------------------------------------------------*/

/* CSS Document */

/* =Typography
-----------------------------------------------------------------------------*/
/* Avoid putting a font size on the body 
 Calculate your font and section sizes in Ems to provide scalability for users.
 Browser default size is 16px, there for
 x em =  (desired size in px) / 16
 0.75em = 12px /16

Quick list

1.125em  = 18px
1.063em  = 17px
1em      = 16px 
0.938em  = 15px
0.875em  = 14px
0.813em  = 13px 
0.75em   = 12px
0.688em  = 11px
0.625em  = 10px
0.563em  = 9px
0.5em    = 8px
*/

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background-image:url(../images/bkggrd.gif);
	background-repeat:repeat;
	background-color: #666666;
}

div#wrapper
{
	width: 800px;
	background-image:url(../images/bkg_shadow.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-right:12px;
	padding-bottom:11px;
}

div#container
{
width:800px;
background-color:#FFFFFF;
border:1px solid black;
background-image:url(../images/ftr_logo.gif);
background-position:bottom right;
background-repeat:no-repeat;
min-height:600px;
}

div#header1{
display:block;
height:30px;
}

div#header2{
display:block;
height:150px;
border-bottom:4px solid #0000FF;
}


div#menu
{
	display:block;
	width: 140px;
	margin-left: 45px;
	float: left;
}

div#main_content
{
	display:block;
	width:525px;
	margin-left: 230px;
	font-size: 13px;
}



/* =Headings
-----------------------------------------------------------------------------*/

h1
{
visibility:hidden;
font-size:9px;
}

/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited  {
	text-decoration: none;
	color:#4d4d4d;
}


a:hover  {
	text-decoration: underline;
	color:#4d4d4d;
}

/* =Branding
-----------------------------------------------------------------------------*/




/* =Main Nav
-----------------------------------------------------------------------------*/
#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 30px;
	color: #FFFFFF;
}

#menu ul {
	list-style-type: none;
	padding-bottom:26px;
	color: #FFFFFF;
}

#menu li.selected a:link, #menu li.selected a:visited {
font-weight:bold;
}



/* =Sub Nav
-----------------------------------------------------------------------------*/




/* =Main Content
-----------------------------------------------------------------------------*/
div#content
{
	padding-top:18px;
	color: #4d4d4d;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 16px;
	line-height: 14px;
}




/* =Secondary Content
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 
fieldset {
  border: 1px solid transparent;
}
-----------------------------------------------------------------------------*/



/* =Misc 1
-----------------------------------------------------------------------------*/

.highlight{
font-family:"Trebuchet MS", Tahoma;
text-transform: uppercase;
font-size:12px;
}


/* =Misc 2
-----------------------------------------------------------------------------*/



/* conditionals
[if IE 5]>
<p>This message is only displayed in IE5.</p>
<![endif]

[if !IE 5]>
<p>This message is only displayed in browsers other than IE5.</p>
<![endif]

[if lt IE 7]>
<p>This message is only displayed in browsers earlier than IE7.</p>
<![endif]

[if gte IE 6]>
<p>This message is only displayed in IE6 and greater.</p>
<![endif]

--------------------------------------------------------------------------------*/

