* { padding: 0; margin: 0; }

#container { clear: left; margin: 0 auto; width: 100%; text-align: left; }
#top { float: left; width: 100%; padding: 10px 0 0 0; background-color:#4A6C9F; }
#top-min { clear:left;width:760px;margin:20px auto 0 auto; background: #FFFFFF; }
#logo { clear: left; width: 960px; margin: 0 auto 11px auto; font: bold 13px Verdana, sans-serif; letter-spacing: -1px; color:#FFFFFF; }
#logo-min { clear: left; width: 960px; margin: 0 auto; font: bold 110% Verdana, sans-serif; letter-spacing: -1px; color:#FFFFFF; }
#user { display: block; text-align: right; font-size: 100%; font-weight: normal; padding-top: 6px; margin-right: 2px; color:#EFF3F7; letter-spacing: -1px; }
#main { clear: left; width: 960px; padding: 16px 0 0 0; margin: 0 auto; }
#front { clear: left; width: 100%; font-size: 100%; }
#front-full{clear:left;width:100%;margin:168px 0 30px 0;border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1;font:normal 90% Verdana,sans-serif;letter-spacing:0;color:#222;background:#EFF5F9;line-height:1.3em;text-align:center;}
#user-welcome { clear:left; width: 960px; padding: 15px 0; margin: 0 auto; }
#footer { font-size: 78%; clear: both; width: 960px; padding: 6px 0 25px 0; margin: 30px auto 0 auto; text-align: center; line-height: 1.6em; color: #5E5E5E; border-top: 4px solid #D9E1EA; }
#container, #front { background:#FFF; }
#main, #footer { background:#FFF; }

