html,
body {
  height: 100%;
  }

body {
  margin: 0;
  padding: 0;
  background: #ACB9B4 url( 'images/bg_body.jpg' );
  background-repeat: repeat-x;
  font-size: 11px;
  font-family: "Verdana", "times new roman", serif;  
  color: #000;
  }

/*****!!! BEGIN Header div tags and text tags !!*****/

/* the wrap for all content - can be used for cool background effects */
#wrapit {
    margin-left: auto;
    margin-right: auto;
    height: auto !important;
    height: 100%;
    width: 882px;
    min-height: 100%;
    text-align: center;
    }

/* the header which contains the logo, and top picture bar*/
#header {
    width: 880px;
    height: 162px;
    margin-left: auto;
    margin-right: auto;
    }

#headerleft {
   height: 162px;
   width: 464px;
   float: left;
   }

#logobox {
   height: 70px;
   width: 221px;
   margin-left: 4px;
   margin-top: 50px;
   }

#logobox a img {
    border: 0;
    }

#headerright {
   height: 162px;
   width: 400px;
   float: right;
   }
   
#toppic_01 {
    height: 99px;
    width: 146px;
    margin-top: 30px;
    margin-left: 30px;
    float: left;
    border: solid 4px #8BA0AE;
    background-color: #D6E2DE;
    }

#toppic_01:hover {
    border: solid 4px #32294E;
    background-color: #8BAEA1;
    }

#toppic_01 img, #toppic_02 img {
    border: none;
    }

#toppic_02 {
    width: 146px;
    height: 99px;
    margin-top: 30px;
    margin-right: 30px;
    float: right;
    border: solid 4px #8BA0AE;
    background-color: #D6E2DE;
    }

#toppic_02:hover {
    border: solid 4px #32294E;
    background-color: #8BAEA1;
    }

#piccontent_01 {
    height: 95px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    }

#piccontent_02 {
    height: 95px;
    width: 140px;
    margin-left: auto;
    margin-right: auto;
    }

#picboxes {
   border: solid 2px #ccc;
   height: 120px;
   width: 160px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 20px;
   }

#piccontent {
   height: 120px;
   width: 160px;
   margin-left: auto;
   margin-right: auto;
    }

#loginlinks {
    height: 30px;
    }

#tagline {
    position: absolute;
    height: 54px;
    width: 265px;
    margin-top: 21px;
    background: #2B2B2B url( 'images/tagline.jpg' );
    }

#navbar {
    clear: both;
    width: 878px;
    height: 56px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    /*background: #fff url( 'images/bg_navbar.jpg' );*/
    } 

/* main horizontal menu */
#menuholder {
    height: 56px;
    width: 870px;
    text-align: left;
    }

/* this contains the multiple columns below the menu */
#contentholder {
   clear: both;
   width: 878px; 
   background-image: url('images/bg_contentholder.jpg');
   background-repeat: repeat-y;
   background-color: #fff; 
   height: auto !important;
   height: 100%;
   min-height: 100%; 
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   border: solid 1px #8BA0AE;
   margin-top: 20px;
   }

#maincontent {
    width: 610px;
    float: left;
    text-align: left;
    padding: 20px 10px 20px 20px;
    }

#maincontent a img {
    border: 0;
    }

#altcontent {
    width: 218px;
    float: right;
    text-align: left;
    padding: 24px 10px 20px 10px;
    }
       
#breadcrumbs {
    margin-left: -4px;
    margin-bottom: 16px;
    padding: 1px;
    }

#contentpane {
    text-align: left;
    }

#contentpane a img {
    border: 0;
    }

#altpane {
    text-align: left;
    }

#footer {
    background-color: #FFF;
    width: 858px;
    border: solid 1px #999;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    }
    
.dashedline {
    border-bottom: 1px dashed #A9B099;
    padding-top: 10px;
    margin-bottom: 10px;
    clear: right;
    }
    
.whitespace {
    border-bottom: 1px solid #fff;
    margin-bottom: 8px;
    clear: both;
    }

.floatleft {
    float:left; 
    margin:0px 8px 6px 0px;
    padding-left: 4px;
    }

.floatright {
    float:right; 
    margin:0px;
    padding: 6px;
    }
    
.rightalign {
    text-align: right;
    }

.hidden {
    visibility: hidden;
    }
    
/* !----- Container Styles -----! */


.dashed { 
    padding: 10px; 
    border: 1px dashed #ccc; 
    margin-bottom: 10px;
    }

.noborder {
    padding: 0px 10px 6px 10px;  
    margin-bottom: 10px;
    }

.notitle {
    padding: 0px 10px 6px 10px;  
    margin-bottom: 10px;
    }

.backcolor {
    padding: 10px; 
    border: 1px solid #A9B099;
    margin-bottom: 10px;
    background-color: #E5E5E5
    } 

.hbc_head0, h0 {
    font-family: Arial, Serif;
    color: #344B42;
    font-size: 26px;
    text-transform: uppercase;
    }

.hbc_head1, h1 {
    font-family: Trebuchet MS, Tahoma, Arial, Serif;
    color: #003366;
    font-size: 22px;
    }

.hbc_head2, h2 {
    color: #333;
    font-size: 18px;
    font-family: Trebuchet MS, Tahoma, Arial, Serif;
    margin-bottom: 12px;
    font-weight: bold;
    }

.hbc_head3, h3 {
    color: #517567;     
    font-size: 16px;
    font-family: Arial, Serif; 
    margin-bottom: 4px;
    margin-top: 20px;
    font-weight: bold;
    }

