/* Generic Tags */

body {background-color:#3E5A77;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	color:#000000;font-size:14px;
	position:relative;top:0px;margin:30px auto;width:1000px;
}
table {border-collapse:collapse;}

/* links */
a:active {text-decoration:underline;color:#0092D2;}
a:hover {text-decoration:underline;color:#60BDE0;}
a:link {text-decoration:underline;color:#0092D2;}
a:visited {text-decoration:underline;color:#0092D2;}




/* Content */

/* the three tiers of text on this site, from most to least pronounced */
.superTitle{color:#3E5A77;text-align:left;font-size:200%;font-weight:bold;}
.title{color:#3E5A77;text-align:left;font-size:150%;}
.text{color:#000000;text-align:left;font-size:100%;}

/* wraps around page-specific content; provides padding */
.contentArea{background-color:#FFFFFF;padding:40px;}

/* provides padding between a left-aligned image and text to its right; top-aligns the image in the case when the text height doesn't match the image height */
.imageCellLeft{padding:0px 20px 0px 0px;display:table-cell;vertical-align:top;}




/* Header and Footer */

/* CSS note: position:relative will set aside a separate entity. Put position:absolute(s) inside and they'll conform to their encompassing entity, not the entire browser area */

/* header background/entity */
.header{position:relative;width:1000px;height:198px;background-color:#000000;background-image:url(images/banner.png);}

/* "Frank Mezzatesta" */
.name{position:absolute;top:20px;left:20px;color:#FFFFFF;padding:2px 10px;width:auto;font-size:300%;background-color:/*rgba(62,90,119,0.8);*/rgba(0,0,0,0.5);}

/* the horizontal bar that contains the site links */
.headerBar{position:absolute;bottom:0px;width:100%;color:#FFFFFF;font-size:150%;text-align:center;background-color:rgba(0,0,0,0.5);padding:0px 0px 4px 0px;}

/* each site link (!important properties override the default coloring and underlining of links found elsewhere on the site) */
.mainLink{text-decoration:none!important;color:#FFFFFF!important;padding:4px 20px;}
.mainLink:hover{text-decoration:none!important;color:#FFFFFF!important;padding:4px 20px;background-color:#005294;}

/* footer background/entity */
.footer{position:relative;width:1000px;height:50px;background-color:#000000;background-image:url(images/banner.png);}

/* covered the footer with a partially-opaque black screen for styling purposes */
.footerCover{position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.7);}

/* the horizontal bar that contains the less-important site links */
.footerBar{position:absolute;top:0px;width:100%;color:#FFFFFF;font-size:150%;text-align:right;padding:4px 0px 0px 0px;}

/* the short extension to make the footer a decent size; also contains the copyright info */
.footerExtension{position:absolute;bottom:0px;width:100%;color:#FFFFFF;text-align:left;}