/*******************************************************************************/
/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.center { text-align: center;     }
.left { text-align: left;       }
.right { text-align: right;      }
.clear {	clear: both; }
.bold {	font-weight: bold; }
.small {	font-size: 80%; }
.smaller {	font-size: 70%; }
.hide {	display: none; }
.inside {	padding: 0 1em; }

body {
 	margin: 0px !important;
	padding: 0px !important;

}

a img,:link img,:visited img { border: none; }

body, td, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }

table {
	font-size: 100%;
}
td, th {
	text-align: left;
	vertical-align: top;
}

/* in firefox, floated select boxes seem buggy */
select {
	float:none;
}

#banner-container {
    overflow: hidden;
    position: relative;
    height: 160px;
}

#banner {
    overflow: hidden;
    position: absolute;
}

#wrap {
    max-width: 1123px;
    width: auto;
    width:expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1123 ? "1123px" : 'auto');
    margin: 10px ;
}

#mastheadRight{ 
    top: 120px;
    right: 20px;
    position: absolute; 
}

#content {
	margin: 19px;
}

#left-column {
    float:left;
}

#right-column {
    float:right;
    border-left: 1px dashed black;
}

#center-column {
    margin: 0px 223px 19px 223px;
}

.news, .pull-quote, #coa-video {
	margin: 5px 0px 14px 19px;
    width: 160px;
    padding: 7px;
}
.news img, .pull-quote img, #coa-video img, .photo img {
    padding-bottom: 4px;
}

.photo {
	margin: 5px 15px 14px 0px;
    padding: 4px;
}

.photo, .photo img {
    width: 185px;
}

#coa-video, #coa-video img {
	width: 168px;
}

#coa-video {
    padding: 4px;
}
