body {
	color: #FFFFFF;
	text-align: center;
	min-width: 800px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font: normal 90.01% Verdana, Arial, Helvetica, sans-serif;
	background-color: #333333;
}
#OuterWrapper {
	width: 1172px;/*sets the width for IE5.x's broken box model*/
	w\idth: 1170px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	padding: 0px;
	text-align: right;
	background-image: url(outerWrapper.jpg);
	background-repeat: repeat-y;
	border-bottom: medium solid #000066;
}
#wrapper {
	width: 802px;/*sets the width for IE5.x's broken box model*/
	w\idth: 802px; /* sets the width of the wrapper for compliant browsers*/
	margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	padding: 0px;
	text-align: center;
	background-color: #1C1D91;
	border-left: 35px solid #333333;
	border-right: 35px solid #333333;
}
#adBox {
	text-align: center;
	padding: 5px;
	border: thin solid #000000;
	background: #000000;
	width: auto;
	color: #FFFFFF;
	font: bold 90% Geneva, Arial, Helvetica, sans-serif;
	height: 140px;
	margin-top: 5px;
	float: left;
	margin-left: 10px;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}


a:hover {
	color: #AAACF8;
	text-decoration: none;
}
h1 {
	color: #1B1D90;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	text-indent: -9000px;
}
h2 {
	color: #FFFFFF;
	text-align: center;
	font: normal 130% Georgia, "Times New Roman", Times, serif;
}

.highlight1 {
	font-size: 150%;
	font-weight: bold;
	color: #663300;
	text-align: center;
}
.highlight2 {
	color: #003300;
	font: bold 120% Georgia, "Times New Roman", Times, serif;
}
.highlight3 {
	color: #666600;
	font-size: 120%;
	font-weight: bold;
}

.leftImage {
	margin: 0px 10px 0px 0px;
	float: left;
	padding: 0px;
}
.redtext {
	color: #FF0000;
}

.rightImage {
	margin: 0px 0px 0px 10px;
	float: right;
	padding: 0px;
}


#header {
	margin: 0px;
	padding: 0px;
	height: 200px;
	width: 800px;
	position: relative;
	background-image: url(logoWebIntro.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#leftcol {
	margin: 0px;
	float: left;
	width: 49%;
	position: relative;
	border: 3px solid #FF9900;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #000000;
}

#leftcol p {
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 10px;
}

#rightcol {
	margin: 0px;
	float: right;
	width: 49%;
	position: relative;
	border: 3px solid #FF9900;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #000000;
}
#rightcol p {
	padding-right: 8px;
	padding-left: 10px;
	padding-bottom: 4px;
}
.web {
	color:#000000;
	background-color: #9CC4FE;
}

#topNav {
	margin: 10px 0px;
	padding: 0px;
	width: 800px;
	border-bottom: 2px solid #000000;
	text-align: center;
}
#topNav ul{
	margin: 0;/*zeroes off the margins*/
	padding: 0px;
}
#topNav li{
	display: inline;
}
#topNav a {
	color: #000000;
	text-decoration: none;
	font: bold 95% Verdana, Arial, Helvetica, sans-serif;
}
#topNav a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#insert {
	margin: 0px;
	padding: 5px;
	width: auto;
	text-align: left;
	border-bottom: 1px solid #FF9900;
	color: #FFFFFF;
	
	min-height: 120px;
}
#insert a:hover, {
	color: #CC99FF;
	text-decoration: none;
}
#insert a {
	color: #FF9900;
	text-decoration: none;
	font: bold 115% Arial, Helvetica, sans-serif;
}
#insert a:hover {
	color: #9CC4FE;
	text-decoration: none;
}

#insertRow {
	width: 800px;
	position: relative;
	margin: 5px 0px 0px;
	padding: 5px 0px;
	border-top: medium solid #000000;
	text-align: center;
}
#insertRow ul {
	text-align: left;
	text-indent: 30px;
	display: run-in;
}
#insertRow li {
display: inline;
}
#insertRow a {
	color: #FF0000;
	text-decoration: none;
	font: bold 115% Arial, Helvetica, sans-serif;
}
#insertRow a:hover {
	color: #FFFF00;
	text-decoration: none;
}
.image {
	padding: 5px;
}


#collumn {
	text-align: center;
	padding: 0px;
	width: 170px;
	border: thin solid #000000;
	float: right;
	clear: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	position: relative;
}
#colThree {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
	position: relative;
	border: medium solid #FFDB4B;
	text-align: center;
	background: #000000;
}
#colTwo {
	margin: 0px 160px;
	padding: 0px;
	text-align: center;
	position: relative;
	width: 450px;
}

#colOne {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
	position: relative;
	left: 0px;
	border: medium solid #FFDB4B;
	text-align: center;
	background: #000000;
}
#sideNav {
	width:169px;
	max-width:169px;
	padding: 0px;
	float: left;
	margin: 0px 10px 0px 0px;
	text-align: left;
	text-indent: 10px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
}
#sideNav #navigation {
	line-height: 80%; /* helps out IE 5.01 PC */
	width: 169px;
}
#sideNav #navigation ul {
	list-style-type: none; /* removes the bullets from our list navigation */
	margin: 0; /* zeroes off the margins */
	padding: 0; /* zeroes off the padding */
	font-size: 90%; /* scales the font to 75% of the body font declaration*/
}
#sideNav #navigation ul li { /*The 3 margin property/value pairs are a hack to make the links butt together in IE 5.01 */
	padding: 0; /* zeroes off the padding */
	margin: 0; /* zeroes off the margins */
	margin: /**/ 0 0 -3px 0; /* This takes 3px off the bottom margin in IE 5.01 - IE 5.5 cannot read this hack so stays with the 0 value from the last margin property */
	ma\rgin: 0;
}
#sideNav #navigation a, 
#sideNav #navigation a:visited { /* use dual selectors if the properties and values are the same for each */
	border-bottom: 2px solid #000000; /* sets the right border */
	color: #000000; /* changes the default text colour to white */
	display: block; /* required to make the links act like a button, having the full area "clickable" */
	padding: 4px 0 4px 4px; /* sets padding values to give the link text some "air" */
	text-decoration: none; /* removes the default underline */
	background-color: #CCCCCC; /* sets a background colour on the links which hides the roll over snowman image in the li selector */
	width: 163px; /* sets the width for IE5.x - content width plus border widths plus padding value = 6 extra pixels */
	w\idth: 163px; /* resets the width for IE6 and compliant browsers */
	font-weight: bold;
	border-top: 4px solid #000000;
}

