body 				{ background-color:#CCC; width:804px; margin:7px auto; overflow:auto; }
body, table, td, p, div, .copy { font:96%/12pt 'Droid Sans', Arial, Helvetica, sans-serif; color:#333; }
.container 			{ background:url(images/fitted_background2.gif) repeat-y; }

a.nav, a.nav:visited { color:#fff; font-size:8pt; line-height:normal; text-decoration:none; }
#topnav a:hover 	{ color:#EDF0F3 !important; background-color:#A0B1C5; }
#topnav a 			{ padding:4px 7px 5px; color:#fff; background-color:#5F7C9C; font-size:9pt; text-decoration:none; }
#topnav a.on 		{ color:#666 !important; background-color:#FFC257; }
#topnav a.on2 		{ color:#666 !important; background-color:#cee77b; }
a.topnavbold, a.topnavbold:visited { color:#fff; font-weight:bold; font-size:9pt; }
a 					{ color:#003366; }
a:hover				{ color:#5F7C9C; }

a img 				{ text-decoration:none; }
img					{ border:0; }
img.mid 			{ vertical-align:middle; }
.imglt				{ float:left; margin-right:2px; }
.imgrt				{ float:right; margin-left:2px; }
.floatlt			{ float:left; margin-right:10px; }
.floatrt			{ float:right; margin-left:10px; }
.iconkey			{ vertical-align:middle; padding:0 3px; }

#topgraphic h1 		{ background:transparent url(/images/webcert.jpg) no-repeat left top; margin:0; width:570px; height:95px; float:left; }
#topgraphic h1 span { display:none; }

p, ul, ol, dl 		{ margin-top:0; margin-bottom:10px; }
#sponsoredlinks 	{ }

hr 					{ color:#666; height:1px; margin:0; padding-top:10px; padding-bottom:10px; }
ul li, dt 			{ list-style:url(images/sqbullet.gif) square outside; vertical-align:text-bottom; }
h1, .headline 		{ font-family:Arial, Helvetica, sans-serif; color:#036; font-size:15pt; font-weight:bold; margin:5px 0 15px; }
h2, .subheadline 	{ font:bold 11pt/15pt Arial, Helvetica, sans-serif;	color:#036;	margin:5px 0 10px; padding:0; }
h1.title, div.title { background-image:url(/images/divback1.gif); background-repeat:repeat-x; background-color:#EDF0F3; /*#e7e7e7*/	color:#333; font-weight:bold; padding:5px; margin:0 0 10px 0; border-bottom:1px solid #999; border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #999; }
div.login 			{ color:#333; font-weight:bold; padding:5px 0 5px 25px; margin:0 0 10px 0; border-bottom:1px solid #91B121; border-top:1px solid #E8F3BE; border-left:1px solid #E8F3BE; border-right:1px solid #91B121; background: #cee77b url(/images/icon_key.gif) no-repeat 5px center; }

.title 				{ font-family:Arial, Helvetica, sans-serif; color:#036; font-weight:bold; }
.minititle, a .minititle { font-family:Verdana, Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-size:10px; text-transform:uppercase; text-decoration:none !important; margin-bottom:5px; }
.minititle2, a .minititle2 { font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; font-size:11px; text-transform:uppercase; text-decoration:none; margin-bottom:5px; }

.underline 			{ border-bottom:1px solid #003; padding-bottom:3px; margin-bottom:3px; }
.borderline 		{ border:1px solid #666; }
.borderline2 		{ border:4px solid #DDD; margin:3px; }
.smallprint 		{ font-size:8pt; }
.at270degrees		{ -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb; }
.at290degrees		{ -webkit-transform: rotate(290deg); -moz-transform: rotate(290deg); -o-transform: rotate(290deg); writing-mode: lr-tb; }
code				{ font-size:1.1em; border-left: 5px solid red; padding-left:20px; margin:10px 0; }
.expanded 			{ line-height:125%; line-height:16pt; margin-left: 25px; }
.disabled 			{ color:#999; }
.strike				{ text-decoration:line-through !important; color:#999; font-style:italic; }
.error 				{ color:#C30; }
.iconimg 			{ float:left; width:18px; height:18px; margin:0 8px 80px 0; border:none; clear:both; }
.blockimg 			{ float:left; width:35px; height:35px; margin:0 8px; border:0; }
.faq 				{ border-left:2px solid #CCC; margin:0 0 10px 10px; padding:0 0 10px 10px; line-height:150%; }
.sidebar 			{ background:#EDF0F3 url(/images/slant-bg.gif) right; }
.colorbar 			{ background-color:#5F7C9C; }
.accessarea			{ background:#CEE77B; }
.sectionarea		{ background:#F2CF58; }
.bulleted 			{ list-style:url(images/sqbullet.gif) square; vertical-align:text-bottom; }
.plain, td.plain a	{ text-decoration:none; }
.clear				{ clear:left; height:1px; font-size:1px;}

#booktable a		{ font-weight:bold; }
#booktable .bookimg	{ text-align:right; }
#booktable .star	{ background:url(/images/star.png) no-repeat 10px 10px; }

.coursehilite, p.coursehilite { padding:3px; border:1px solid #FFF; }
.coursehilite:hover, p.coursehilite:hover { padding:3px; border:1px solid #CCC; background-color:#EEE; }
.bottomborder 		{ border-bottom:1px solid #999; padding-bottom:8px; }
tr.bottomborder td 	{ border-bottom:1px solid #999; padding:8px 10px; }
.bottomborder2 		{ background:url(/images/dashed_horz.gif) repeat-x bottom; padding-bottom:8px; }
tr.bottomborder2 td { background:url(/images/dashed_horz.gif) repeat-x bottom; padding:8px 10px; }
tr.topborder2 td, .topborder2	{ background:url(/images/dashed_horz.gif) repeat-x top; }
/*p.expanded strong, p.expanded b { text-transform:uppercase; font-size:10px; font-weight:bold; }*/

form				{ padding:0; margin:0; }
input.text 			{ font-family:arial, helv, sans-serif; font-size:9pt; color:#036; }
fieldset			{ padding: 15px; }


/* TOOLTIPS: -----------------------------------------------------------------------  */
.tiphdr 			{ font-weight:bold; border:2px solid #333; color:#FFF; padding:5px 8px; width:180px; background-color: #666; }
.tipbody 			{ background:#DDD; border:1px solid #666; border-top:none; padding:5px 8px; width:180px; margin-left:1px; }/*url(/images/back_shadow.gif) no-repeat bottom right*/


/* ADDTHIS: -----------------------------------------------------------------------  */
.addthis_toolbox .vertical { width: 136px; padding: 10px 0 10px 0; border: 3px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.addthis_toolbox .vertical a { width: 102px; padding: 4px 0 4px 34px; position: relative; display: block; text-decoration: none; color: blue; }
.addthis_toolbox .vertical a:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #B4D3F8; text-decoration: none; }
.addthis_toolbox .vertical span { position: absolute; left: 14px; top: 4px; }
.addthis_toolbox .vertical .more { border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 10px 0 10px; text-align: center; }
.addthis_toolbox .vertical .more a { padding: 4px 0; margin: 0; }
.addthis_toolbox .vertical .more span { display: none; }