﻿body
{
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
}
img
{
	border: thin solid #999;
}
a:link, a:visited, a:active
{
	/*color:#f30; */
	color: #F97C00;
	text-decoration:none;
}  
a:hover { /*color:#f30; */
	color:#F97C00;
	text-decoration:underline;
}

a.more { margin-left:10px; }

h1
{
	margin:0;
    padding:0;
}

h1 img { margin:0; padding:0; border:none; }
h2 { text-align: left; margin:0; margin-left: 60px; margin-bottom:30px; font-size:130%;
    }
h3 { margin:0 0 0 60px; font-size:120%; }
p { margin-left:60px; }

hr
{
	color:#ff9;
}
form
{
    background-color:#fff;
    width:500px;
    margin-left:120px;
}

/* TOOLS */
*.float-divider  { clear:both; height:1px; font-size:1px; line-height:1px; }
*.screenreader-only { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow: hidden; } 
*.hidden { position:absolute; top:-99999px; left:-99999px; width:1px; height:1px; overflow:hidden; }
*.callout-left { float:left; width:15%; min-width: 125px; padding:0; margin:5px 20px 0 0; 
                 position:relative; top:0; text-align:center; }
*.callout-right { float:right; width:15%; min-width: 125px; padding:0; margin:0 10px 0 0; 
                 position:relative; top:0; text-align:center; }
*.callout-right a { color:#000; font-size: 0.8em; text-decoration:none; }
*.callout-right a:hover { color:#f00; }

*.preserved { white-space:pre; font-family:Monospace; }
*.highlight { font-weight: bold; }
*.require { color:#f00; }
*.clickable { cursor:pointer; }
             
a.contact:link, a.contact:visited, a.contact:active
{
    color: #f00;
}
a.contact:hover
{
    color: #f30;
    text-decoration: underline;
}

/* LISTS */
ul.inline    { padding:0; margin:0; text-align:center; }
ul.inline li { display:inline; }

/* PAGE */
#page 
{ 
    width:900px; margin: 0 auto 0 auto; padding:0; background-color:#fff;
}

#top
{
	
	width:900px;
	height:100px;
	background-image: url(../images/HeaderLogo.jpg);
	background-repeat: no-repeat;
	background-color: #ff0;
	margin:10px 0 0 0;
	padding:0;
	border-bottom: solid 5px #000;
}

/* HEADER */
                       
#header
{
	float: left;
	width: 100%;
	text-align: right;
}
#header *.oi { margin:0 auto;  }
#header ul { margin:75px 0 0 0; padding:0; }
#header ul li
{
    display:inline;
    padding-right:20px;
}
#header ul li a
{
	color: #000;
	text-decoration:none;
}

#header ul li a:hover
{
	color: #f00;
	text-decoration:none;
}

#container
{
	float: left;
	width: 100%;
	/*min-width: 900px;*/
	background-color: #fff;
	color:#000;
	margin:0;
	padding:0;
	background-image: url(../images/footerLogo2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#container2
{
	width:100%;
	margin: 40px 0;
	background: #fff url( ../images/navbackgrd.gif ) repeat-y;
}

/* NAVIGATION */
#nav 
{ 
    float:left;
    width:25%;
    text-align:left;
}

#nav ul
{
	margin:10px 0 0 0;
	padding:0;
	list-style-type: none;
	text-align: left;
}

#nav ul li
{
	text-align:left;
	padding: 0 30px 25px 20px;
}

#nav a
{
    text-align: left;
	font: normal 1em verdana, lucida, sans-serif;
    text-decoration: none;
	color:#000;
}

#nav a:hover
{
    color: #f00;
}

#nav ul li a#current
{
	color: #f00;
    text-decoration:none;
}

#nav ul ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li li
{
	margin:0;
	padding:0;
}

#nav li li a
{
	display: block;
	color: #333;
	width: 110px;
	padding: 5px 20px 0 20px;
	margin: 0;
	text-decoration: none;
	font-size: 12px;
}

#nav li li a:hover
{
	color: #f00;
}

/* MAIN */
#main 
{ 
	float:left; 
	width:75%; 
	/*min-height:375px;*/
	text-align: left;
}
#main *.oi
{
    /*padding: 0.5em 1em 0 1em; */ 
	margin:0;
	padding:0;
}

#main *.oi h2
{
    margin:0 0 0 10px;
    padding:0; 
    color:#000;
    font-size:130%;
    text-align:left;
}
#main *.oi h3
{
    margin:1em 0 0 10px;
    padding:0; 
    color:#000;
    font-size:110%;
    text-align:left;
}
/* SECTION */
*.section
{
    float:left;
    width:100%;
	text-align:left;
}

*.section h3
{
    margin:0 0 0 10px;
    padding:0; 
    color:#000;
    font-size:120%;
    text-align:left;
}
*.section p
{
    margin:0 0 1em 10px;
	padding:2px 30px 0 0;
    line-height:1.5em;
    text-align:left;
}

*.section ul
{
    margin:0;
    padding:0 4.2em 1em 4.2em;
}

/**.section a
{
	color:#f60;
	text-decoration:none;
}*/
*.section a:hover
{
    color: #f30;
    text-decoration: underline;
}

*.section img
{
    margin:0 0.8% 0.8% 0.8%;
    text-align:center;
    /*border-color: #ccc #999 #999 #ccc;
    border-width:1px 2px 2px 1px;
    border-style:solid;*/
}
*.section span.caption { font-size:0.8em; }

*.section a.contactbtn
{
    color:#f00;
    background-color: #fc6;
    padding: 5px;
    margin-left: 1em;
    margin-bottom: 1em;
    border: 1px outset #ccc;
    text-decoration:none;
}

*.section a.contactbtn:hover
{
    text-decoration: none;
}

/* FOOTER */
#footer  
{
	clear:both;
	min-width:550px;
	padding:0;
	font-size:0.7em;
	text-align:right;
	background-image: url(../images/footerGradient.jpg);
	background-color: #ff0;
	border-top: solid 3px #000;
	background-repeat: no-repeat;
}
#footer ul {
	margin:0;
	padding:0;
	line-height:1.7em;
}
#footer ul, #footer p, #footer *.contact, #footer *.copyright { margin:0; text-align:right; padding-right:3px; }
#footer ul a { color:#000; text-decoration:none; }
#footer a:hover { color:#f00; text-decoration:underline; }



