/*
             HTML      R      G      B

Sample    #565D6A  86.00  93.00 106.00
Theme # 1 #C0C8C2 192.08 199.71 193.95
Theme # 2 #CEC3C2 206.39 195.43 193.74
Theme # 3 #C2C6CD 194.24 197.93 205.38
Theme # 4 #C9C6BE 200.92 197.50 190.00
Theme # 5 #6B5856 106.95  88.48  85.72
Theme # 6 #536056  82.50  95.96  86.06
Theme # 7 #5A5E51  90.07  94.40  81.05
Theme # 8 #625B57  98.45  91.35  86.73
Theme # 9 #928F88 146.37 143.18 136.11
Theme #10 #8790A1 134.86 143.92 160.76
Theme #11 #829487 130.35 147.77 134.90
Theme #12 #A28A86 162.16 138.06 134.44*/

body {margin: 0; font-size: 76%; font-family: Arial, Helvetica, Geneva, sans-serif; background-color:#565d6a}
#container { width: 900px; height: auto; border: 2px solid #000; 
             background-color: #fafcfc;	padding: 0px; 
             margin-top: 40px;	margin-bottom: 40px; margin-right: auto; margin-left: auto; overflow: hidden}

div#flag {  margin: 0; height: 200px;
           background: url(cedar-hogan-catfish-flag.jpg) no-repeat }
div#flag h1 {margin: 0; padding: 95px 0px 0px 30px; color: #fff; font-weight: 900; font-size: 30px}    
div#flag h1 a {color: #fff; border-bottom: none}
div#flag h6 {margin: 0; padding: 0px 0px 0px 30px; color: #fff; text-transform: uppercase}

div#menu {padding: 10px  0px 15px 0px; }
div#menu ul, div#menu li, div#bottommenu ul, div#bottommenu li {display: inline; }
div#menu ul, div#bottommenu ul {border-right: 1px solid #eee; padding-right: 6px; }
div#menu li,div#bottommenu li  {border-left: 1px solid #eee; padding-left: 6px; padding-right: 1px}
div#bottommenu ul {border-right: 1px solid #222}
div#bottommenu li {border-left: 1px solid #222}
div#menu ul {margin-left: 0; padding-left: 30px}
div#content { width: 600px; padding: 10px; border-right: 1px solid #00314E; margin: 20px 0px 0px 30px; float: left}
div#content h2,div#contentwide h2{margin-top: 0.5em}
div#content h6, div#contentwide h6{margin-top:0; font-size: 1.1em}
div#content h3 {margin-top: 2px}
#photoblock { width: 210px; margin-top: 20px; margin-right: 10px; padding-left: 10px; float: right; }

div#contentwide {width: 890px; padding: 10px; margin-left: 30px}

p, li, ul {font-size: 1em; line-height: 1.5em; margin: 0px 0px 1em 0px}
li {margin-bottom: 0px}
p+p {text-indent:14px}
img {border: 0}
h1, h2, h3, h4, h5, h6 {font-family: Miriam, Baskerville, Georgia, Palatino, serif; margin: 5% 0% 1% 0%}
h1 {font-size: 1.5em}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

a {text-decoration: none; border-bottom: 1px dotted}
a:link {color: #C0C8C2}
a:visited {color: #CEC3C2}
a:hover {background-color: #829487}
a:active {background-color: #A28A86}

div#content a:link {color: #565D6A}
div#content a:visited {color: #5A5E51}
div#content a:hover {background-color: #CEC3C2}
div#content a:active {background-color: #C2C6CD}

div#bottommenu ul li a:link {color: #111}
div#bottommenu ul li a:visited {color: #ccc}
div#bottommenu ul li a:hover {background-color: #CEC3C2}
div#bottommenu ul li a:active {background-color: #C2C6CD}


/* Image popup styles */

div.caption {float: left; margin:5px; padding-left: 0px; width: 80%;}
div.closebutton {float: right; width: 10%; margin:5px;}
div.closebutton input {font-size: 9px}
div.caption p {font-size: 11px; line-height: 13px}

/* ALAP image gallery styles */

div.float { width: 75px; padding: 5px; float: left; overflow: hidden;} 
div.float p {width: 70px; float: right}
div.row {clear:both; overflow: hidden;}
div.row a {border: 0;}
div.spacer {clear: both}
div#photoblock div.float {clear: both; overflow: hidden; width: 200px; border-bottom: 1px solid silver}
div#photoblock div.float img {float: left;}
div#photoblock div.float p {width: 110px; float: right; text-indent: 0px; }
/* end ALAP image gallery styles */

div#contentwide div.float {padding: 10px}
div#contentwide div.float img {margin-bottom: 5px}
div#slide {background-color: #ccc; display: none;}
div#slide p {margin: 0; padding: 0; line-height: 1.0em}
#closelink {position: absolute; right: 10px; top: 10px}

div#bottommenu {padding: 20px; margin-left: 20px; clear: both; }
div#bottommenu li {font-size: 11px;}
div#bottommenu ul {margin-left: 0; padding-left: 0}

div#menu li.current a.here, div#bottommenu li.current a.here {border-bottom: none; font-weight: 900; color:#000 }
div#menu li.current a:hover, div#bottommenu li.current a:hover {background-color: inherit}


table.route  {text-align: center; margin: 0; border-spacing: 0; border: 1px solid #000;}
table.route td {padding: 5px; border-right: 1px dotted #000}