/***** CSS Document ******/
/***  CSS REFERENCE SHEET: http://www.w3schools.com/css/css_reference.asp  ***/
/***  Borders: none hidden dotted solid dashed ridge double groove ridge inset outset  ***/
/***********  default font-size:12px, use 100% for that  ********/
/*****  I seem to like font-size:.68em; best *****/
/****  some divs must float to view border and/or hold contents ********/
/***  to center page is confusing, when float left is necessary, thus use container divs  ***/
/**** trick for "center with float left" is nesting divs *****/
/*****  another trick to keep position going, is only float what needs floating  *********/
/**** The trick hack to stop hover jumpy links, is to put every section 
into a div, classed seperate. div that has a specified margin/pad can't 
have links without containers another hack, is to classify all links, so 
that they don't margin/pad jumpy  the divs containing links can't have set 
width and margin/pad alterations, or theyll be jumpy. percent margin causes 
jumpy links, pixeled width to stop jumpy links.  Hack: Removed width to stop 
jumpy hover-links, setting pad-margin made it width:auto  *****/
/****  visibility:hidden; overflow:auto; z-index (higher # higher priority for absolutes); ****/
/***  FILTER: alpha(opacity=60); filter:glow; alpha blur chroma fliph flipv glow gray invert mask shadow dropshadow wave xray http://www.w3schools.com/dhtml/dhtml_css.asp ****/ 
/**** dropshadow, color, offx, offy, positive, Renders element with dropshadow  filter:dropshadow(color=#990000, offx=5, offy=5, positive=true); ****/

/***  CSS STYLE SHEET  ***/

* {	margin-left: 0px;
}

BODY {
MARGIN: 0 auto; 
PADDING:0;
BACKGROUND: #ffffff url(../images/gradient_black.jpg) repeat-x fixed;
font:.68em Verdana, Arial, Helvetica, sans-serif;
COLOR: black; 
TEXT-ALIGN: center;
}

p {
margin:0;
padding:0px 5px;
}

img {border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	width: 31px;
	height: 31px;
}

.wrap {
display:block;
margin:0 auto;
margin-top:2px;
WIDTH: 800px;
background-color:#eaeaea;
border:10px ridge #ffffff;
TEXT-align:center;}

/* The background-image's for the .wrap below are for preloading 
all the page's images, just add your own images to the pattern */  
/***  Preload media  ***/
.wrap {
	background-image: url("../images/bevbar2-25.jpg");
	background-image: url("../images/bevbar2-30.jpg");
	background-image: url("../images/bevbar2-80.jpg");
	background-image: url("../images/bevbar3-25.jpg");
	background-image: url("../images/featuredarrow_over.gif");
	background-image: url("../images/featuredarrow_normal.gif");
	background-image: url("../images/gradient_black.jpg");
	background-image: url("../images/logored.gif");
	background-repeat: no-repeat;
	background-position: -5000px -5000px;}
/**** end preload images ****/

DIV#header {
DISPLAY:BLOCK;
width:800px;
}

DIV#head_top {
height:80px; BACKGROUND: transparent url(../images/bevbar2-80.jpg) repeat-x; text-align:center; 
}

DIV#head_topleft {
float:left; height:80px; width:29.9%; background: transparent url("../images/CCLogo.jpg") no-repeat center center; text-align:center; 
}

DIV#head_topright {
	float: right;
	height: 80px;
	width: 69.9%;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	font-family: Verdana;
}

DIV#head_bottomright
{
	float: right;
	height: 35px;
	width: 380px;
	text-align: center;
	color: #008000;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana;
	font-variant: normal;
	padding-right: 8px;
}

DIV#head_centerright
{
	float: left;
	height: 35px;
	width: 150px;
	text-align: center;
	font-weight: bold;
	font-size: medium;
	font-family: Verdana;
	font-variant: normal;
	padding-right: 1px;
	vertical-align: middle;
}


/**** TOP NAV *****/
DIV#topnav {
	margin: 0 auto;
	padding: 0;
	padding-top: 5px;
	height: 20px;
	width: auto;
	BACKGROUND: url(../images/bevbar3-25.jpg) repeat-x center center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	font-family: Verdana;
}

DIV#topnav UL {PADDING-LEFT: 0px;MARGIN: 0 auto;text-align:center;margin:0 auto;width:auto;}
DIV#topnav UL LI {DISPLAY: inline;text-align:center;margin:0 auto;width:auto;}
/****  TOP NAV LINK STYLES  ***/
DIV#topnav UL A {display:inline;PADDING-RIGHT:1.2em;PADDING-LEFT:1.2em;COLOR:black; TEXT-DECORATION:none}
DIV#topnav UL A:hover {padding-top:5px; padding-bottom:5px;COLOR: black;BORDER-BOTTOM: #98313e 3px solid;BACKGROUND-COLOR: #eaeaea;TEXT-DECORATION: none;text-align:center;margin:0 auto;width:auto;}
/****   TOP NAV CURRENT PAGE  *****/
DIV#topnav .current {padding:5px 0px;BORDER-BOTTOM: #990000 3px solid;BACKGROUND-COLOR: #999999;COLOR: #FFFFFF;} 

