/*  
Theme Name: CCG Default
Version: 1.0
Author: Corinne Ducusin
Author URI: http://www.corinspired.com/
Last Modified: 07/19/10
*/
* { margin:0; padding:0; }

body { font:12px/18px 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;; background: url(images/bg.jpg) repeat #333; color: white; margin: 0; }
	
/*Basic Elements*/
a { color: #9966cc; text-decoration:none; }
a:hover { color: #9966cc; text-decoration:underline; }
a:visited { color: #9966cc; text-decoration:underline; }

address { margin-bottom:18px; }

dl { margin-bottom:18px; }
dt { font-weight:bold; margin-top:6px; }
dd { margin-left:6px; }

hr { border-bottom:1px dotted #66ff66; border-top:none; border-left:none; border-right:none; margin-bottom:18px; clear:both; }

img { background: #fff; border: none; padding: 5px; }

h1,h2,h3 { color: #66ff66; }
h1 { font-size:24px; line-height:36px; margin-bottom:18px; }
h2 { font-size: 18px; line-height: 18px; margin-bottom: 18px; }
h3 { font-size: 16px; line-height: 18px; }

p { margin-bottom:18px; }


ul { margin-bottom:18px; }

/*Structures*/
#container { background: url(images/container_bg.jpg) repeat-y #333333; width: 870px; margin: 0 auto; }
#header { background: url(images/header_img.jpg) no-repeat top #333; width: 850px; height: 200px; margin: 0 auto; }
	#header h1 { text-indent: -900px; margin: 0; padding: 0; }
	#searchform { }

/*Content*/
#content { width: 848px; margin: auto; }
#left_column { background: #333; width: 200px; float: left; padding: 15px 10px 10px 10px; }
	#left_column h3 { background: url(images/menu_bg.gif) repeat-x bottom; line-height: 25px; color: #fff; font-weight:bold; text-align: center; margin: 0; }
	#s { width: 120px; }	
	.left_content { width: 200px; margin: auto; margin-bottom: 25px; padding: 0; }
		.left_content ul { list-style: none; margin: 0; padding: 0; }
		.left_content li { line-height: 25px; margin: 0; padding: 0; border-bottom: 1px dotted white; }
			.left_content h4 { margin: 10px 0 0 0; }
			.left_content li a { text-decoration: none; }
			.left_content li a:hover { background-color: #c373e5; color: #333; }
			.left_content li.last-child { border: none; }
		.left_content img { margin-top: 5px; }

#right_column { background: #333; width: 600px; float: left; padding: 0 10px 10px 10px; }
	#right_column ul { margin:0 0 18px 18px; }
	.ads { margin-bottom:18px; }
	.ads img { margin: 3px; }
	#welcome { width: 580px; margin: auto; margin-bottom: 18px; }
		#welcome_title { background: url(images/welcome_title.gif) no-repeat top left; height: 18px; padding: 1px; border-bottom: 1px dotted white; }
	#main { margin-bottom: 20px; }
      #main_title { background: url(images/main_title.gif) no-repeat top left; height: 20px; margin-bottom: 10px; padding: 1px; border-bottom: 1px dotted white; }	
      #main h3 { clear:both; }
		.post { display:block; clear:both; }
	#calendar { width: 580px; margin: auto; margin-bottom: 20px; }
      #calendar_title { background: url(images/calendar_title.gif) no-repeat top left; height: 20px; margin-bottom: 10px; padding: 1px; border-bottom: 1px dotted white; }
	  
/* Schedule */
#one-column-emphasis { font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size: 12px; text-align: left; border-collapse: collapse; margin-bottom: 20px; }
#one-column-emphasis th { font-size: 14px; font-weight: normal; padding: 12px 15px; color: white; }
#one-column-emphasis td { padding: 5px 5px; color: white; border-top: 1px solid #e8edff; }
.oce-first { background: #666666; }
#one-column-emphasis tr:hover td { color: #9966cc; background: #f7eafe; }
#one-column-emphasis td.alt, #one-column-emphasis th.alt { background-color:#999; }

/* Footer */		
#footer { background: url(images/footer.jpg) no-repeat bottom; text-align: center; width: 870px; margin: 0 auto; clear: both; padding: 1px 0 10px 0; }
	#footer p { margin: 0; }
	#footer a { color: white; text-decoration: underline; }

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { font-weight: bold; list-style: none; margin: 15px 0 3px; padding: 5px 10px 3px; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { font-weight: normal; display: block; margin: 0; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }

/* Begin Calendar */
#wp-calendar { empty-cells: show; width: 250px; float: left; }
#wp-calendar #next a { padding-right: 10px; text-align: right;}
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
#event_list { float: left; }
	
/*Misc.*/
#navigation { margin-bottom: 10px; padding-bottom: 10px; line-height: 20px; }
.alignleft { float: left; margin: 5px 5px 18px 0; }
.alignright { float: right; margin-bottom:18px; }
.staff_info { padding: 0 0 10px 0; }
p.large { font-size:20px; font-weight:bold; text-align:center; display:block; margin-bottom:10px; padding:0 0 10px; border-bottom:1px dotted #fff; }
.small { font-size:10px; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav  { background: url(images/menu_bg.gif) repeat-x top; font-size: 1em; border-top: 1px solid #fff; list-style:none; width:848px; height:35px; padding:0; margin:0 auto 18px; position:relative; z-index:500; }
#nav li { float:left; }
#nav li a { display:block; float:left; height:35px; line-height:35px; color:#000; text-decoration:none; padding:0 20px 0 10px; }

#nav table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#nav li a:hover { background-color:#c373e5; z-index:200; position:relative; }
#nav li:hover {position:relative; z-index:200;}

#nav li:hover > a { background:#c373e5;}
#nav li:hover > a.sub { background-color:#c373e5;}

#nav li a.sub { background:url(images/arrow_down.gif) no-repeat right center; }
#nav a.sub { background:url(images/arrow_down.gif) no-repeat right center; }

#nav :hover ul {left:0; top:35px; width:160px; }

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav :hover ul ul { font-size:12px; position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav :hover ul :hover ul
{left:160px; top:-1px; background:#9966cc; white-space:nowrap; width:100px; z-index:200; height:auto;}

#nav :hover ul li {margin:0; border-top:1px solid #604080;}
#nav :hover ul li a { width:160px; padding:0; text-indent:10px; background:#9966cc; height:24px; line-height:24px; }
#nav :hover ul li a.fly span { background:url(images/arrow_right.gif) no-repeat right center; width:7px; height:4px; margin-left:5px; }

#nav :hover ul :hover {background-color:#c373e5; }
#nav :hover ul :hover a.fly {background-color:#c373e5; }

#nav :hover ul :hover ul li a {width:160px; padding:0; text-indent:10px; background:#a36cd9; }
#nav :hover ul :hover ul :hover {background-color:#d980ff; }