/* main CSS Document */
/* general styling first */
/* reset css styles individually instead of universal selector. */
/* based on http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0px none;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p, h1, h2, h3, h4, h5, h6, ul, ol {margin-bottom:-0.5em;}
a img, img{border:none;display:block;}
a{
	text-decoration:none;
	color:#252e1c;
}
h1, h2, h3, h4, h5, h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */

body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}


/*.............Moved Inline code bolow....................*/

body{
background:#000 url('/images3/bodybg%2010092008.jpg') repeat-x 0 0;
}

#outer{
width:975px;
margin:auto;/* center the page*/
text-align:left;/* reset text back to left due to ie5.x fix */
}

#header{
width:975px;
}

ul#nav{
font-size:12px;
padding:18px 65px 6px 0;
text-align:right;
}
ul#nav li{
display:inline;
padding:0 13px 0 0;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
ul#nav li a{
color:#fff;
}
ul#nav li a:hover,
ul#nav li.current a{color:#FFCC00}

ul#nav{
position:relative;
z-index:2
}
#tagline{
width:975px;
height:116px;
background:url('/images3/tagbg10092008.jpg') no-repeat 0 0;
position:relative;
z-index:1; margin-left:0; margin-right:0; margin-top:-40px; margin-bottom:0
}

/* tagline code */
#tagline{
width:975px;
height:146px;
background:url('/images3/tagbg10102008.png') no-repeat 0 0;
position:relative;
z-index:1; margin-left:0; margin-right:0; margin-top:-40px; margin-bottom:0
}
#tagline a,
#tagline a em{
position:absolute;
width:218px;
height:68px;
overflow:hidden;
left:27px;
top:39px;
}

}
#tagline span,
#tagline span em{
position:absolute;
width:383px;
height:51px;
overflow:hidden;
left:408px;
top:51px;
}
#tagline span em{
background-position: 0 0; left:0;
top:0;
background-color:transparent; background-repeat:no-repeat; background-attachment:scroll
}

#search{
width:975px;
height:275px;

position:relative
}

/* main content */
#main, #content{width:975px}
#main{
background:url('/images3/3col-bg12102008.png') repeat-y 0 0;
position:relative;
z-index:1;
}
#content{
background:url('/images3/3col-top12102008.png') no-repeat 0 0;
min-height:270px;
}
* html #content {height:270px}/* for ie6 and under*/

#col1{
width:207px;
margin:0 21px 0 25px;
display:inline;/* cure IE6 double margin bug*/
float:left;
position:relative;
z-index:3;
}
#maincol{
width:444px;
margin:0 48px 0 0;
float:left;
position:relative;
z-index:3;
}
#col2{
width:180px;
float:right;
margin:0 50px 0 0;
display:inline;/* cure IE6 double margin bug*/
position:relative;
z-index:3;
}
/* footer and copyright */
#footer{
width:975px;
padding:20px 0 0 0;
background:url('/images3/3col-base12102008.png') no-repeat 0 0;
clear:both;
position:relative;
z-index:2;
}
.watermark{

position:absolute;
width:186px;
height:209px;
clear:both
}
.w1{left:45px;top:-189px}
.w2{
right:45px;
top:-170px;
height:176px;

}

h3{
color:#000;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:131%;
margin:6px 0 10px 0;
letter-spacing:-0.04em;
}

h4{
color:#33CCFF;
text-transform:uppercase;
font-style: italic;
font-weight:bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:131%;
margin:6px 0 10px 0;
letter-spacing:-0.04em;
}

.news{
width:207px;
color:#252e1c;
}
.news p{
font-size:85%;
background:url('/images3/underline280908.gif') no-repeat:center bottom;
line-height:1.4em; padding-left:0; padding-right:7px; padding-top:0; padding-bottom:8px;
}
.news p.last{
background:none;
padding-bottom:1px;
margin:0 0 .4em 0;
}
.news p img{
margin-right:2px;
vertical-align:middle;
display:inline;
}
.news span{color:#fff}
p.readmore{
font-weight:bold;
text-align:right;
margin:0 0 1.4em 0;
background:none;
}
p.readmore a{
text-decoration:none;
color:#252e1c;
}
p.readmore a:hover{
text-decoration:underline;
}

.photo{
position:relative;
left:-6px;
}

.photo h3{margin-bottom:8px}
.photo p {background:none}

.photo p.last{padding-left:5px}

      #search input{
      vertical-align:middle;
      position:absolute;
      top:200px;
      left:724px;
      }
      #search input.go{left:885px}
      input.search-site{
      background:#ffffff url('images3/inputbg.png') no-repeat right top;
      border:none;
      color:#494b49;
      width:149px;
      height:20px;
      font-size:85%; padding-left:5px; padding-right:5px; padding-top:4px; padding-bottom:0
      }
      
      
      * html input.search-site{
      width:159px;/* ie5.x */
      width:149px;/* ie6* */
      height:22px;/* ie5.x */
      he\ight:18px;/* ie6* */
      }
      
            <!--[if lt IE 7]>
      <link href="iecss.css" rel="stylesheet" media="screen,projection" type="text/css" />
      <![endif]-->
      
      


{  }
      ul.gallery{margin:1em 0 1em 0}
      ul.gallery li {
      text-transform:uppercase;
      margin:0 0 1em 0;
      font-size:77%;
      }
      ul.gallery li,
      ul.gallery li a{
      color:#252e1c;
      font-weight:bold;
      }
      ul.gallery li a span{color:#000}
      ul.gallery li a:hover{text-decoration:underline}