/*layout CSS */
body {
  padding: 0;
  margin: 0;
  background-color: #FFFFFF;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  background-image: url(../images/ccbg.gif);
  font-size: 10pt;
}

#wrap {
  background-image: url(../images/sidebar.jpg);
  background-repeat: repeat-y;
}

#footer {
  position: relative;
  clear: both;
  background-image: url(../images/ccfooterbg.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  text-align: center;
}

#footer .inside {
  padding: 0;
  background-image: url(../images/ccfooter.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
}

#footer,.small,.createdate,.modifydate,.mosimage_caption {
  font-size: 7pt;
  color: #555555;
}

#footer a {
  color: #222222;
}

#header {
  background-image: url(../images/ccheaderbg.jpg);
  background-position: top left;
  width: 100%;
  height: 89px;
} 

#header .inside {
  margin: 0;
  padding: 0;
  background-image: url(../images/ccheader.jpg);
  background-repeat: no-repeat;
  width: 850px;
  height: 89px;
}

#header h1 { 
  display: none;
}


#sidebar {
/*  background-image: url(../images/sidebar_bottom.gif);
  background-repeat: no-repeat;
  background-position: bottom left; */
  font-size: 14pt;
  float: left;
  width: 210px;
  overflow:hidden;
  margin: 0px 5px 0px 0px;
  min-height:450px;
  height:auto !important;
  height:450px;
} 

#sidebar a {
  color: #333333;
} 

#sidebar .inside {
  background-image: url(../images/sidebar_top.gif);
  background-repeat: no-repeat;
  background-position: top left;
  min-height:450px;
  height:auto !important;
  height:450px;
}

#sidebar ul.menu {
  list-style-image: url(../images/bolt.gif);
}

#sidebar ul.menu li {
  margin-top: 10px;
  margin-left: 25px;
}

#content60 {
  float:left;
  width: 60%;
  overflow:hidden;
  background-color: #FFFFFF;
}

#content80 {
  float:left;
  width:70%;
  overflow:visible;
}

#content100 {
  float:left;
  width:100%;
  overflow:hidden;
}

#sidebar-2 {
  float:left;
  width:20%;
  overflow:hidden;
  background-color: #FFFFFF;
} 

.inside {padding:10px;}

/*typography*/

* {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
h1,.componentheading{
font-size:1.7em;
}
h2,.contentheading{
font-size:1.5em;
}
h3{
font-size:1.3em;
}
h4{
font-size:1.2em;
}
h5{
font-size:1.1em;
}
h6{
font-size:1em;
font-weight:bold;
}


.moduletable{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ border:1px #CCC solid;
}
.moduletable h3{
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ }

/*Menu Styling*/

.moduletablemenu{
padding:0;
color: #333;
margin-bottom:1em;
}
.moduletablemenu h3 {
background:#666;
color:#fff;
padding:0.25em 0;
text-align:center;
font-size:1.1em;
margin:0;
border-bottom:1px solid #fff;
}
.moduletablemenu ul{
list-style: none;
margin: 0;
padding: 0;
}
.moduletablemenu li{
border-bottom: 1px solid #ccc;
margin: 0;
}
.moduletablemenu li a{
display: block;
padding: 3px 5px 3px 0.5em;
border-left: 10px solid #333;
border-right: 10px solid #9D9D9D;
background-color:#666;
color: #fff;
text-decoration: none;
}
html>body .moduletablemenu li a {
width: auto;
}
.moduletablemenu li a:hover,a#active_menu:link,a#active_menu:visited{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
} 

img {
  border: 0;
}

.contentheading {
  background-color: #DDDDDD;
}

.componentheading {
  padding-bottom: 10px;
  width: 100%;
}

.blog {
  width: 100%;
}

.article_column {
  padding-right: 20px;
}
