/* reset all defaults with wildcard selector */
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
/* HTML tags */

body, html { font-size: 100%; line-height: 1em; font-family: arial, verdana, helvetica, sans-serif; 
margin: 0; padding: 0; border: 0; background-color: #fff;}

p { margin: 10px 0 5px 0; padding: 0; font-size: 0.8em; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	DEFAULT LINKS STYLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a, a:link {color: Red; text-decoration:none; font-weight: bold;}
a:visited {color: Red; text-decoration: none;}
a:hover {color: Red; text-decoration: underline; }
a:active {color: Red; text-decoration: underline;}
a:focus {color: Red; text-decoration: underline; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img { border: 0; }
img.border { border: 1px solid #6699CC !important; }
img.no-border { border: 0 !important; }

img.float-left-margin { border: 1px solid #6699CC !important; float: left; margin: 0 10px 10px 0; }
img.float-left-margin-5 { border: 1px solid #6699CC !important; float: left; margin: 0 5px 10px 0; }
img.float-left-margin-5-noborder { border: 0 !important; float: left; margin: 0 5px 10px 0; }
img.float-left-margin-0-noborder { border: 0; float: left; margin: 0 0 10px 0;}

img.float-left-margin-noborder { border: 0; float: left; margin: 0 10px 10px 0;}

img.float-right-margin { border: 1px solid #6699CC !important; float: right; margin: 0 0 10px 10px; }
img.float-right-margin-noborder { border: 0; float: right; margin: 0 0 10px 10px; }
img.float-right-margin-border { border: 2px solid #6699CC !important; float: right; margin: 0 0 10px 10px;}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS  - CHECK FONT SIZE FOR RESIZING TEXT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 { color: #6699CC; font-weight: bold; }
h1 { font-size:1.4em; margin: 5px 10px 5px 10px; }
h2 { font-size:1.3em; margin: 5px 10px 5px 10px; }
h3 { font-size:1.0em; margin: 10px 10px 5px 10px; }
h4 { font-size:0.9em; margin: 5px 10px 10px 10px; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOLDING PAGE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* master div that holds everything in place  */
div#wrapper { width: 970px; height: 90%; border: 1px solid #6699CC; position: relative; 
               background-color: #fff; margin: 5px auto 5px auto; padding: 10px; }
               

ul { margin: 5px 0 10px 10px; padding: 0; clear: none; font-size: 0.8em; }
ul li { color: #000; margin: 0; padding: 2px 0 2px 20px; 
margin: 0; list-style-type: none; background-repeat: no-repeat; background-image: url('../../Images/bullet.gif'); 
background-position: 0px 4px; }



/* slideshow */
/*** set the width and height to match your images **/

div#slideshow { float: right; position: relative; height: 365px; width: 550px; margin: 0; padding: 0; border: 0; }

div#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0.0; }
/* bring current image to top of z-index */
div#slideshow img.active { z-index: 10; opacity: 1.0; }
/* move last image to lower z-index */
div#slideshow img.last-active { z-index: 9; }

/* fork image */
div#right-bottom { clear: none; float: right; width: 550px; height: 242px; margin: 0; border: 0; }
div#right-bottom img.fork { width: 550px; height: 242px; margin: 0; border: 0; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MISC CLASSES

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* colour scheme */
.grey { color: #827e72; }
.dark-grey { color: #565353; }
.eggshell { color: #f1f0ed; }

.clear { clear: both;}