/* Start of CMSMS style sheet 'Camp Dixie 2Bits - All' */
/* Start of CMSMS style sheet 'Camp Dixie 2Bits - All' */
/*  */

/*
original use order
Camp Dixie 2Bits - 01 Reset 
Camp Dixie 2Bits - 03 Accessibility and cross-browser tools
Camp Dixie 2Bits - 02 Core
Camp Dixie 2Bits - 10 Page Header
Camp Dixie 2Bits - 20 Content
Camp Dixie 2Bits - 30 Navigation: CSS Menu Horizontal
Camp Dixie 2Bits - 30 Navigation
Camp Dixie 2Bits - 90 Footer
Camp Dixie 2Bits - 30 Navigation Sidebar
Camp Dixie 2Bits - All
*/

/* START 01 RESET */
/* 
2Bits - 01 Reset
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
CSS file to reset styles to a standard default across browsers
*/


html, body, 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, strong, 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: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END 01 RESET */


/* START 03 ACCESSIBILITY */
/* 
2Bits - 03 Accessibility
*/
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility{
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C; /* dark blue */
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* dark blue */
  /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C; /* dark blue */
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF; /* light blue pastel baby */
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* END 03 ACCESSIBILITY */



/* START 02 CORE */
/* 
2Bits - 02 Core
*/
body{
	color: #000000;
	margin: 0px auto 0 auto;
	background: 	#cee3f6 /* very light blue */
				url('/theme/dark_blue_gradient.png')
				repeat-x;
	}

#wrap{
position: relative;
	margin: 20px auto 10px auto;
	color: #000000; /* black */
	background-color: #ffffff; /* white */
	width: 90%;
	border: 1px solid #000000; /* black */
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}

#header{
	font-family: Arial, sans-serif;
	text-align: left;
	color: #ffffff; /* white */
	background-color: #ffffff; /* white */
	height: 83px;
	width: 100%;
	border-bottom: 1px solid #006600; /* camp dixie green */
	/*background-image: url(uploads/images/2bits/camp_dixie_mnt_millionaire.jpg);*/
	background-image: url(/theme/2bits_header_image.jpg);
	background-repeat: no-repeat;
	background-position: 400px 0px;
	/* rounded corners */
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-topleft: 1em;
	-webkit-border-top-left-radius: 1em;
	-webkit-border-top-right-radius: 1em;
}

#wrap_2{
	padding-left: 199px;
}

#content{
	color: #000000; /* black */
	background-color: #ffffff; /* white */
	width: 100%;
	float: right;
	border-top: 1px solid #555;
	border-left:1px solid #555;
	*margin-left: 199px; /* IE6 & IE7 Only */
}

#content > *{
	padding: 0 10px;
}


#sidebar{
	background-color:#ffffff; /* white */
	border-top:1px solid #555; /* dark gray / grey*/
	margin: 0px 0px 0px -199px;
	width: 188px;
	padding: 5px;
	float: left;
	_display: inline; /* IE6 Only - Fixed float bug*/
	}

#footer{
	color: #000000; /* black */
	background-color: #ccddcc; /* very light greeen */ /* #eee; */ /* #8fbc8f */
	font-family: Verdana, sans-serif;
	font-size: x-small;
	clear:both;
	border-top: 1px solid #cccccc; /* gray /grey */
	padding: 4px;
	/* neat effect */
	/* float: right; */
border-bottom-left-radius: 1em;
		border-bottom-right-radius: 1em;
		-moz-border-radius-bottomright: 1em;
		-moz-border-radius-bottomleft: 1em;
		-webkit-border-bottom-left-radius: 1em;
		-webkit-border-bottom-right-radius: 1em;
}

a:link {
	color: #006699;
}

a:visited{
	color: #990033;
}
a:hover {
	background-color: #cccccc;
}


.home{background:url(/images/icons/icn_home.png) no-repeat 0 0;}
.rss{background:url(/images/icons/icn_rss.png) no-repeat 0 0;}
.facebook{background:url(/images/icons/icn_facebook.png) no-repeat 0 0;}
.twitter{background:url(/images/icons/icn_twitter.png) no-repeat 0 0;}



/*
#wrap{
	padding: 10px;
}
*/
/* END 02 CORE */



