/* HTML Tag Redefinition */
* {margin: 0; padding: 0;}
html, body {margin:0; margin-bottom: -1px; padding:0; height: 100%; min-height:100%; max-height:100%}
body {/* customize_background */ background-color: #ffffff; /* customize_background */ text-align: center; padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Full Page BG Style */
#backdrop {margin:0px;padding:0px;top:0px;left:0px;bottom:0px;position:absolute;z-index:-10;}
#bg1 {margin:0px;padding:0px;top:60px;left:0px;bottom:0px;position:absolute;width:100%;height:20px;}
#bg1 div {position:absolute;width:150px;heigth:90px;}
#bg1 img {width:150px;height:90px;}

#bg, #bg table, #bg td {height:100%;width:100%;overflow:hidden;}
#bg {position: fixed;left:0px;}
#bg div {height:200%;left:-50%;position:absolute;top:-50%;width:200%;}
#bg td {text-align:center;vertical-align:middle;}
#bg img {margin:0 auto;min-height:50%;min-width:50%;}


/* Page Structure / Navigation */
#page{ width:668px; margin:auto; text-align:left; /*height:100%;*/ min-height:100%;
  margin-bottom:0px;
  height:auto;}



#page #headerSpacer{ height:0px }
#page #header{ position:relative; } 
#page #header #logo{ color:#999; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height: auto; 
	margin-bottom: 0px; padding: 0px; margin-top:8px; cursor:pointer;  left:0px ; z-index:10; width:auto; float:left; position: relative }
#page #header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}

#page #header #headerNav{ position: absolute; top: 14px; right: 0px; z-index:2; width:100%; overflow:visible;}
#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }
#page #header #header-area{margin-top: 10px; margin-bottom: 10px }
#page #header #header-area #header-area-inside{margin-bottom: 12px;}
#page #header #header-area img { display: block}
#page .divider{padding-top: 12px; background: url(http://www.calvinbosco.com/themes/cb/images/nav_horizontal_divider.gif) no-repeat top; overflow:hidden; height:1px; clear:both; width:100%; }

#page #central{/*background:url(http://www.calvinbosco.com/themes/cb/images/nav_sidebar_right_bg.gif) repeat-y center;*/ clear:both; width:668px; height:auto; }
#page .no-sidebar { background-image: none !important}
#page #central.central-left { background:url(http://www.calvinbosco.com/themes/cb/images/black_left_sidebar.png) repeat center !important; /*position:absolute;*/ min-height:100%;
height:auto;position:absolute;}


#page #central.central-left div#sidebar {float: left !important; padding:0; margin:0; height:100%; margin-bottom:1px; }
#page #central.central-left div#sidebar #logo{background: url(http://www.calvinbosco.com/themes/cb/images/logo_cb.png) no-repeat top; line-height: 83px; margin:0; padding:0; text-indent:-900px; }
#page #central.central-left div#sidebar #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none; display:block;}

#page #central.central-left #body {padding-left: 10px !important; padding-right: 10px !important; /*float:right;*/ height:100%;margin-bottom:1px; /*padding-left:8px;*/}
#page #central.central-left #body {color:#ffffff;float:right;}
#page #central.central-left #body ul.nav-header{ list-style:none; margin:0px; margin-top:2px; margin-left:-10px; padding:0px; width:auto; z-index:2; overflow:visible; float: left}
#page #central.central-left #body ul.nav-header li{float:left; padding:2px 6px; margin-right:4px; margin-bottom: 0px; color:#ffffff; font-size:12px; font-weight: bold; margin-top:8px; background-color:#6f6f71; }
#page #central.central-left #body ul.nav-header li a,#page #central.central-left #body ul.nav-header li a:hover{ text-decoration:none; color:#fff; }
#page #central.central-left #body ul.nav-header li.nav-selected{background-color:#e606ad; }
#page #central.central-left #body ul.nav-header li.first a {padding-left:3px; }

#page #central.central-left #body.pink ul.nav-header li:hover,#page #central.central-left #body.pink ul.nav-header li.nav-selected{background-color:#e606ad; }
#page #central.central-left #body.green ul.nav-header li:hover,#page #central.central-left #body.green ul.nav-header li.nav-selected{background-color:#88e805; }
#page #central.central-left #body.blue ul.nav-header li:hover,#page #central.central-left #body.blue ul.nav-header li.nav-selected{background-color:#15a5c0; }
#page #central.central-left #body.orange ul.nav-header li:hover,#page #central.central-left #body.orange ul.nav-header li.nav-selected{background-color:#ec9718; }
#page #central.central-left #body.yellow ul.nav-header li:hover,#page #central.central-left #body.yellow ul.nav-header li.nav-selected{background-color:#edd02e; } 
#page #central.central-left #body.grey ul.nav-header li:hover,#page #central.central-left #body.grey ul.nav-header li.nav-selected{background-color:#888789; }
#page #central.central-left #body.purple ul.nav-header li:hover,#page #central.central-left #body.purple ul.nav-header li.nav-selected{background-color:#8512b5; } 


 
#page #central #body{ /*float:left;*/ width:440px; /*background:url(http://www.calvinbosco.com/themes/cb/images/black.png) repeat;*/overflow:hidden; padding-left: 0px !important; padding-right: 0px !important }
#page #central #body p {text-align:justify;}
#page .no-sidebar #body{ float: none !important; width: auto !important; overflow:hidden }
#page #central #sidebar{ float:right; width:200px; overflow:hidden; /*background:url(http://www.calvinbosco.com/themes/cb/images/black.png) repeat;*/}
#page #central #sidebar p{ line-height:24px}
#page #central #sidebar ul.nav { list-style:none; margin:0; padding:0px; font-size:11px;}
#page #central #sidebar ul.nav li{ margin-bottom:0px; line-height: 55px; border-top: 1px dotted #6f6f71; }

