/*  Copyright 2008 Dynacor Media Group  */

/* ############################## GENERAL DEFAULTS ############################## */

/* === table === */
/* === table the center of the table holds the website, the left and right cols hold the repeating background=== */

table{
    width:100%;
     border:0px;


}

td.centerCol{
    width:825px;
   vertical-align: top;

}

td.leftCol{
 background-image: url(images/excel_bg1.gif);
 background-repeat: repeat-x;
   background-position: right top;

    vertical-align: top;

}



td.rightCol{
 background-image: url(images/excel_bg2.gif);
 background-repeat: repeat-x;
 background-position: left top;
 vertical-align: top;
}
/* === body === */
html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #164066;

}

/* === text === */
body, td, input, select, textarea {
    font-family: arial;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    cursor: default;
}

/* === links === */
a {
    color:#000099;
    text-decoration: none;
    cursor: pointer;
    margin:0px;
    padding:0px;
}
a:hover {
    color:#a2cde5;
    text-decoration: none;
    cursor: pointer;
}

.thisLinkTopNav{
    color:#1a446a;

}

.thisLinkBottomNav{
   color:#a2cde5;

}

.topNavLinks{
        color:#000000;
        text-decoration: none;
        cursor: pointer;
        margin:0px;
        padding:0px;
}

.topNavLinks:hover{
    color:#1a446a;

}


/* === images === */
img {
    border: 0px;
}

.complexLogo{
 padding-left:6px;
 padding-right:6px;
 padding-bottom:6px;
 padding-top:0px;
}

/* ############################## FONT CLASSES ############################## */

/* === small === */
font.small {
    font-size: 10px;
}


/* === this sets the font size of the title in the recent news and events information box === */
.dateTitle{
   font-size:11px;
padding-left:10px;
padding-right:3px;
padding-top:3px;
padding-bottom:3px;
margin:0;

}

.theTitle{
    font-size:14px;
    font-weight:bold;
    color:#1a446a;


}

.italic{
 font-style:italic;
text-align:center;
}

/* === this is just when some information needs to be highlighted === */
.highlightInfo{
    color:#666666;
    padding-left:25px;

}

.highlightInfoSmall{
    color:#666666;
    font-size:11px;

}


/* ############################## container DIV ############################## */

/* === div === */
div.container {
    width: 825px;
    margin: 0px auto;
    position: relative;
    background-image: url(images/excel_container_bg.gif);
    background-repeat: repeat-y;
    background-color: #ffffff;
}

/* ############################## header DIVs ############################## */

/* === header === */
div.header {
    width: 825px;
    height: 199px;
    position: relative;
    float:left;

}

div.headerNav{
    text-align:right;
    position:absolute;
    top:57px;
    left:590px;

}


/* ############################## mainNav DIV ############################## */
div.mainNav {
      position: relative;
    float:left;
    width: 825px;
    height: 21px;





}


/* ############################## content DIVs ############################## */

/* === sideFeature this holds the polaroid pictures and the recent news and events information box on the left side of the site === */
div.sideFeature{
    width:321px;
    position:relative;
    float:left;


}
/* === sideFeatureNews the following divs are to build the recent news and events information box, the box will expand with additional content=== */
div.sideFeatureNews{
    /*background-image: url(images/excel_news_bg.gif);*/
	border-style:solid;
	border-width:1px;
	background-repeat: repeat-y;
    width:227px;
    margin-left:60px;
    position:relative;

}

/* === sideFeatureNewsHeading === */
div.sideFeatureNewsHeading{
	font-family:"Serif";
	font-size:13pt;
	font-weight:bold;
	text-align:center;
    width:227px;
    position:relative;
}

/* === sideFeatureNewsContent === */
div.sideFeatureNewsContent{
    width:227px;
    position:relative;


}


div.newsInfo{
    position:relative;
    float:left;
    width:220px;


}

.imgFundraiser{
margin-top:10px;
margin-bottom:10px;
 margin-left:63px;
 border:1px solid #666666;
}

/* === this sets up the styles for the paragraphs and the links in the sideFeatureNewsContent div === */

div.sideFeatureNewsContent p{
   font-size:10px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom:5px;
   margin:0px;

}

div.sideFeatureNewsContent a{
   padding:0px;
   margin-left:140px;

}




/* === sideFeatureNewsTitle this is for the graphic of the recent news and events title === */
div.sideFeatureNewsTitle{
    width:101px;
    position:relative;
    float:left;
    padding-right:6px;

}





/* === sideFeatureNewsFooter === */
div.sideFeatureNewsFooter{
    width:227px;
    position:relative;

}






/* === mainContent this is for the content on the right of the website including the division 1 and 2 buttons and the written content=== */
div.mainContent{
    width:504px;

    position:relative;
    float:left;
     background-image: url(images/excel_content_template_paper_bg.gif);
    background-repeat: no-repeat;

}

