/* Typography -------------------------------------------------------------- */
/* The following classes are for use with @extend. */
html { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

.serif, body { font-family: Cambria, Georgia, serif; }

.sans, body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

body {
    background-color: #eee; text-align: center; 
    margin: 0 auto; 
    width: 100%; 
    padding: 0; 
    border: 0; 
    font-size: 9pt;
}

a {text-decoration: underline; color: #333;}
a:visited, a:active, a:hover {text-decoration: underline; color: #333;}

.text {color: #000; font-size: 10pt;}
.textsmall {color: #000; font-size: 9pt;}
.left {text-align:left;}
.right {text-align:right;}
.middle {text-align:center;}
.nowrap {white-space: nowrap;}
.w21 {width:21px;}

#outershell {
	margin: 0 auto; 
	position: relative; 
	width: 960px; 
	background-color: #fff;
}
#content {
	 margin: 2em auto 0 auto; 
	 padding: 5px 20px 10px 20px;
	 position: relative; 
	 background-color: #fff; 
	 width: 920px; 
	 text-align: left;
	 font-size:1.1em;
}
#content h1 {
	font-size:1.5em;
	font-weight: bold;
	color:Navy;
	border-bottom: #ccc 1px solid;
	margin: 15px 0;
}
#content h2 {
	font-size:1.25em;
	font-weight: bold;
	color:Navy;
}
#content h2 a {color:Navy;}
#content h3 {
	padding-left: 25px;
	font-size: 1em;
	font-weight: bold;
	color: Navy;
}
#content p {
	font-size: .9em;
}
#content table {
	border-collapse: collapse;
	padding: 5px;
}
#content th {
	font-size: 8pt;
	padding: 5px;
}
#content td {
	font-size: 8pt;
	text-align: center;
	padding: 5px;
}
#content td.left {
	font-size: 8pt;
	vertical-align: top;
	text-align: left;
	padding: 5px;
}
#content table.noborder {
	border-spacing: 0;
	padding: 0;
}
#content table.border {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}
#content th.border {
	font-size: 8pt;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#content td.border {
	font-size: 8pt;
	vertical-align:top;
	text-align: center;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#content table.borderPts {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}
#content th.borderPts {
	font-size: 8pt;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}
#content td.borderPts, #content td.borderPtsLeft, #content td.borderPtsRight,#print td.borderPts, #print td.borderPtsLeft, #print td.borderPtsRight {
	font-size: 8pt;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	padding: 2px;
}
#print td.borderPts, #print td.borderPtsLeft, #print td.borderPtsRight {
	font-size: 8pt;
}
#content td.borderPts, #print td.borderPts {
	text-align: center;
}
#content td.borderPtsLeft, #print td.borderPtsLeft {
	text-align: left;
}
#content td.borderPtsRight, #print td.borderPtsRight {
	text-align: right;
}

.winners .leftCol {width:48%;float:left;}
.winners .rightCol {width:48%;float:left;padding-left:10px;}
.winners .leftHdr, .winners .className {width:60%;float:left;}
.winners .leftHdr {font-weight:bold;}
.winners .rightHdr {width:40%;font-weight:bold;}
.winners .pad, .winners .padColor {margin:3px 5px 3px 0;padding:5px;}
.winners .padColor {background-color:#d8d8d8;}

#print {
	clear: both;
	width: 630px;
	padding: 5px;
	border: #ccc 1px solid;
	font-family: Verdana, sans-serif;
}
#print h1 {
	font-size: 11pt;
	font-weight: bold;
	color: #669;
	border-bottom: #ccc 1px solid;
}
#print h2 {
	font-size: 9pt;
	font-weight: bold;
	color: #669;
}
#print p {
	font-size: 8pt;
}
#print table.border {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}
#print th.border {
	font-size: 8pt;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#print td.border {
	font-size: 8pt;
	text-align: center;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
}
#print table.borderPts {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}
#print th.borderPts {
	font-size: 7pt;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}
#print td.borderPts {
	font-size: 7pt;
	text-align: center;
	border-color: #666;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}
#footer {
	margin-bottom: 30px;
	text-align: center;
}
#footer .content {
    background: url("/includes/images/footer.jpg") no-repeat; 
	position: relative;
    font-size: 0.85em; 
    height: 25px;
    margin: 0 auto; 
    padding: 5px 50px 0 30px;
	width: 880px; 
}


/*===== slideviewer css=====*/
/*http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html*/

/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden;
border: 2px solid #ccc;
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li {
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a {
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ccc;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current {
background: #fff;
color: #ccc;
}

/*tooltips formatting*/
.tooltip {
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}