<style media="screen" type="text/css"> 

/* General styles */
body {
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#fff;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
		/* The min-width property does not work in old versions of Internet Explorer */
    font-size:90%;}

blockquote p {
background: transparent url("/img/rquot.gif") 100% 100% no-repeat;
border: 1px solid #A3A191;
margin: 0;
padding: 4px 8px 8px 16px;
border-image: initial;}

blockquote {
background: #CCCCCC url("/img/lquot.gif") no-repeat;}

/* Anchors */
a {
margin : 2;
text-decoration : none;
font-family: Arial, SunSans-Regular, sans-serif;
color : #004778;
background : inherit;}

a:hover, a:active {
	font-family: arial;
	background-color: #004778;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;}
		
/* Headings */
h2 {font-size: 1.471em}	/* 22px */
h3 {font-size: 1.329em}	/* 20px */
h4 {font-size: 1.186em}	/* 18px */
h5 {font-size: 1.043em}	/* 16px */
h6 {font-size: 1em}	/* 14px */

h2, h3, h4, h5, h6 {
	font-family: Arial, SunSans-Regular, sans-serif;
	color: #545454;
	padding: 2px;
	font-weight: 400;
	line-height: 1;
	margin: 5px;
	margin-bottom: .8em;}
	
li {
    font-family: Arial, SunSans-Regular, sans-serif;}
    
h1, h2 {
    font-family: Arial, SunSans-Regular, sans-serif;}

p {
	margin:0px 10px 10px 10px;
		font: 11px Arial, Helvetica, sans-serif;
		display: block;
		-webkit-margin-before: 1em;
		-webkit-margin-after: 1em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;}

img {
	margin: 10px 0 5px;}

 pre {
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 white-space: pre-wrap;
 font: 11px Arial, Helvetica, sans-serif;
 word-wrap: break-word;}

#pictures {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;}

/* Photo Upload */	
#f1_upload_form {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;}

#f1_upload_process{
   z-index:100;
   visibility:hidden;
   position:absolute;
   text-align:center;
   width:400px;}

/* Header styles */
#header {
	background: #004778;
	clear:both;
	float:left;
	width:100%;}
	
#header {
	border-bottom:1px solid #000;}

#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;}

#header ul li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;}

#header ul li a {
  display:block;
  float:left;
  margin:0 0 0 1px;
  padding:3px 10px;
  text-align:center;
  background:#004778;
  color:#fff;
  text-decoration:none;
  position:relative;
  left:15px;
  line-height:1.3em;}

#header ul li a:hover {
  background: #000;
  color:#fff;}

#header ul li a.active,

#header ul li a.active:hover {
  color:#fff;
  background:#000;
  font-weight:bold;}

/* Footer styles */
#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #000;}

#footer p {
  padding:10px;
  font : 70% arial, verdana, tahoma, "Trebuchet MS", sans-serif;
  margin:0;}
    	
/* Not sure is effective */
.gradient {
  background: #999; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */ }

div {
	-webkit-border-radius: 2px;
}

.button, input[type=submit]{
  padding: 2px 4px;
  -webkit-border-radius: 5px;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(210, 210, 210)));
  border: solid 1px rgb(153, 153, 153);
  color: #333;
  display: inline-block;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(255,255,255,1);
  text-indent:0px;
  }
  
.button:hover, .button:active {
	background: #004778; /* works as background color */
	background-color: #004778;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #333;}

/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */}

/* holy grail 3 column settings */
.holygrail {
  background:#ffffff;    	/* Right column background colour */}

.holygrail .colmid {
  float:left;
  width:200%;
  margin-left:-200px; 	/* Width of right column */
  position:relative;
  right:100%;
  background:#fff;    	/* Centre column background colour */}

.holygrail .colleft {
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:400px;         	/* Left column width + right column width */
  background:#ffffff;    	/* Left column background colour */}

.holygrail .col1wrap {
  float:left;
  width:50%;
  position:relative;
  right:200px;        	/* Width of left column */
  padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */}

.holygrail .col1 {
  margin:0 215px;
  position:relative;
  left:200%;
  overflow:hidden;}

.holygrail .col2 {
  float:left;
  float:right;			/* This overrides the float:left above */
  width:170px;        	/* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:15px;         	/* Width of the left-had side padding on the left column */}

.holygrail .col3 {
  float:left;
  float:right;			/* This overrides the float:left above */
  width:170px;        	/* Width of right column content (right column width minus left and right padding) */
  margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;}
 
</style>