/* using the \ escape character as in w\idth - see final property declaration in the selector above */
/* IE 5.01 and IE5.5 cannot read this selector. The escape character must not come immediately before the letters a,b,c,d,e or f. If it does it will be seen as a hex character and the hack will fail */

#sideNav #navigation a:hover, 
#sideNav #navigation a:focus { /* use dual selectors if the properties and values are the same for each */
	background-color: transparent; /* changes the bottom border to white to give the hover state an indented look */
	color: #FFFFFF; /* changes the hover and focus text to black */
	font-weight: bolder;
}
#botNav {
	width: 100%;
	text-align: center;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#botNav ul{
	margin: 0;/*zeroes off the margins*/
	padding: 0px;
}
#botNav li{
	display: inline;
}
#botNav a {
	color: #FFFFFF;
	text-decoration: none;
	font: bold 120% Georgia, "Times New Roman", Times, serif;
}
#botNav a:hover {
	color: #AAACF8;
	text-decoration: none;
}
.brclear { 
     clear:both; 
     height:0; 
     margin:0;
     font-size: 1px;
     line-height: 0px;
}
.black {
	color: #000000;
}
#insertRowLeftT {
	width: 800px;
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-position: inside;
	list-style-type: disc;
}

#colThin {
	margin: 0px;
	padding: 4px;
	float: right;
	width: 150px;
	position: relative;
	border: thin solid #000000;
	text-align: center;
	font-size: 80%;
}
#colThin ul {
	text-align: left;
	list-style: disc inside;
	margin: 0px;
	padding: 0px 4px 0px 10px;
}
#collumnTwo {
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 460px;
	float: right;
}
#sidebar {
	margin: 0px 10px 5px 0px;
	padding: 5px;
	float: left;
	width: 270px;
	position: relative;
	left: 0px;
	border: thin solid #000000;
	text-align: center;
}
#sideInsert {
	margin: 0px;
	padding: 5px;
	height: 90px;
	width: auto;
	text-align: left;
	border: 1px solid #000000;
}
#insertRowLeftT ul {

	text-align: center;
}
#video320 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 320px;
	height: 300px;
}
#signature {
	float: left;
	width: 320px;
	position: relative;
	border: 1px solid #000000;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 70%;
}
#leftcolBlue {

	margin: 0px;
	float: left;
	width: 49%;
	position: relative;
	background: #9CC4FE;
	color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#rightcolBlue {
	margin: 0px;
	float: right;
	width: 49%;
	position: relative;
	color: #000000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.leftImageB {
	margin: 0px 10px 0px 0px;
	float: left;
	padding: 0px;
	border: 4px solid #666600;
}
.rightImageB {
	margin: 0px 0px 0px 10px;
	float: right;
	padding: 0px;
	border: 4px solid #666600;
}
.leftImageP {
	float: left;
	margin: 0px;
	padding: 0px 30px 0px 0px;
}
.cats {
	font-size: 70%;
	border-top: 1px solid #FFFFFF;
	padding-top: 5px;
}
/*START IMAGE GALLERY*/

ul#gallery {
	padding:0;
	margin:0 auto;
	width:448px;
	height:336px;
	position:relative;
	background-color: #333399;
	background-image: url(../graff/g26.jpg);
	background-repeat: no-repeat;
  }
#gallery li {
  list-style-type:none; 
  width:64px; 
  height:48px; 
  float:left; 
  z-index:100;
  }
#gallery li.lft {
  float:left; 
  clear:left;
  }
#gallery li.rgt {
  float:right; 
  clear:right;
  }
#gallery a {
  position:relative; 
  width:64px; 
  height:48px; 
  display:block; 
  float:left; 
  z-index:100; 
  cursor:default;
  }
#gallery a img {
  position:relative; 
  width:62px; 
  height:46px; 
  border:1px solid #000; 
  z-index:100;
  }
#gallery a:hover {
  width:160px; 
  height:120px; 
  padding:108px 144px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
#gallery a:hover img {
  background:#FFF; 
  position:relative; 
  width:160px; 
  height:120px; 
  border:0; 
  z-index:20;
  }
#gallery a:active, #gallery a:focus {
  background:transparent; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:active img, #gallery a:focus img {
  background:#000; 
  position:relative; 
  width:320px; 
  height:239px; 
  border:0; 
  z-index:10;
  }
/* hack for Internet Explorer */
#gallery li.pad {
  height:0; 
  display:block; 
  margin-top:-2px; 
  width:448px; 
  font-size:0;
  }

/* hack for Opera 7+ */
@media all and (min-width:0px){
#gallery a:hover {
  background:#000; 
  width:320px; 
  height:240px; 
  padding:48px 64px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
#gallery a:hover img {
  background:#000; 
  position:relative; 
  width:320px; 
  height:240px; 
  border:0; 
  z-index:10;
  }
}