#page #central #sidebar ul.nav li#NEWS a {background:url(http://www.calvinbosco.com/themes/cb/images/news.png) no-repeat;}
#page #central #sidebar ul.nav li#NEWS a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/news_active.png) no-repeat;}
#page #central #sidebar ul.nav li#NEWS a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/news_active.png) no-repeat;}
#page #central #sidebar ul.nav li#NEWS a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/news_active.png) no-repeat;}

#page #central #sidebar ul.nav li#DATES a {background:url(http://www.calvinbosco.com/themes/cb/images/dates.png) no-repeat;}
#page #central #sidebar ul.nav li#DATES a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/dates_active.png) no-repeat;}
#page #central #sidebar ul.nav li#DATES a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/dates_active.png) no-repeat;}
#page #central #sidebar ul.nav li#DATES a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/dates_active.png) no-repeat;}

#page #central #sidebar ul.nav li#SOUNDS a {background:url(http://www.calvinbosco.com/themes/cb/images/sounds.png) no-repeat;}
#page #central #sidebar ul.nav li#SOUNDS a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/sounds_active.png) no-repeat;}
#page #central #sidebar ul.nav li#SOUNDS a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/sounds_active.png) no-repeat;}
#page #central #sidebar ul.nav li#SOUNDS a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/sounds_active.png) no-repeat;}

#page #central #sidebar ul.nav li#PHOTOS a {background:url(http://www.calvinbosco.com/themes/cb/images/photos.png) no-repeat;}
#page #central #sidebar ul.nav li#PHOTOS a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/photos_active.png) no-repeat;}
#page #central #sidebar ul.nav li#PHOTOS a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/photos_active.png) no-repeat;}
#page #central #sidebar ul.nav li#PHOTOS a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/photos_active.png) no-repeat;}

#page #central #sidebar ul.nav li#VIDEOS a {background:url(http://www.calvinbosco.com/themes/cb/images/videos.png) no-repeat;}
#page #central #sidebar ul.nav li#VIDEOS a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/videos_active.png) no-repeat;}
#page #central #sidebar ul.nav li#VIDEOS a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/videos_active.png) no-repeat;}
#page #central #sidebar ul.nav li#VIDEOS a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/videos_active.png) no-repeat;}

#page #central #sidebar ul.nav li#ABOUT a {background:url(http://www.calvinbosco.com/themes/cb/images/about.png) no-repeat;}
#page #central #sidebar ul.nav li#ABOUT a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/about_active.png) no-repeat;}
#page #central #sidebar ul.nav li#ABOUT a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/about_active.png) no-repeat;}
#page #central #sidebar ul.nav li#ABOUT a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/about_active.png) no-repeat;}

#page #central #sidebar ul.nav li#CONTACT a {background:url(http://www.calvinbosco.com/themes/cb/images/contact.png) no-repeat;}
#page #central #sidebar ul.nav li#CONTACT a:hover {background:url(http://www.calvinbosco.com/themes/cb/images/contact_active.png) no-repeat;}
#page #central #sidebar ul.nav li#CONTACT a.nav-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/contact_active.png) no-repeat;}
#page #central #sidebar ul.nav li#CONTACT a.nav-path-selected  {background:url(http://www.calvinbosco.com/themes/cb/images/contact_active.png) no-repeat;}

#page #central #sidebar ul.nav li.nav-selected {}
#page #central #sidebar ul.nav li a { display: block;}

/*#page #central #sidebar ul.nav li a.hover {background:url(http://www.calvinbosco.com/themes/cb/images/news_active.png) no-repeat;}*/
#page #central #sidebar ul.nav a{ text-decoration:none; color:#ffffff ; background:none;/*text-indent: -900px;*/}
#page #central #sidebar ul.nav li a span {text-indent: -9999px; display:block;}
/*opera fix insert here pls*/
#page #central #sidebar ul.nav a.nav-selected {font-weight: bold}
#page #central #sidebar ul.nav a:hover{ font-weight: bold; }

#page #central #sidebar ul.nav ul{ text-align: right; list-style:none; margin-left:0px; padding:0px; padding-right:0px; margin-top:0px; }
#page #central #sidebar ul.nav ul li{ margin-bottom:0px; background-image:none; color:# ffffff; line-height: 16px;}
#page #central #sidebar ul.nav ul li a{ padding:3px 10px 3px 0;}

/*end separator for sidebar nav*/
div.nav-end-separator {line-height: 1px; border-top:1px dotted #6f6f71; }


#page #central.navLeft{ background:url(http://www.calvinbosco.com/themes/cb/images/nav_sidebar_left_bg.gif) repeat-y center; }
#page #central.navLeft  #sidebar{float:left}
#page #central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{clear:both;color:#999; font-size:10px; width:190px;padding:5px;margin-top:30px;background:none;}
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {float:left;margin-left: 0px}
#page #footer span.webdesign {right:5px;bottom:5px; position:absolute;}

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}

/* customize_miscellaneous */ /* customize_miscellaneous */

/* twitter */
div.tweet-wrap {}
div.tweet-wrap h4 {padding-left:8px;}

div.tweet { border-bottom: 1px dashed #cccdcc; padding: 8px; font-size: 10px; color:#ffffff;}
div.tweet div.tweet-content {float: left; padding: 0 15px 5px 0;}
div.tweet div.tweet-clear {clear:both;}

div.tweet div.tweet-content a {color:#999999;}
div.tweet div.tweet-content a:hover {color:#ffffff; text-decoration:underline;}

div.tweet a {color:#999999;}
div.tweet a:hover {color:#ffffff; text-decoration:underline;}
div.tweet span {font-size: 10px; color: #999999; }