BODY {
	margin  : 5px 5px 5px 5px;
	background : #DBDFF0;
	color : #333333;
	font-size : 10px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

TD {
	color : #000000; 
	font-size : 11px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

H1 {
	color : #000000; 
	font-size : 14px;
	font-weight : bold; 
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

H2 {
	color : #000000; 
	font-size : 12px;
	font-weight : bold; 
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}
	
INPUT, SELECT {
	font-size : 10px;
}

TEXTAREA {
	font-size : 12px;
}

LI {
	list-style-image : url('interface/bullet.jpg');
}

.headertext {
	color : #000000;
	font-weight : bold;
}

.footer {
	color : #333333;
	font-size : 10px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

.warning {
	color : red; 
	font-size : 12px;
	font-weight : bold; 
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

.warningsmall {
	color : red; 
	font-size : 10px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

.commentbar1 {
	color : #FFFFFF; 
	background : #556177; 
	font-size : 12px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
	padding : 3px;
}

.commentbar2 {
	background : #7E8BA3;
	font-size : 12px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
	padding : 2px;
}

.commentbar3 {
	background : #7E8BA3;
	font-size : 10px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
	padding : 2px;
}

.commenttitle {
	font-size : 12px;
	font-weight : bold;
	background : #B6BDCB;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
	padding : 2px;
}

/* Calendar Formatting */
.cal_day {
    font-size : 14px;
    font-weight : bold;
}

.cal-nullday {
    background : #EAEAF2;
}

.cal-oldday {
    background : #DDDDDD;
}

.cal-today {
    background : #B6B6D1;
}

.weekview_caltitle {
    background : #CFCFE1;
    font-weight : bold;
    font-size : 14px;
}

.weekview-curday {
    background : #B6B6D1;
}

.weekview-offday {
    background : #CFCFE1;
}

.weekview_dayformat {
    font-weight : bold;
}

.weekview_addevent {
    font-size : 9px;
}

.weekview_daterange {
    font-size : 16px;
    font-weight : bold;
}

.dayview_times {
    font-weight : bold;
    text-align : center;
}

.dayview_datecol {
    font-weight : bold;
    background : #CFCFE1;
    font-size : 16px;
}

.dayview_quickaddtitle {
    font-weight : bold;
    background : #CFCFE1;
    font-size : 14px;
}
/* End Calendar Formatting */

/* Block Formatting */
.blockheader {
	background : url('interface/blockheader.jpg');
	font-family : "Comic Sans MS", verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #454F61;
	text-align : center;
	height : 46px;
	width: 100%
}

.blockcontent {
	text-align : left;
	background : transparent;
}
/* End block formatting */

/* Story Formatting */
.featureheader {
	background-image : url('interface/fht.jpg');
	font-family : "Comic Sans MS", verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #556177;
	width : 100%;
	height : 42px
}

.storycontent {
	background : white;
}

.storytitle {
	font-size : 14px;
	font-weight : bold; 
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
}

.storyunderline {
	background : #000000; 
}









/* Story **********************************************************************/
.story {
  /* the frame around all elements of one story */
  background:transparent;
  color:#000000;
}
.story h1 {
  /* the title of a story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  padding-left:1px;
}
.story-body {
  /* this is the actual content of the story */
  padding:3px;
}
.story-featured {
  /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
}
.story-featured h1 {
  /* the title of a featured story */
  background:transparent;
  color:#000000;
  font-weight:bold;
  font-size:1.4em;
  padding-left:1px;
}
.story-icons {
  /* print & mail icons in a storybox */
  float:right;
  padding-top:10px;
}
.story-icons a {
  margin-left:5px;
}
.story-container {
  /* frame around all stories & centerblocks*/
  padding-right:9px;
  width:100%;
  vertical-align:top;
}
.story-footer {
  /* the bottom of the story with edit-links etc */
  padding:3px;
  text-align:center;
  clear:both;
}
.story-footer p {
  padding:0px;
  margin:0px;
}
.story-information {
  /* the author, views and date of a story */
  padding:3px;
  font-size:0.85em;
  background:transparent;
  color:#000000;
}
.story-information p {
  padding:0px;
  margin:0px;
}




/* End Story Formatting */

a, a.link, a.visited {
	color : #454F61;
	text-decoration : none;
	font-weight : bold;
}

a:hover {
	font-weight : bold;
   text-decoration : underline;
}

/* Top portion of page */
.header {
	background : #454F61;
}

/* Site Title */
.header1 {
	font-family : "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 36px;
	padding-bottom : 3px;
	font-weight : bold;
}

/* Site Slogan */
.header2 {
	font-family : "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 14px;
	text-transform : uppercase;
	padding-bottom : 3px;
}

/* Bottom portion of page */
.footer {
	font-family : "Comic Sans MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-bottom : 3px;
   color : #454F61;
}

a.footer, a.footer:link, a.footer:visited {
    color : #454F61;
    text-decoration : none;
}

a.footer:hover {
    color : #FFFFFF;
    text-decoration : underline;
}

.content {
	color : #454F61; 
	font-size : 12px;
	font-family : "Comic Sans MS", verdana, arial, sans-serif;
	background : #FFFFFF;
	padding : 2px 2px;
}







/*Menu bar at top of the page*/
.menu {
	background-image : url('interface/menu.jpg');
	font-family : "Comic Sans MS", verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	text-align : center
}

/*Formatting for hyperlinks in the menu bar*/
.navlink { 
	color : #556177;
	text-decoration : none;
}



/* dc copied for profesional */

.moderation-cc {
  width:100%;
}
.moderation-cc-row {
  clear:both;
  height:80px;
  width:100%;
}
.moderation-cc-item {
  float:left;
  text-align:center;
}
.pagenav {
  text-align:center;
}
.row_center td {
  text-align:center;
}



/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-list-icon {
  float:left;
  padding:5px;
}
.admin-list-table {
  width:100%;
  text-align:left;
  border-spacing:1px;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search{
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}
.admin-list-field {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.admin-list-headerfield {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  font-size:larger;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
/* Blocks *********************************************************************/
.block-box-left {
  margin:10px;
}
.block-box-left,
.block-box-right,
.block-box {
  margin:5px 10px 15px 10px;
}
.block-box-left ul,
.block-box-right ul {
  /* do not indent lists in the blocks too much */
  padding-left:20px;
  margin-top:0px;
  margin-bottom:0px;
}
.block-bg-left,
.block-bg-right{
  border-top:1px solid #FFFFFF;
}
.block-bg-spreader {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:180px;
  height:1px;
}
.block-content,
.block-content-right,
.block-content-left {
  background:transparent;
  color:#000000;
  padding-bottom:2px;
  padding-top:2px;
  clear:both;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:16px;
  padding-left:0;
  border:none;
}
.block-divider {
  background:#FFFFFF;
  border-bottom:1px solid #F7F7F7;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding-top:2px;
}
.block-divider-left {
  border-top:1px solid #E7E7E7;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-divider-right {
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #FFFFFF;
  width:90%;
  margin:0 auto;
  line-height:0px;
}
.block-featured-left {
  background:#F7F7F7;
  border-right:1px solid #FFFFFF;
  color:#000000;
}
.block-featured-right {
  background:#E7E7E7;
  border-left:1px solid #FFFFFF;
  color:#000000;
}
.block-helpicon {
  padding-top:0px;
  text-align:right;
  float:right;
}
.block-outerborder-left {
  border-left:1px solid #E7E7E7;
}
.block-outerborder-right {
  border-right:1px solid #CCCCCC;
}
.block-title,
.blocktitle,
.block-title-left,
.block-title-right {
  background:transparent;
  color:#1A3955;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}

/* Block Lists ****************************************************************/
.list-feed,
.list-new-plugins,
.list-new-comments,
.list-new-trackbacks,
.list-older-stories { 
  margin:0px;padding:0px;
}

/* Comments *******************************************************************/
.commentbar-line1 {
  background:transparent;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commentbar-line2 {
  background:#E7E7E7;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  text-align:center;
}
.commentbar-line3 {
  background:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commenttitle {
  background:#F7F7F7;
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  font-weight:bold;
  font-size:smaller;
  padding:3px 0px 3px 10px;
}
/******************************************************************************/
.edit-perm-down {
  text-align:center;
}
.edit-perm-up{
  text-align:center;
  padding-right:10px;
  padding-left:10px;
}
.fieldhelp {
  font-size:0.8em;
  color:#666666;
}
/* Footer *********************************************************************/
.footerblock {
  background:#1A3955;
  border-top:1px solid #CCCCCC;
  color:#FFFFFF;
  font-size:0.85em;
  padding-bottom:10px;
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  vertical-align:middle;
  text-align:left;
}
.footerblock a:link {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footerblock a:visited {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footerblock a:hover {
  background:transparent;
  color:#008000;
  text-decoration:none;
}
.footerblock a:active {
  background:transparent;
  color:#FFFFFF;
  text-decoration:none;
}
.footer-divider-top {
  background:#FFFFFF;
  border-top:1px solid #CCCCCC;
  padding-top:1px;
  color:#000000;
}


/* End Menu bar */



/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
.floatright {
  float:right;
}
.floatleft {
  float:left;
}
.clearboth {
  clear:both;
}
/* clear floats by applying the clearfix class to float-encasing block !*******/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}