/* used by many asp apps. */

body{margin:0;background: white;color:#333333}

body,td,th,input,select,textarea,input {font-family: Arial, Helvetica, sans-serif;}
body,td,th,input,select,textarea,input {font-size:12px;}
p{margin:0 0 1.5em 0;}
th p{margin-bottom:0}
table,td,th{border:none;}
form{padding:0;margin:0}
b, strong{color:#444444}

/*Links*/
a img{border:none;}
a:focus{outline: none;}
a:link { color: #253C7F; text-decoration: underline}
a:visited { color:#3366CC; text-decoration:underline}
a:hover { color: #FFC10A; text-decoration: underline}

h1 {color: #999;text-transform: uppercase;font-weight: normal;}
h2 {color: #253C7F;font-weight: bold;font-size: 20px;margin-bottom: 10px;}
q {font-size: 14px;text-align: center;color: #0D2872;font-style: normal;display: block;margin-bottom:1em;}
h3 {font-size: 14px;font-weight: bold;color: #333333;}
tt { font-size: 12px ; color: #333333}

.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 


/*General Formatting*/
.helper {background: url(../images/v2template/helper-bg.jpg) no-repeat top left;width:368px;padding: 5px 25px 5px 10px; display: block; margin: 25px 0;}
.caption { FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; color: #999999 }
.photo {border: 1px solid black; margin-left: 10px; margin-right:10px}
.public-art-index-photo {border: 1px solid #999999; margin:3px; padding:5px;}
.tab-heading{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11pt;color:#000066;}
.list-adobe-pdf, .list-adobe-pdf li {list-style-image: url(../images/PDFIcon.gif);}
.uppercase {text-transform:uppercase;}
.emphasis { font-weight: bold; font-style:italic; color:#CC9900}
.enviroemphasis { font-weight: bold; font-style:italic; color:#4d8a1f}
.BoldGray {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555}


/*Headers & Titles*/
.MainHeading {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#999999; text-decoration: none; text-transform:uppercase;}
.MainHeading2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color:#253C7F; text-decoration: none}
.title {font-size: 14px !important; font-weight: bold; color: #253C7F;}
.subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #253C7F}
.olympic .title {color: #0066CC;}
.olympic .subtitle {color: #0066CC;}
.subsubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666}
.italicmail {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #253C7F; font-style: italic}
.emphasistitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DA4D1B}

/*----------------------------------------------------------------------*/
/* Tables
/*----------------------------------------------------------------------*/	

th, .table-header {background-color:#233773; color:#FFFFFF; font-weight:bold; padding: 3px;}
th p, .table-header p, th a:link, .table-header a:link, th a:visited, .table-header a:visited {color:#FFFFFF; padding: 0; margin: 0;}
th.table-subheader p {color:#333333;}
.table-subheader,th.table-subheader {background:#CCCCCC; font-weight:bold; color: #333333; padding:2px 3px;} 

.table-striped {border-collapse: collapse; border-bottom: 1px solid #EEEEEE;}
.table-striped td, .table-striped th {text-align:left; vertical-align: top;}
.table-striped .table-subheader, .table-striped th.table-subheader {background:#666699 ; font-weight:bold; color: #FFFFFF;} 
.table-striped .table-subheader p, .table-striped th.table-subheader p, 
.table-striped .table-subheader a:link, .table-striped th.table-subheader a:link,
.table-striped .table-subheader a:visited, .table-striped th.table-subheader a:visited {color: #FFFFFF; padding: 0; margin: 0;} 
.table-striped .table-subheader a:hover, .table-striped th.table-subheader a:hover {color: #FFC10A;} 
.table-striped td {padding: 2px 3px;}

.table-borders  {border-collapse: collapse;}
.table-borders td, .table-borders th {border: 2px solid #CCCCCC; padding: 3px; text-align:left; vertical-align: top;}
.table-borders .table-subheader, .table-borders th.table-subheader {background:#EEEEEE; font-weight:bold; color: #333333; padding:2px 3px;} 

.table-noborders, .table-noborders tr, .table-noborders th, .table-noborders td {text-align:left; vertical-align:top;}


.content-cell {background-color: #EEEEEE}

.table-callout {border-collapse: collapse; width:180px; float:right; margin:10px;}
.table-callout th, .table-callout .table-header {background-color:#233773; color:#FFFFFF; font-weight:bold; padding: 3px;}
.table-callout td {background: #EEEEEE;}
.table-callout ul {margin: 0; margin-bottom:0.5em; padding-left:0;}
.table-callout li {list-style:none; background: url(../images/small_arrow.gif) 3px 2px no-repeat; margin:0; padding:0; padding-left:10px;}

.table-testimonial {border:1px solid #CC9900; padding: 2px; margin: 10px; float: right; width:150px;}
.table-testimonial td {padding: 3px; color:#253C7F; font-style:italic; font-size: 10px;}
.table-testimonial img {border: 1px solid black;}
.table-testimonial-horiz {border:1px solid #CC9900; padding: 2px; margin: 10px auto;}
.table-testimonial-horiz td {padding: 3px; color:#253C7F; font-style:italic; font-size: 10px; width:150px;}
.table-testimonial-horiz img {border: 1px solid black;}


/*----------------------------------------------------------------------*/
/* Right Column (Level 2)
/*----------------------------------------------------------------------*/	

#rightcolumn{float:left;width:133px;padding:40px 0 10px 0;font-size:11px;}
		
#rightcolumn h2{color:#333333;font-size:14px;font-weight:bold;margin:15px 0 0 0;}
#rightcolumn ul{margin:0;padding:0;list-style:none;}
#rightcolumn ul li{background: url(../images/v2template/chevron-gold.gif) 0 5px no-repeat;padding:0 0 0 12px;margin:0 0 3px 0;}
			

/*----------------------------------------------------------------------*/
/* Form Overview
/*----------------------------------------------------------------------*/
* html .clearfix { height: 1%; overflow: visible; }
*+html .clearfix { min-height: 1%; }

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