/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Default Item Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Reset all Margins as they vary from browser to browser */
* {
  margin: 0;
  padding: 0;
}


/* Get content to occupy 100% of the browser height */
html, body {
    height: 100%;
}

/* Set the default fonts for the page */
body {
    font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
    color: #444;
}

/* Default browser font size is 16pt, To get 10pt set the body size to 0.5em which gives you 8pt and then set the page font size
to 1.25em of this, e.g 10pt */

body {
    font-size: 10pt;
    background: #111 url(../images/mainBG.gif) repeat;
    margin: 20px 0;
    padding: 0;
}

/* Reset Default Header Sizes */
h1, h2, h3, h4, h5, h6 {
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

h1 {
    font-size: 1.25em; 
    margin: 10px 15px;
    font-weight: bold;
    COLOR: #007384;
}

h2 {	
    font-size: 1em;
    margin: 10px 15px;
    font-weight: bold;
}

h3 {
    font-size: 1.25em;
    COLOR: #D5D5D5;
}

h4 {
    font-size: 1.5em;
    COLOR: #D5D5D5;
    margin-bottom: 0.1em;
}

h5 {
    font-size: 1.2em;
    COLOR: #D5D5D5;
}

h6 {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #090;
}

/* Set default links to none underlined and underlined when visited */
a:link, a:visited {
    color: #DE2900;
    text-decoration: none;
}

a:hover, a:active {
    color: #006699;
    text-decoration: underline;
}

/* Order List Default Bullets */
ul, ol {
    margin: 10px 30px;
    padding: 0 15px;	
}

img {
  border: 1px solid #DDD; 
  padding: 5px;
  background-color: #FFF;
}
img.float-right {
  margin: 5px 15px 5px 5px; /* Order: top, right, bottom, left */
  float: right;
}
img.float-left {
  margin: 5px 5px 5px 5px; /* Order: top, right, bottom, left */
  float: left;
}

img.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

hr {
	border: none 0; 
	border-top: 1px dashed #D5D5D5;/*the border*/
	height: 1px;
} 

#pagesetup {
	width: 770px;
	margin: 0 auto;
	background: #FFF;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Form
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
label {
width: 12em;
float: left;
text-align: left;
margin-right: 0.5em;
display: block;
FONT-WEIGHT: bold;
}

input, select, textarea {
margin-left: 1.5em;
color: #000000;
background: #D5D5D5;
border: 1px solid #B9BFD7;
}

.submit-button {
  	font-weight: bold; /* font weight of text */
  	font-size: 0.90em; /* font weight of text */
  	padding: 0.15em 0.3em 0.15em 0.3em; /* Order: top, right, bottom, left */
  	color: #FFFFFF; /* font colour */
  	background: #DE2900; /* background colour */
  	border: #B9BFD7 solid 0.1em; /* border size/colour */
}
 
fieldset {
margin: 0.5em 0.5em 0.5em 0em; /* Order: top, right, bottom, left */
border: 0px solid #AE646C;
} 

.smallfont {
	font-size: 0.80em; /* font weight of text */
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Header Setup 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#header {
	position: relative;
	height: 171px;
	text-align: left;		
	margin: 0; 
	padding: 0;	
	background: #FFF;
}
#header .headerimage {
	position: absolute;
	right: 15px ; top: 15px;
	width: 455px;
	height: 156px;
	background: #FFF url(../images/headerImage.jpg) no-repeat;	
}

#header img {
  border: 0px solid #DDD; 
  padding: 0px;
  background-color: #FFF;
}

#header #grgblogo {
	position: absolute;
	left: 15px ; top: 15px;
	width: 280px;
	height: 156px;
        background: #B9BFD7 url(../images/GRGBLogo.gif) no-repeat;
}
#grgblogo #contact {
	position: absolute;	
	font: bold 19px 'Arial', Sans-serif;
	text-transform: none;
	color: #DE2900;	
	margin: 0; padding: 0;
	top: 130px; left: 55px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Main Content 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#maincontent {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	width: 740px;
	background: #F0F2F7;	
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;			
}

#popupcontent {
	width: 440px;
	background: #F0F2F7;	
	clear: both;
	text-align: left;	
	padding: 0;
	margin: 0 auto;			
}

#main {
	float: left;
	width: 100%;	
	margin: 0 0 10px 0; padding: 0;	
}

#main p {
	margin: 10px 15px;
	text-align: justify;
}

#main h1 {
	padding: 10px 0 5px 5px; /* Order: top, right, bottom, left */
	margin: 0 0 0 0px; /* Order: top, right, bottom, left */
	border-bottom: 1px dashed #D5D5D5; 	
}
#main ul li {
	list-style-image: url(../images/bullet.gif);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Page Footer 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#footer {
	clear: both;
	margin: 0; padding: 10px 0 0 0;
	font: normal .92em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	height: 20px;
	color: #666666;
	text-align: center;
}
#footer p {
	margin: 0; padding: 0;
	text-align: center;
}
#footer a {
	text-decoration: none;
	color: #777;	
}
#footer a:hover {
	text-decoration: underline;
	color: #333;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  Navigation 
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#navContainer {
	clear: both;
	float: left;
	width: 100%;
}

.contentNav {
	clear: both;
	/* margin:0px 0px 5px 0.55em; Order: top, right, bottom, left */
	margin: 5px auto;
	padding:0px 0px 0px 0px; /* Order: top, right, bottom, left */	
	width: 740px;
	background-color:#DE2900;
}

ul#navmenu {
  margin:0px 0px 0px 0px; /* Order: top, right, bottom, left */
  border: 0 none;
  padding: 0;
  width: 740px; /*For KHTML*/
  list-style: none;
  z-index:8;
  height: 1.62em;
}

ul#navmenu li {
  z-index:9;
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 1.62em;
}

ul#navmenu ul {
  z-index:10;
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 1.65em;
  left: 0;
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 150px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 1px solid #DE2900;
  border-right-color: #FFF;
  padding: 0 5px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #DE2900;
  color: #FFFFFF;
  

  font: bolder 13px/20px 'Arial', sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  border: 1px solid #007384;
  border-right-color: #FFF;
  background: #007384;
  color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #DE2900;
  color: #FFF;
border: 1px solid #FFF;
border-bottom-color: #DE2900;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	border: 1px solid #FFF;
border-bottom-color: #007384;
  background: #007384;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}