.hbc_head4, h4 {
    color: #FF6600;     
    font-size: 15px;
    font-family: Arial, Serif; 
    margin-bottom: 4px;
    margin-top: 20px;
    font-weight: bold;
    font-style: italic;
    }

.hbc_head6, h5 {
    color: #333;     
    font-size: 11px;
    font-family: Verdana, Arial, Serif; 
    margin-bottom: 2px;
    margin-top: 20px;
    border: solid 1px #ccc;
    padding: 3px;
    background-color: #efefef;
    }

.hbc_head5, h6 {    
    color: #666;  
    font-size: 12px;
    font-family: Arial, Serif; 
    margin-bottom: 0px;
    margin-top: 20px;
    text-decoration: underline;
    }

p {
    font-size: 11px; 
    font-family: Verdana, Arial, "times new roman", serif;
    text-align: left;
    margin-top: 0px;
    line-height: 140%;
    color: #333;
    }

ul {
    margin-top: 6px;
    color: #666;
    font-size: 12px;
    }

a:link, a:visited, a:active, A.CommandButton:link, A.CommandButton:active, A.CommandButton:visited {
	text-decoration: underline;
	color: #2F89B5;
    }

a:hover, A.CommandButton:hover {
	text-decoration: underline;
	color: #D79038;
    }

/***** !!!! DNN Styles to Override - Taken from default.css file *****/

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled, .NormalBold, .NormalRed, .blog_body {
    font-size: 11px; 
    font-family: Verdana, Arial, serif;
    /*text-align: left;*/
    margin-top: 0px;
    line-height: 140%;
    color: #333;
    }

/* text style used for rendered text which should appear disabled */
.NormalDisabled {
	color: Silver;
    }

/* text style used for rendered text which requires emphasis */
.NormalBold, .blog_Description_Heavy {
	font-weight: bold;
    }

/* text style used for error messages */
.NormalRed {
	font-weight: bold;
	color: #ff0000;
    }

.DNNAligncenter {
	text-align: left;
    padding: 0px;
    margin: 10px 0px 10px 0px;
    }
    
.DNNAlignleft {
	text-align: left;
    padding: 0px;
    }

.SubHead {
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #333;
    }

/***** !!!! End of DNN Styles to Override - Taken from default.css file *****/

/** form stuff **/

.formLabel {
    font-size: 11px; 
    font-weight: bold;
    font-family: Verdana, Arial, serif;
    margin-top: 0px;
    line-height: 140%;
    color: #333;
    background-color: #efefef;
    }
 

/*** DNN Article Markup ***/

.articleWrap {

    padding: 10px;
    border: solid 1px #ccc;
    margin-bottom: 6px;
    }
    
.articleListTitle {
    color: #517567;     
    font-size: 16px;
    font-family: Arial, Serif; 
    margin-bottom: 4px;
    margin-top: 10px;
    font-weight: bold;
    }

.articleWrap a {
    text-decoration: none;
    color: #333; 
    }

.articleListDate {
    color: #333;
    font-size: 10px;
    margin-top: 2px;
    margin-bottom: 10px;
    background-color: #efefef;
    }

.articleViewDesc {
    color: #666;
    font-size: 10px;
    }

.articleViewTitle {
    font-family: Arial, Serif;
    color: #344B42;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 4px;
    }
    
.aViewTitle {
    font-family: Trebuchet MS, Tahoma, Arial, Serif;
    color: #32294E;
    font-size: 27px;
    text-transform: lowercase;
    margin-bottom: 0px;
    }

.nViewTitle {
    font-family: Trebuchet MS, Tahoma, Arial, Serif;
    color: #32294E;
    font-size: 27px;
    text-transform: lowercase;
    margin-bottom: 0px;
    }
   
.ListAuthor {
    font-size: 10px;
    font-family: Tahoma, Arial, "times new roman", serif;
    text-align: left;
    margin-top: -10px;
    color: #666666;
    }
        
.ListDesc {
    margin-top: 10px;
    }


.ViewClicks {
    font-size: 10px;
    font-family: Tahoma, Arial, "times new roman", serif;
    text-align: left;
    margin-top: -20px;
    color: #666666;
    }

.ViewAuthor {
    font-size: 10px;
    font-family: Tahoma, Arial, "times new roman", serif;
    text-align: left;
    margin-top: -10px;
    color: #666666;
    }
    
.ViewDesc {
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    margin: -14px 0px 0px 0px;
    line-height: 120%;
    font-style: italic;
    }
    
.CmntTitle {
    font-family: Verdana, Arial, Serif;
    color: #333;
    font-size: 11px;
    font-weight: bold;
    line-height: 130%;
    }

.CmntContent {
    font-size: 9pt;
    }

.linkList {
    font-family: Tahoma, Arial, Serif;
    font-size: 11px;
    } 

/****** Admin page styles *****/

.admin {
    background: #FFF;
    text-align: left;
    }  


/****** DNNannouncement module markup ******/

.anWrap {
    width: 680px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    overflow: hidden;
    margin-left: 0px;
    }

.anContent {
    width: 698px;
    margin-top: 10px;
    }

.anLeft {
    float: left;
    width: 530px;
    padding: 0px 8px 0px 8px;
    }

.anRight {
    float: right;
    width: 100px;
    padding: 20px  8px 8px 8px;
    }
    
.anHeading {
    font-family: Trebuchet MS, Verdana;
    font-size: 16px;
    color: white;
    clear: both;
    background: #4f427b url('images/dot.gif');
    background-position: right;
    background-repeat: no-repeat;
    border-bottom: solid 1px #333;
    padding: 6px;
    }
    
.anListImage {
    width: 100px;
    height: 100px;
    }