body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal; font-weight: normal;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset, img {border: 0;}
caption, th {text-align: left;}
q:before, q:after {content: '';}
body {margin:0; padding:0; background:url(i/bg2.jpg); font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;}

/* navigation css do not fuss with */

/* ok let me try and explain the way this works, #top is a big box set to the full width of the browser
but it will only collapse to 820px all images, and there is only the right decoration, are aligned to the right.
so the #left div has the left decoration in it, its positioned to the 0,0 thanks to position absolue. The #contain div
is just like #top its set to 100% and only collapses to 820px and has the logo, aligned right with a right hand margin,
the nav div has the image set to the background and the ul is the navigation with a top padding to push it into position.
If you cant figure it out or have problems call me or email me cogrsteam at gmail dot com */





#top {margin:0; padding:0; text-align:right; background:url(i/topbg2.jpg) repeat-x; min-width:820px;}
#left {height:182px; width:80px; margin:0; position:absolute; top:0; left:0; background:url(i/leftdec2.jpg);}
#contain {height:182px; width:100%; padding:0; margin:0 auto; position:absolute; top:0; text-align:right; min-width:820px;}
.logo {width: 334px; height:100px; margin:0 90px 0 0;}
#nav {width: 660px; height:82px; margin:0 auto; background:url(i/nav3.jpg); text-align:center; padding:0;}
.right {height:182px; width:80px; margin:0;}
#nvul {list-style:none; font-family:"Times New Roman", Times, serif; font-size:14px; color:#FFFFFF; margin:0 auto; padding-top:50px; width:624px;}
#nvul li {float:left; margin:0 10px;}

/*ie hacks */
/*
#top {width:expression( document.body.clientWidth < (820/12) * parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );}
#contain {width:expression( document.body.clientWidth < (820/12) * parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );}
#footer {width:expression( document.body.clientWidth < (820/12) * parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );}
#btmcontain {width:expression( document.body.clientWidth < (820/12) * parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );}
#test { border:1px solid red; width:expression( document.body.clientWidth < (500/12) * parseInt(document.body.currentStyle.fontSize)? "30em": "auto" );} */


/* format for the nav links color and hover */

#top a:link {color:#fff; text-decoration:none;}  #top a:hover{color:#000; text-decoration:none;}
#top a:visited {color:#fff; text-decoration:none;}  #top a:active{color:#000; text-decoration:none;}

/*footer css no touchy! */
/* this works just like the top nav */

#footer{ margin:10px 0; height:34px; text-align:right; background:url(i/bottombg.gif) repeat-x;  min-width:820px;}
#btmleft {height:34px; width:56px; margin:0; position:absolute; left:0; background:url(i/bottomldec2.gif);}
#btmcontain {height:34px; width:100%; padding:0; margin:0 auto; position:absolute; text-align:right; min-width:820px;}
.btmlogo {width: 169px; height:34px; margin:0 70px 0 0; float:right; clear:both;}
.xhtmllogo {margin:0 5px 0 0;}
#footer img {border:none;}
#phone {width: 383px; height:34px; margin:0 auto; background:url(i/phone.gif); }
.btmright {height:34px; width:56px; margin:0;}


/*content css fuss away */
#contentblock { margin:0 auto; width:850px;}
h3 {display:none;}
a:link {color:#990000; text-decoration:underline;} a:visited {color:#990000; text-decoration:underline;}
a:hover {color:#000000; text-decoration:underline;} a:active{color:#ff0000; text-decoration:underline;}

.clearing {clear:both}
#index_cont { float:left; width:450px; margin:20px 0 0 45px; text-align:center;}
#index_cont h2 {font-size:25px; margin:5px auto; color:#990000; font-weight:bolder;}
#index_cont p { margin:15px 0; font-size:15px;}
#index_cont span {color:#990000; font-size:20px; letter-spacing:.1em; margin-left:5px;}
#index_cont a {display:block; margin-top:15px;}
.tleft {text-align:left; line-height:1.5em;}
#index_sublink {}
#index_img { float:right; width:280px; margin:10px auto;}
#index_img img {margin:8px 0; padding:4px; border:2px solid #c74b4d; background-color:#fff;}


#current_top {text-align:center; width:350px; margin:10px auto;}
#current_top h2 {color:#990000; font-size:20px; text-align:center; margin:10px;}
#current_top {font-size:15px; line-height:1.4em;}
#current_top h4 {color:#990000; font-size:18px; margin:5px 0 0 0;}
#current_top h5 {margin:0; font-style:italic; font-weight:normal; font-size:12px;}
#current_con {width:750px; margin:10px auto; padding-bottom:25px;}
#current_con h4 {color:#990000; margin:15px 0 10px 0; font-size:18px;}
#current_con h5 {color:#990000; font-size:18px;}
#current_con p { margin:15px 0; font-size:15px;}
#current_con span {font-weight:bold; color:#990000; letter-spacing:.1em; font-size:17px;}
#current_con strong {font-weight:bold;}
#join {color:#990000; font-weight:bolder; text-align:center;}
#moveme {float:right; width:250px; margin:15px 0 15px 25px; }
.current_right {margin:0 0 5px 0; background-color:#fff; padding:4px; border:2px solid #c74b4d; background-color:#fff;}
#cantmakeit {width:250px; text-align:center; margin:5px 0 15px 0;}
#cantmakeit p {color:#990000; font-size:17px; line-height:.8em; font-weight:bold;}
.shows_right {margin:15px 0 15px 25px; background-color:#fff; padding:4px; border:2px solid #c74b4d; background-color:#fff; float:right;}


#menu {width:600px; margin:15px auto;}
#menu h2 {color:#990000; font-size:20px; text-align:center; margin:10px;}
#menu h4 {color:#990000; font-size:17px; margin:5px 0;}
#menu p {font-size:14px; margin:0 0 15px 10px; width:550px;}
#menu strong {font-weight:bold; font-size:15px; font-style:italic;}
#menu ul {margin-left:25px;}
#menu li {margin:15px 0; line-height:1.4em; font-size:14px;}
#menu li span {font-weight:bold; font-size:17px;}
.menu_sub {padding-left:25px;}
.menu_center {text-align:center; font-weight:bold; color:#c74b4d;}
#menu h5 {font-size:19px; text-align:center; color:#990000;}

#info {width:550px; margin:20px auto;}
#info h2 {color:#990000; font-size:20px; text-align:center; margin:10px;}

#info p {font-size:14px; margin:10px; line-height:1.4em;}
#info h4 {color:#990000;}
#info strong {color:#c74b4d; letter-spacing:.1em; font-weight:bold;}
#info span {font-weight:bold;}
#info h5 {margin:15px 0 25px 0; text-align:center; font-size:18px; color:#990000;}

#dir_wrapper {width:800px; margin:20px auto;}

#direct { float:left; width:350px; margin:20px 0 0 0px;}
#direct_top h2 {margin:15px 0 0 0; text-align:center; font-size:20px; color:#990000;}
#direct h4 {color:#990000; margin:15px 0 5px 0;}
#direct p {font-size:14px; margin:10px; line-height:1.4em;}
#map{ float:right; width:400px; margin:10px auto; padding-top:15px;}
#map img {margin:0 0 15px 0;}
#cbembedlink {font-size:12px;}
#nav span {border-bottom:2px solid#fffbe7;}