/* START 10 PAGE HEADER */
/* 
2Bits - 10 Page Header
*/

#header h1{
	float: left;
	padding: 3px 0px 0px 3px;
}

#header_nav{
	color: #006600; /* dark green , slightly different from camp dixie green */
	background-color: #ffffff; /* white */
	font-size: small;
	text-align: left;
	float: right;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 2px;
	border-top-right-radius: 1em;
	-moz-border-radius-topright: 1em;
	-webkit-border-top-right-radius: 1em;
}

#header_nav ul{
	list-style: none;
}

#header_nav ul li{
	padding: 2px;
}
/* END 10 PAGE HEADER */


/* START 20 CONTENT */
/* 
2Bits - 20 Content
*/


#content h1{
	color: #336633; /* dark green , slightly different from camp dixie green */
	background-color: #ffffff;
	font-size: xx-large;
	font-family: verdana, sans-serif;
}

#content h2 {
	color: #336633; /* dark green , slightly different from camp dixie green */
	background-color: #ffffff;
	font-size: x-large;
	font-family: verdana, sans-serif;
	margin-bottom: 5px;
}

#content h3 {
	font-size: large;
	font-weight: bold;
}

#content img {
	padding: 5px;
}

#content .bulletin{
	background:#E0EFE0;
	border:2px solid #8F1A1A;
	text-align: center;
	margin: 0px auto 20px auto;
	width: 90%;
	padding: 5px;
clear:both;
	}
	
#content .bulletin h3 {
	font-size: x-large;
	color: #8F1A1A;
}



#content .sitemap ul{
	list-style: decimal; 
	margin-left: 25px;
}

#content p {
	margin-bottom: 10px;
}


#content table {
	border: 1px solid black;
	border-collapse: collapse;
}

#content table td, 
#content table th{
	padding: 7px;
}

#content table th{
	text-align: center;
}

#content ul{
	list-style-type: disc;
	margin-left: 30px;
}

#content ul li{
	margin-bottom: 5px;
}

#content ol{
	margin-left: 30px;
	list-style-type: decimal;
}

#content ol li{
	margin-bottom: 5px;
}


#content strong{
font-weight: bold;
}

/* Rounded corners */
#content .bulletin
{
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
/* END 20 CONTENT */

/* START 30 NAVIGATION: CSS MENU HORIZONTAL*/
/* 
2Bits - 30 Navigation: CSS Menu Horizontal
*/
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background-color: #ECECEC;
   border-bottom: 1px solid #C0C0C0;
   width: 100%;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 200px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: -1px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #006699;
}

#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}
#primary-nav li li a { 
   border: 1px solid #000;
}	
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #ececec; 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { 
   background-color: #C7C7C7; 
}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #E7AB0B; /* mustard orange */ /* UNUSED ?? */
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* END 30 NAVIGATION: CSS MENU HORIZONTAL*/



/* START 30 NAVIGATION*/
/* 
2Bits - 30 Navigation
*/

/* level 0 */
#menuwrapper { 
   background: #006600 url(/theme/short_gradient_01.png) top center repeat-x;
   /* Dark green / Camp dixie green */
}

/* level 1 */
#primary-nav li, #primary-nav li.menuparent { 
   background: #006600 url(/theme/short_gradient_01.png) top center repeat-x;
   /* Dark green / Camp dixie green */
}

/* level 1 */
#primary-nav li.menuactive { 
   background: #99cc99; /* light olive green */
   /* Close to: darkseagreen 
	  Maybe switch with? */
}

/* Text color */
/* level 1 */
#primary-nav a { 
   color: #fff;
   font-family: "bitstream vera sans", "trebuchet ms", "cooper black", verdana, helvetica, sans-serif;
}

/* level 1 */
#primary-nav .unli a { 
   color: #000;
}

/* level 1 */
#primary-nav .unli a:hover { 
	background-color: gray;
   color: #fff;
}

/* level 1 - hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
 	background: #99CC99 url(/theme/short_gradient_02.png) top center repeat-x;  /* light green sea */
/*	background-color: orange;
	background-image: none;*/
}