/* === contentNav for the division 1 and 2 buttons=== */
div.contentNav{
    width:504px;
    height:95px;
    position:relative;
    float:left;


}



/* === contentInfo for the written information, also includes the background image of the lined paper === */
div.contentInfo {
    width:430px;
    position:relative;
    float:left;


}

/* ############################## footer DIVs ############################## */
/* === footer the footerNav p is for the text in the footer  === */
div.footer{
    width:825px;
    height:66px;
    position:relative;
    float:left;

    }


div.footerNav{
   text-align:right;
   position:absolute;
   top:18px;
   left:585px;


}

div.footerNav p{
   text-align:right;
   margin:0px;
   padding-right:50px;
   padding-top:18px;
}

/* ############################## CSS for template ############################## */
/* === this is for the information in the main content in the template, this needs to be different from the index page because there is no division buttons  === */
div.contentInfoMainPages {
    width:430px;
    margin-top:20px;
    position:relative;
    float:left;

}


div.contentInfoMainPages p {
    padding:6px;
    margin:0px;


}




/* === this is to line up the background to the main website === */
div.sideImage{
    width:34px;
    height:124px;
      position:absolute;
      left:470px;
         background-image: url(images/excel_content_side_bg.gif);
         background-position: left top;
    background-repeat: no-repeat;


}

/* ############################## CSS for pages with subnav ############################## */

div.subNav{
   position:relative;
   float:left;
   width:150px;
margin-top:20px;


}


div.contentInfoSubPages {
    width:345px;
    margin-top:20px;
    position:relative;
    float:left;


}


div.contentInfoSubPages p {
    padding:6px;
    margin:0px;


}

.subNavLinks{
    text-decoration:underline;


}

.subNavLinks:hover{
    text-decoration:underline;

}

.subNavSpace{
    margin:0px;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:6px;


}


.subNavSpaceSelectedLink{
      margin:0px;
        padding-left:0px;
        padding-right:0px;
        padding-top:0px;
        padding-bottom:6px;
        color:#a2cde5;
        text-decoration:underline;

}


/* ############################## CSS for mission_statement page ############################## */
.subTitle{
   font-weight:bold;


}

/* ############################## CSS for general information that might go in the side feature ############################## */
div.sideFeatureGeneralInfo{
    width:240px;
    margin-left:57px;
    position:relative;


}

.centerInfo{
    margin:5px;
    text-align:center;


}


/* ############################## CSS for the board of directors ############################## */
.boardMainTable{
    width:425px;



}

.boardImg{
    vertical-align:top;
    border-top: 1px solid #666666;
    padding:6px;
}

.boardInfo{
    border-top: 1px solid #666666;
    padding:6px;
}

.infoUp{
  vertical-align:top;

}

.centerImg{
    margin:0px;
    padding:0px;
    text-align:center;


}


/* ############################## CSS for sitemap ############################## */
.siteMapMainNav{
    font-weight:bold;
    list-style-type:none;
    padding-top:3px;
    padding-bottom:3px;
}

.siteMapSubNav1{

    list-style-type:none;
    margin-left:20px;
    padding-top:3px;
    padding-bottom:3px;

}

.siteMapSubNav2{
    color:#666666;
    font-size:11px;
padding-top:3px;
    padding-bottom:3px;
        margin-left:40px;


}

.siteMapSubNav3{
  color:#666666;
  list-style-type:square;
font-size:11px;
        margin-left:60px;
        padding-top:3px;
    padding-bottom:3px;

}

.siteMapLinks:hover{
    text-decoration:underline;


}

.siteMapLinksSub{
    color:#666666;
}

.siteMapLinksSub:hover{
    text-decoration:underline;
}


/*this is to highlight the Vision Statement on the Mission Statement page */
.mission{
    font-size:14px;
    font-weight:bold;
    color:#1a446a;
    text-align:center;


}

/*Dynacor signature*/

div#signature{

    width:825px;
    height:23px;
    position:relative;
    float:left;
    background-color:#164066;
    color:#ffffff;
    margin:0px;
    padding:0px;
}

div#signature a{
    color:#ffffff;
}

div#signature a:hover{
    color:#a2cde5;
}

.signatureAlignRight{
    text-align:right;
    font-size:10px;
    position:absolute
    top:0px;
    left:0px;
    margin-right:40px;
}

.signatureAlignLeft{
    text-align:left;
    font-size:10px;
    position:absolute;
    top:0px;
    left:0px;
     margin-left:45px;
}

.newsLink{
	padding-right:1em;
	text-align:right;
}

/*
	A:link
	A:visited
	A:active
	A:hover.newLink
*/