@charset "UTF-8";
/* CSS Document */

/********************
STYLING - text and image
*********************/

body { 
font-family: Helvetica, Arial, sans-serif; 
font-size: 100%;
background-image: url(images/rip-bg.gif);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5  {
color: #95ae0a; 
font-weight:normal;
}

h1 {
font-size: 1.5em;
margin: 20px 0px 15px 0px;
}

h2 {
font-size: 1.3em;
margin: 15px 0px 10px 0px;
}

h3 {
font-size: 1.1em;
margin: 0px 0px 10px 0px;
}

p {
color: #000000;
font-size: 0.9em;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
}

ul, ol {
color: #000000;
font-size: 0.9em;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
padding-left: 20px;
list-style: square;
}

li {
padding: 0 0 5px 0; 
}

/* links */
a {outline: none;}
a:link, a:visited {color: #f26522; text-decoration: none;}
a:hover, a:focus, a:active {color: #b74100; text-decoration: none;}

img {border: none}

/********************
VIDEO
*********************/
object {
margin: 0px 0px 10px 0px;
}

/********************
CENTRED CONTAINER
*********************/
.container {
width:700px;
padding: 0;
margin-left: auto;
margin-right: auto;
}
/* left and right auto margin centres the page in complient browsers */

/********************
HEADER
*********************/

#header
{
   padding: 0;
   margin: 0;
   background-repeat:no-repeat;
   background-position: 0 0;
   color: #fff;
   float: left;
   width: 100%;
   height: 175px;
}

div#header h1 {
   padding: 0;
   margin: 0;

}

div#header h1 a {
/* you can set your own image here */
   padding: 0;
   margin: 0;
   background-image:url(images/leafgreen.gif);
   background-repeat:no-repeat;
   background-position: 0 0px;
   float: left;
   height: 175px;             /* adjust according your image size */
   width: 700px;
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/********************
MENU
*********************/

/* 
background-color for the entire menu row, 
covering 100% of the width and text center-aligned 
*/
#globalnav {
padding: 0;
margin: 0;
float: left;
width: 100%;
}

#globalnav ul {
   padding: 0;
   margin: 0;
}

/* menu list items */
#globalnav li {
	padding: 0 25px 10px 0;
	margin: 0 ;
	float: left; /* makes the list horizontal */
	display: inline;
	list-style: none; /* hides the list bullet */ 
	font-size: 20px;
	color: #95ae0a;
}


/* the links, that is each list item */
#globalnav a {
   text-decoration: none; /* no underline for links */
   color: #f26522;
   display: block; /* IE has problems with this, fixed above */
}


/* hover state for links */
#globalnav li a:hover {
   color: #b74100;
   text-decoration: none;
}

#globalnav a.activeparent:hover {
   color: #b74100;
   text-decoration: none;
}

/* active parent, that is the first-level parent of a child page that is the current page */
#globalnav li.activeparent a {
   color: #95ae0a;
   text-decoration: none;
}

#globalnav h3 {
   padding: 0px 10px 10px 20px;
   margin: 0 ;
   color: #95ae0a;
   text-decoration: none;
   font-size: 20px;
}


/********************
BREADCRUMB TRAIL
*********************/

#crumb
{
   padding: 0;
   margin: 0;
   background-color: #dde5aa;
   color: #000;
   float: left;
   width: 100%;
   font-size: 0.75em;
}

#crumb p
{
   padding: 7px 0 6px 0;
   margin: 0;
}

/********************
LOCAL NAV - left column
*********************/

#localnav
{
   padding: 20px 0 0 0;
   margin: 0;
   width: 130px;
   float: left;
}

#localnav ul
{
	padding: 0;
	margin: 0;
}

#localnav li  
{
   padding: 0 0 10px 0;
   margin: 0;
   font-weight: bold;
   font-size: 0.9em;
   line-height: 1.2em;
   text-decoration: none;
   list-style: none;
   color: #95ae0a;
}

/********************
CONTENT - right column
*********************/

#content
{
   padding: 0 20px 0 20px;
   margin: 0;
   width: 530px;
   float: left;
}