#body_wrap {
}

#left {
display:block;
margin:0 auto;
padding:0;
float:left;
width:29.9%;
text-align:center;
}

#left_content {
margin:0 auto;
padding:0;
width:90%;
text-align:left;
}

#right {
display:block;
margin:0 auto;
margin-top:10px;
margin-bottom:10px;
padding:0;
float:right;
width:69.9%;
text-align:center;
}

#right_content {
margin:0 auto;
margin:0;
padding:0;
width:770px;
text-align:left;
}

/****  right_content link styles  ****/
#right_content a:link, #right_content a:visited {
color:#336699; 
width:800px; 
border-bottom:1px dotted #000000; 
text-decoration:none; 
}

#right_content a:hover, #right_content a:active {
color:#000000; 
width:800px; 
text-decoration:underline; 
}

/****  Featured Services Vertical  ****/
.featuredservices_container {
display:block;
margin:0 auto; 
margin-top:10px; 
padding: 0; 
width:800px; 
text-align:left;
}

.current_page {
}
/* the following 3 rules are for a featuredservices_nav indented submenu
in case you decide to add later. See free template called "a bit modern".
  ***/

.featuredservices_nav ul ul li {
line-height: 10px;	
border-bottom: none;

}
.featuredservices_nav ul ul li a:link,  
.featuredservices_nav ul ul li a:visited {
color:#336699; 
text-indent:20px;
font-weight:normal;
}
.featuredservices_nav ul ul li a:hover, 
.featuredservices_nav ul ul li a:active {
color:#000000; width:100%; text-decoration:underline; }


/****  HEADLINES Vertical  ****/
.headlines {
display:block;
margin:0 auto; 
margin-top:10px; 
padding: 0; 
width:800px; 
text-align:left;
font-size:10px;
}
/****  Side menu link styles  ****/
.headlines a:link, .headlines a:visited {
color:#336699; width:100%; 
border-bottom:1px dotted #000000; 
text-decoration:none; 
}

.headlines a:hover, .headlines a:active {
color:#000000; width:100%; 
text-decoration:underline; 
}


DIV#about {
	display: block;
	margin: 0;
	padding-top: 4px;
	padding-bottom: 1px;
	width: 800px;
	height: 20px;
	BACKGROUND: url(../images/bevbar3-25.jpg) repeat-x center center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	COLOR: #000000;
	text-align: center;
	font-family: Verdana;
}

#about a:link, #about a:visited {
color:#990000;
text-decoration:none;
border-bottom:1px dashed #336699;
}

#about a:hover, #about a:active {
color:#336699;
background-color:#eaeaea;
border-bottom:1px dashed #990000;
text-decoration:none;
}

DIV#footer {
display:block; 
clear:both; 
margin:0 auto;
padding:0; 
padding-top:4px;
height:20px;
BACKGROUND:url(../images/bevbar2-25.jpg) repeat-x center center;
text-align:center;
}


/****  "basemenu" HORIZONTAL   ****/
.basemenu {display:block; margin:0 auto;  padding:0; width:auto; text-align:center;}
ul.basemenu {display:block; margin:0; padding:0; list-style: none inside; text-align: center;}
ul.basemenu li {margin:0; padding:0; display:inline; width:25%; padding-bottom:1px;}
/****  "basemenu" menu link styles   ****/
ul.basemenu li a:link, ul.basemenu li a:visited {color:#990000;text-decoration:none; border-bottom:1px dashed #336699;}
ul.basemenu li a:hover, ul.basemenu li a:active  {color:#336699;background-color: #eaeaea;border-bottom:1px dashed #990000;}

/************  BODY AND HEAD  **********/

h1 {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	width: 550px;
	font-family: Verdana;
}

h2 {
	margin:0; 
	padding:0;
	padding-top:5px;
	font-size: 1.35em;
	font-weight: bold;
	color: #000000;
	width:800px;
	/****  NOTE: filter works in IE, not Mozilla  ****/
	/* filter: dropshadow (color=#ff0000, offx=2, offy=2, positive=true); */
}

h3 {
	margin:0; 
	padding:0;
	height:18px;
	BACKGROUND: url(../images/bevbar2-25.jpg) repeat-x center 50%;
	border-bottom: 2px solid #c2bbaf;
	border-top: 2px solid #c2bbaf;
	border-right: 5px ridge #ffffff;
	border-left: 5px ridge #ffffff;
	color: #000000;
	font-size: 1.25em;
	font-weight:bold;
	}

h4 {
	margin:0; 
	padding:0;
	font-size:.8em;
	font-weight:bold;
	color: #000000;
}

/*************  end  *******************/