/* CSS Document */

/*good for working out where your divs are

div
{border:blue solid 1px;
}
*/

/*general layout rules*/
body
{ font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	background-image:url('back_drop_999.gif');
	background-repeat:repeat-y;
	background-position:center;
	font-size:14px;
	text-align:center;/*for IE6*/
			}
#wrapper
{	
	background-color:#fff;
	border:1px solid #ddd;
	border-bottom:none;
	padding:0 10px;
	background-image:url('gradient.png');
	background-repeat:repeat-x;
	text-align:justify;
	width:852px;
	margin:auto;
	
	
	}
	
	#header
	{
	    padding-top:5px;
	}
	
#bar
{	border:#ccc solid 1px;
	
	float:left;
	width:180px;
	margin:8px;
	padding:10px;
	}
	
#content
{	float:left;
width:610px;
margin:10px;
}
#footer
{
    clear:both;
    width:850px;
    
}

/*general rules*/
a
{	color:#FF9900;
	text-decoration:none;
	font-weight:bold;
}
a:hover{color:#000000;}

li a:hover
{
	color:#FFFFCC;
	
}

h1{
	
	font-size:20px;
}

h2
{
	color:#FF9900;
	font-size:16px;
	
}

 
h1, h2, h3, h4
{
	font-variant:small-caps;
	text-transform:capitalize;
	clear:both;
}
h4
{color:#ff9900;
 display:inline;
 padding-right:10px;
 }
img
{border:solid 1px black;
margin:10px;
float:right;
}

strong
{
color:#ff9900;
}

iframe
{
    margin-bottom:10px;
}

/*header rules*/
	
#header
{padding-top:10px;

}	

.graphic
{
border-style:none;
padding:0px;
margin:0;
float:none;

}

/*navbar rules*/

#navbar
{
	background-repeat:no-repeat;
	color:#fff;
	text-align:center;
	background-color:#ec8500;
	width:840px;
	padding:5px 0;
	margin:0;
			
}

#navbar li
{
	color:#fff;
	display:inline;
	margin:0px;
	font-weight:bold;
	padding:0px;
		
}

#navbar li a
{
	color:#fff;
	text-transform:capitalize;
	font-variant:small-caps;
	font-size:16px;
	padding:5px 25px;
}

#navbar li a:hover
{
	background-color:#FFFF99;
	color:#000;	

	
}

#navbar .alt a:hover
{
	background-color:#FFFFB7;	
}


/*content rules*/

li.front
{	list-style-image:url(sun.gif);
	margin-left:0px;
}

p.inline
{display:inline;}

#map
{float:right;
 margin-left:20px;
 margin-bottom:10px;}

/*bar rules*/

.rightbar a:hover
{	color:#ff9900;
	
}

.rightbar a
{font-variant:small-caps;
}

.rightbar 
{
text-align:justify;
font-size:100%;
margin:10px;
}

.rightbar p
{
margin:0 10px;

}

.rightbar h2
{
    text-align:center;
}



/*form rules*/
form
{width:550px;
margin:0;
padding:0;
}
label
{
color:#FF9900;
float:left;
margin:0 10px 0 0;
width:125px;
padding:0;
}
fieldset
{
border:none;
padding:0px;
margin:0 0 20px 0;
}
#image
{
float:right;
width:auto;
margin:5px;
padding:2px;
border:1px #ccc solid;
}
legend
{
visibility:hidden;
height:1px;
}
input
{
display:block;
width:300px;
vertical-align:middle;
border:#ccc 1px solid;
padding:0;
margin:0;
}
.list
{
display:inline;
width:20px;
border:none;
}
.listlab
{float:none;
}
select
{
width:160px;
border:1px solid #ccc;
display:inline;
margin-top:10px;
    margin-bottom: 0px;
}
textarea
{
width:300px;
height:200px;
border:1px solid #ccc;
text-align:justify;
}
.inline
{
display:inline;
padding-right:20px;
padding-top:10px;
}