/* level 2 - IE 7 */
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li, 
#primary-nav ul li:hover{ 
/*   background: #99cc99 url(/theme/short_gradient_01.png) top center repeat-x; */
	background-color: floralwhite;
	background-image: none;
}

/* level 2 - with children IE */
/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/*   background: #99cc99 url(/theme/short_gradient_01.png) top center repeat-x; */
	background-color: darkseagreen;
	background-image: none;
	z-index: 15;
	background-image: url('/theme/r_arrow_15x20.png');
	background-repeat: no-repeat;
	background-position: right;
}

/* level 2 */
/* Hide gradient on sub menus */
#primary-nav li.menuparent ul li, 
#primary-nav li.menuactive ul li { 
	background-color: floralwhite;
	background-image: none;
z-index: 15;
}

/* level 2 */
/* Hide gradient on sub menus IE */
#primary-nav li.menuparent ul .unli li, 
#primary-nav li.menuactive ul .unli li { 
	background-color: red;
	background-image: none;
z-index: 15;
}

/* level 2 - hover */
/* Hide gradient on sub menus  - hover */
#primary-nav li.menuparent ul li:hover, 
#primary-nav li.menuactive ul li:hover { 
	background-color: gray;
	background-image: none;
}


/* level 2 - with children */
/*  */
#primary-nav li.menuparent ul li.menuparent, 
#primary-nav li.menuactive ul li.menuparent { 
	background-color: darkseagreen;
z-index: 15;
}

/* level 2 - with children - hover*/
/*  */
#primary-nav li.menuparent ul li.menuparent:hover, 
#primary-nav li.menuactive ul li.menuparent:hover { 
	background-color: gray;
z-index: 15;
}


/* level 2 - with children - arrow */
/*  */
#primary-nav li.menuparent ul li.menuparent a:after, 
#primary-nav li.menuactive ul li.menuparent a:after{ 
	content: ' ->>';
z-index: 15;
}

/* level 3 - hide arrows */
/*  */
#primary-nav li.menuparent ul .unli li a:after, 
#primary-nav li.menuactive ul .unli li a:after{ 
	content: '';
z-index: 15;
}

/* level 3 */
#primary-nav li.menuparent ul .unli li a, 
#primary-nav li.menuactive ul .unli li a{ 
	background-color: floralwhite;
	background-image: none;
z-index: 15;
}

/* level 3 - hover */
#primary-nav li.menuparent ul .unli li a:hover, 
#primary-nav li.menuactive ul .unli li a:hover{ 
	background-color: gray;
	background-image: none;
z-index: 15;
}

#breadcrumbs {
	background: #ddd;
	padding: 4px;
}

#sub-pages{
	float: right;
	background: #eee;
	padding: 4px;
	margin: 10px;
}

#sub-pages h2{
	font-size: large;
	color: #336633; /* dark green , slightly different from camp dixie green */
	border-bottom: 1px solid black;
}

#primary-nav li a { 
   border-right: 1px solid #8EC18E; /* slightly light green */
   border-left: 1px solid #8EC18E;  /* slightly light green */
}
/* END 30 NAVIGATION*/


/* START 30 NAVIGATION SIDEBAR*/
#sidebar h2 {
	font-size: x-large;
	color: #8F1A1A; /* dark red */
}

#sidebar ul {
	list-style: disc;
}

#sidebar ul, #sidebar .sidebar-box {
	background: #F5F5DC; /* very light yellow */
	border: 1px solid black;
	padding: 5px;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}

#sidebar ul li{
	margin-left: 1em;
}

#sidebar .icon {
	padding: 0 0 0 20px;
}

#sidebar ul.list_none li {
	list-style-type:none;
	margin: 5px 0px 10px 0px;
}

#sidebar h2{
	font-weight: bold;
	font-size: 125%;
	padding-top: 10px;
}

#sidebar .rss-date{
	font-size: small;
}

#sidebar .rss-summary{
	padding-bottom: 10px;
}
/* END 30 NAVIGATION SIDEBAR*/



/* START 90 FOOTER*/
/* 
2Bits - 90 Footer
*/

#footer .vcard {
	text-align: right;
}

#footer-search {
	float: left;
}
/*  90 FOOTER*/
/* End of 'Camp Dixie 2Bits - All' */
/* End of 'Camp Dixie 2Bits - All' */