body { font: normal 75% Verdana, Tahoma, helvetica, sans-serif; text-align: center; line-height: 1.3em; width: 100%; min-width: 780px; background: #FFFFFF; }
div { border: 0; }
table { border-spacing: 0px; border-collapse: collapse;}
p { display: block; clear: left; float: left; margin: 5px 0; width: 100%; }
ul { float: left; list-style: none; line-height: 1.2em; }
ul li { list-style: none; text-indent: 2px; padding: 2px 0 2px 0; }
img { overflow: hidden; }
small { display: block; font-size: 80%; font-weight: normal; padding-top: 1px; }
br { clear: left; }
p div { border: 1px solid #FFFFFF; }

/* - - - - Navigation - - - - - - - - - */

#navHeader { clear: left; width: 960px; margin: 0 auto; height: 12px; padding: 0; }
#navHeader ul { float:left; width: 100%; display: block; padding: 0; list-style-type: none; position:relative; top:0;left:0; }
#navHeader ul li { float:left; display: block; text-align: center; padding: 0; }
#navHeader ul li.right { float: right; display: block; text-align: center; color: #EFF3F7; }
#navHeader ul li a { padding: 4px 7px 5px 7px; margin: 0 1px 0 0; text-decoration: none; display: block; text-align: center; letter-spacing: 0px; font: normal 13px Verdana, sans-serif; background: #658EBA; background:#729BC6; color: #EFF3F7; border: 1px solid #2F5D8D; border: 1px solid #4A6C9F; border-bottom: 0px solid #658EBA; position: relative; top: 1px; left: 0; }
#navHeader ul li a:hover { background: #8CAFD3; color: #EFF3F7; }
#navHeader ul li#active a { font: bold 13px Verdana, sans-serif; padding: 3px 7px 6px 7px; background: #FFFFFF; color: #EC7500; border: 1px solid #FFFFFF; position: relative; top: 2px; left: 0; }

ul#calShots { clear: left; float: left; width: 100%; list-style: none; line-height: 1.2em; font-size: 100%; padding: 5px 0 15px 0; }
ul#calShots.flush { padding: 10px 0 0 0; }
ul#calShots li { list-style-type: none; float: left; padding: 0 5px 5px 0; width: 147px; height: 130px; }
ul#calShots li.p { width: 116px; height: 150px; padding-bottom: 10px; }
ul#calShots li.free { width: 195px; height: 180px; }
ul#calShots li img { clear: left; float: left; margin: 3px auto; }
#calShots a { font-size: 90%; font-weight: normal; }

#related { width: 190px; padding: 0 0 4px 0; clear:right; float: right; margin: 15px 0 0 0; font-size: 85%; }
#sideNav ul, #related ul { padding: 8px 0 10px 0; width: 100%; background: #F8F8F8; border-bottom: 1px solid #C9C9C9; margin-bottom: 10px; }
#sideNav ul li, #related ul li { padding: 1px 0 0 10px; width: 180px; }
#sideNav ul li a, #related ul li a { text-decoration: underline; display: block; width: 100%; padding: 4px 0; }
#sideNav a:hover, #related a:hover { text-decoration: underline; color: #000000; }
#sideNav a.active { color: #EC7500; font-size: 100%; }
#sideNav a, #related a { text-decoration: underline; }
#sideNav div.header, #related div.header { border-bottom: 2px solid #A8A8A8; }
#sideNav div.header a, #sideNav div.header a:hover { text-decoration: none; color: #555; }
#sideNav a:hover.active { color: #EC7500; }
#sideNav b, #related b { display:block; padding: 4px 0 2px 0; font-size: 110%; color: #5B5B5B; }


.clearCenter { clear: both; display: block; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
#logo span.contrast, #logo-min span.contrast { font: normal 100% Verdana, sans-serif; }

a { font-size: 100%; text-decoration: underline; }
a:link { color: #1154AC; }
a:visited { text-decoration: underline; color: #1154AC; }
a:hover { text-decoration: underline; color: #000000; }
a:active { text-decoration: none; color: #1154AC; }

#logo a, #logo-min a , #top-min a { font-size: 18px; text-decoration: none; font-weight: 700; color: #FFFFFF; }
#logo a:hover, #logo-min a:hover, #top-min a:hover { text-decoration: none; }
#user a { font-size: 100%; text-decoration: underline; font-weight: 400; color:#EFF3F7; }
#user a:hover { text-decoration: none; }
#user strong a { font-size: 100%; text-decoration: underline; font-weight: 700; color: #FFFFFF; }
#logo-min #user a { font: bold 90% Verdana, sans-serif; text-decoration: none; color: #FFFFFF;}
#front-full a, #user-welcome a { font-size: 100%; text-decoration: underline; font-weight: 300; color: #2F5D8D; }
#footer a { font-size: 115%; }

img, a img, .detailLeft img { border: 1px solid #C1C1C1; }
img.box { float: left; border: 0; }
img.btn { float: left; margin-top: 8px; border: 0; }

.ft-text {float:right;width:600px;font: normal 12px Verdana, sans-serif; color: #222222; position:relative; top:28px;left:0;padding: 12px 20px 12px 0px; background: #FFFCEC; text-align: left; line-height:1.3em;border: 1px solid #F8E6B9;}
.callOut{display:block;width:100%;float:left;position:relative;}
#front h2{font:normal 26px Verdana,sans-serif;color:#000;padding:0;margin:0;text-align:left;line-height:1.1em;}
#front h3{font:normal 150% Arial,sans-serif;text-align:left;padding:0 0 5px 0;margin:0;color:#111;}
#front-full h3{clear:left;font:bold 115% Verdana,sans-serif;text-align:center;margin:0;padding:8px 0 2px 0;color:#111;}
.frontImg{display:block;clear:none;position:absolute;top:-225px;left:-14px;border:0;margin-bottom:0;}
ul#new-list { margin: 4px 0 0 0; }
ul#new-list li { padding: 3px 0; }
span.mini { font-size: 80%; color: #666666;}

.cg{display:block}
.cg *{display:block;height:1px;font-size:.01em;overflow:hidden;background:#F2F2F2;}
.cg1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background:#FFFFFF;}
.cg2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;background:#FFFFFF;}
.cg3{margin-left:1px;margin-right:1px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cg4{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cg5{border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.cgC {background:#F2F2F2; padding:5px 11px; font-size: 90%; line-height: 1.3em;}
div#cgC-1 strong { display: block; margin-bottom: 5px; font-size: 120%; font-weight: 300;}
div#cgC-1 ul { float:left; padding-left:0; list-style-type: none; }
div#cgC-1 ul li { clear: left; text-align: left; padding: 3px 0; list-style-type: none;}
#footer img{border:0;float:left;position:relative;top:-30px;left:-1000px; display:none;}