html, body{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:#FFFFFF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px
}
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background:#FFFFFF  
} 
 
#header{
 position:relative; 
 height:100px; 
  background-color:#FFF; 
 width:100%;
} 
 

#logo {
 width: 180px;
 position:relative;
 float:left;
 padding-left:15px;
} 
 
#photo{
 position:relative; 
  background-color:#FFF; 
 width:100%;
 width: 780px;
 margin-left:10px;
 margin-bottom:10px;
 border-top: 4px solid #ffe322;
 border-bottom: 4px solid #000
}  
 
#leftcol{
 width:170px; 
 float:left; 
 margin-left: 10px;
 }
 
#maincol{  
 float: right; 
 display:inline; 
 position: relative; 
 width: 600px;
 margin-right:10px;
 }
 
#footer{
 height: 60px; 
  background-color: #FFF; 
 clear:both;
 margin-top:20px;
 font-size:10px;
 } 
 
 #bottom_logos{
 width: 110px; 
 float:left; 
 position:relative;
 margin-left: 10px;
 }
 
 #bottom{  
 float: right; 
 display: inline; 
 position: relative;
 margin-right:10px;
 height:30px;
 border-top: 1px solid #999999;  
  border-bottom: 1px solid #999999;  
 width: 600px; 
  padding: 0 0 0 0;
 }
 
#copyright{  
 float: left;
 background:#FFF; 
 display:inline; 
 position: relative;
 float:right;
 padding: 5px 10px 0 0;

 } 

#login{  
 float: right;
 background:#000; 
 display:inline;
 position:relative; 
 width: 370px;
 padding: 5px 0 7px 10px;
  color:#FFFFFF;

 }


#copyright  a {

   color: #000000;
   text-align:right;
   text-decoration: none;
 }

#copyright a:hover {
   color: #666666;
 }

.textbox { width:170px; border:none; font-size:10px }

h3 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:16px
} 

img { border:0}

.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


/************ MENU ****************/
#menu #nav, #menu #nav ul {
  padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#menu #nav {
  /*
   * This sets the:
   * background-color >> background bar color
   * height >> height of the background bar
   * padding >> the spacing surrounding the nav bar: [top]px [right]px [bottom]px [left]px
   */
  background-color: #fff;
  height:25px;
  padding: 30px 0px 0px 0px;
  margin: 0px 0px 0px 230px;
  font-size:10pt;
  line-height:13pt;
  border-bottom:1px solid black;
  width:560px;
}

#menu #nav a {
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    text-decoration:none;
    text-transform:none;
    color:#000;
  /*
   * This sets the: 
   * margin >> spacing around the link text box: [top]px [right]px [bottom]px [left]px
   * padding >> spacing around the link text: [top]px [right]px [bottom]px [left]px
   * line-height >> this offsets the line-height set globally by the body tag
   */
    margin:7px 2px 2px 2px;
    padding: 0px 5px 5px 5px;
    line-height:10pt;
}


#menu #nav a:hover, #menu #nav .selected {
	text-decoration: none;
	color:#fff;
	background-color: #000;
}

#menu #nav li {
  /*
   * This sets the: 
   * float >> sets list to be lined up horizontally.  Lists are used as they are more accessible.
   */
  float:left;
  line-height:19pt;
}

/**************** SUB MENU **********************/
#menu #sub_navigation {
  margin:5px 0px 0px 230px;
  width:560px;
  text-align:center;
}

#menu #sub_navigation a {
    font-family: Arial, Helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    text-decoration:none;
    text-transform:none;
    color:#7e7e7e;
  /*
   * This sets the: 
   * margin >> spacing around the link text box: [top]px [right]px [bottom]px [left]px
   * padding >> spacing around the link text: [top]px [right]px [bottom]px [left]px
   * line-height >> this offsets the line-height set globally by the body tag
   */
    margin:0px 0px 0px 0px;
    padding: 7px 6px 1px 6px;
    line-height:18px;
}

#menu #sub_navigation a:hover, #menu #sub_navigation .selected {
	text-decoration: none;
	color:#000;
	background-color: #ffcc00;
}


/*** newsletter item HOME ***/
#news-box {
  padding:5px 10px 5px 10px;
  border:2px solid black;
  background-color:#ffe123;
  width:125px;
  
}

#news-box h2 {
  margin:0px 0px 5px 0px;
  font-size:10pt;
  
}

#news-box .news-image {
  margin-bottom:3px;
}

#news-box .news-title {
  margin-bottom:3px;
}
#news-box .news-title a {
  font-weight:bold;
  font-size:8pt;
  text-decoration:none;
  margin-bottom:20px;
  color:#000;
}

#news-box .news-date {
  font-size:8pt;
  color:#6c6c6c;
}

#news-box .news-description p {
  margin:0px 0px 15px 0px;
}

#news-box .news-description {
  font-size:8pt;
}


/*** newsletter item ***/
 .album {
    float:left;
    padding:10px;
  }
  
  .thumbimage {
    float:left;
    padding:0px 10px 0px 0px;
  } 
  
  .list-item {
    margin-bottom:40px;
  }
  
  .list-item .listing-title a {
    text-decoration:none;
    font-weight:bold;
    color:#000;
  }
  
  .list-item .listing-description p {
    margin:2px 0px 5px 0px;
    color:#7e7e7e;
  }
  
  .list-item .listing-date {
    font-size:8pt;
  }
  
  /* main-newsletter .largeimage {
    float:right;
    padding:0px 0px 0px 10px;
  } */
  
  #main-newsletter .main-description {
    color:#7e7e7e;
  }
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}