/**************
The very basics
***************/

body, input,
textarea	{ font-family: "Lucida Sans","Verdana",sans-serif; font-size: 12px; line-height: 21px; color: #222222; }
body		{ margin-top: 0; background-color: #a7a7a7; background-image: url(/images/front/background.gif); background-position: top center; background-repeat: repeat-y; }
p		{ margin-top: 14px; }
img		{ border: 0; }
table		{ line-height: 16px; }
a		{ color: #c51d1d; text-decoration: none; border-bottom: 1px dotted #c51d1d; }
br		{ clear: both; line-height: 1px; }
h1		{ font-weight: normal; font-size: 24px; color: #c51d1d; margin: 10px 0 18px 0; }
h2		{ font-weight: normal; font-size: 20px; color: #333333; margin: 18px 0 15px 0; }


/*******************
Generic page styling
********************/

#container		{ width: 780px; margin: auto; background-color: #ffffff; border: 1px solid #bbbbbb; border-top: 0; position: relative; }

#top			{ padding: 18px 26px 10px 26px; position: relative;  }
#top a			{ border-bottom: 0; }
#top ul			{ position: absolute; top: 25px; right: 20px; list-style-type: none; margin: 0; }
#top ul li		{ float: left; height: 18px; padding: 0 15px; font-size: 13px; line-height: 18px; }
#top ul li a		{ color: #666666; padding: 5px; }
#top ul li.cur a	{ background-color: #eeeeee; }
#top ul li.last		{ border-right: 0; }
#top ul li.last a	{ color: #c51d1d; font-weight: bold; }

#main			{ padding: 26px; position: relative; background-color: #f3f3f3; border-top: 1px solid #dddddd; }
#main h2.main-right	{ position: absolute; font-size: 12px; line-height: 20px; top: 35px; left: 480px; width: 270px; margin: 0; font-weight: normal; color: #333333; }
#main h2.main-right p	{ margin: 0 0 12px 0; }

.form-info		{ float: left; width: 280px; margin-right: 50px; }
form			{ float: left; }
form p 			{ position: relative; padding: 2px 0 20px 0; margin: 0; color: #000000; }
form p input,
form p select		{ margin-top: 4px; width: 260px; font-size: 16px; padding: 2px; color: #666666; }
form p input.submit	{ width: 150px; font-size: 14px; color: #333333; }
form textarea		{ width: 350px; height: 200px; font-size: 13px; color: #666666; padding: 5px; }

#footer			{ width: 780px; margin: 5px auto 0 auto; text-align: center; }
#footer a		{ color: #888888; border-bottom: 0; padding: 4px; margin: 0 8px 0 8px; }



/********************
Specific page styling
*********************/

.pg-choose	.choose			{ float: left; width: 349px; padding: 20px; }
.pg-choose	.choose p a		{ border-bottom: 0; }
.pg-choose	#choose1		{ border-right: 1px solid #cccccc; text-align: right; }
.pg-choose	#choose2 h3 a		{ color: #006666; border-bottom: 1px dotted #006666; }
.pg-choose	h2			{ font-size: 16px; line-height: 24px; color: #666666; }
.pg-choose	h3			{ font-weight: normal; }

.pg-front	#main img		{ margin: 3px 0 3px 0; }
.pg-front	.main-right .point	{ font-size: 15px; line-height: 25px; color: #666666; }
.pg-front	.main-right span		{ display: block; font-weight: normal; font-size: 16px; line-height: 26px; color: #c51d1d; margin: 0 0 15px 0; }
.pg-front	#bottom div		{ float: left; width: 235px; padding: 12px; border-top: 1px solid #dddddd; }
.pg-front	#bottom div img 		{ float: left; width: 70px; height: 79px; margin-right: 15px; border: 1px solid #cccccc; }
.pg-front	#bottom div h3		{ margin: 0 0 3px 0; font-weight: normal; font-size: 15px; }
.pg-front	#bottom p		{ margin: 3px 0 0 0; line-height: 20px; }
.pg-front	.teaser1		{ border-right: 1px solid #dddddd; }
.pg-front	.teaser2		{ border-right: 1px solid #dddddd; }
.pg-front	.teaser3		{ width: 236px; }
.pg-front	#b2			{  }
.pg-front	#b2 div			{ float: left; width: 235px; padding: 12px; border-top: 1px solid #dddddd; }
.pg-front	#b2 td a			{ border-bottom: none; }

#BB_BuyButtonForm			{ padding: 25px 30px 25px 30px; text-align: center; background-color: #ffffff; border: 1px solid #dddddd; margin: 10px 0 10px 0; }

.pg-home	#maps			{ width: 400px; background-color: #ffffff; padding: 10px; }
.pg-home	.norm			{ float: left; }
.pg-home	.tchr			{ float: none; margin: auto; }
.pg-home	#maps .map 		{ float: left; width: 278px; position: relative; padding-left: 58px; height: 50px; line-height: 50px; color: #555555; font-size: 20px; text-decoration: none; border-bottom: 0; }
.pg-home	#maps .row0		{ background-color: #ffffff; }
.pg-home	#maps .row1		{ background-color: #fafafa; }
.pg-home	#maps .add		{ width: 342px; height: 35px; line-height: 35px; color: #c51d1d; font-size: 14px; }
.pg-home	#maps .icon		{ position: absolute; top: 9px; left: 9px; }
.pg-home	#maps .spacer		{ float: right; display: block; width: 32px; height: 50px; }
.pg-home	#maps .move		{ float: right; display: block; width: 37px; padding: 15px 0 0 10px; height: 35px; color: #555555; text-decoration: none; border-bottom: 0; }
.pg-home	#maps .delete		{ float: right; display: block; width: 22px; padding: 15px 0 0 10px; height: 35px; color: #555555; text-decoration: none; border-bottom: 0; }
.pg-home	#account		{ float: right; width: 270px; }
.pg-home	#account h1		{ font-weight: normal; font-size: 18px; color: #c51d1d; margin-top: 0; }
.pg-home	#account p		{ margin: 0 0 8px 0; }
.pg-home	#tabs			{ text-align: center; }
.pg-home	a.tab			{ padding: 7px; background-color: #ffffff; margin: 0 7px 0 7px; border: 0; }
.pg-home	a.selected		{ background-color: #c51d1d; color: #ffffff; }
.pg-home	#left,
.pg-home	#right			{ display: block; float: left; width: 210px; height: 63px; padding: 52px 18px 53px 20px; font-size: 13px; line-height: 26px; position: relative; bottom: 5px; }
.pg-home	#left			{ margin-left: 60px; background-image: url('/images/front/bubble-left.gif'); }
.pg-home	#right			{ margin-left: 90px; background-image: url('/images/front/bubble-right.gif'); }
.pg-home	#build			{ width: 420px; margin: auto; }
.pg-home	#page			{ width: 420px; margin: auto; }
.pg-home	#profile		{ float: left; margin-left: 74px; background-color: #dddddd; width: 280px; padding: 10px 20px 15px 20px; font-size: 13px; }
.pg-home	#options		{ float: left; margin-left: 40px; }
.pg-home	#options p		{ margin-top: 4px; line-height: 18px; }
.pg-home	#as			{ margin: auto; width: 500px; background-color: #ffffff; padding: 10px; }
.pg-home	#as .a			{ display: block; padding: 12px; color: #555555; font-size: 16px; font-weight: bold; text-decoration: none; border-bottom: 0; }
.pg-home	#as .subs 		{ display: block; float: right; width: 150px; font-size: 12px; font-weight: normal; }
.pg-home	#as .subs strong	{ font-size: 13px; }
.pg-home	#as .row0		{ background-color: #ffffff; }
.pg-home	#as .row1		{ background-color: #fafafa; }
.pg-home	#as .add		{ color: #c51d1d; font-size: 14px; }
.pg-home	#as .icon		{ position: absolute; top: 9px; left: 9px; }
.pg-home	#didyouknow		{ background-color: #ffffff; padding: 6px; width: 400px; margin: 20px auto; clear: both; }
.pg-home	#didyouknow .close	{ float: right; margin-right: 8px; }
.pg-home	#didyouknow .close a	{ color: #999999; border-bottom: 0; }

.pg-manage	form div.manage		{ float: left; width: 360px; }
.pg-manage	form div.manage h2	{ color: #c51d1d; margin-top: 10px; font-size: 17px; }
.pg-manage	form div.manage input	{ width: 260px; font-size: 14px; }
.pg-manage	form div.manage span	{ color: #777777; }
.pg-manage	form div.items p	{ padding-top: 0; }
.pg-manage	form div.items input	{ width: 20px; margin: 2px 4px 0 0; position: relative; top: 2px; }
.pg-manage	form div.items .disabled { color: #aaaaaa; }
.pg-manage	form div.items .disabled span { color: #aaaaaa; }
.pg-manage	form div.items .submit	{ width: 200px; }

.pg-teacher	.maps-public		{ float: right; margin-left: 25px; }

.pg-blog	#icn-rss		{ position: absolute; top: 38px; left: 672px; }
.pg-blog	.post			{ background-color: #ffffff; margin: 10px 90px 25px 90px; padding: 25px; border: 1px solid #dddddd; }
.pg-blog	.post .date		{ float: right; font-size: 22px; color: #999999; }
.pg-blog	.post h3		{ font-weight: normal; margin-top: 0; color: #c51d1d; font-size: 22px; }
.pg-blog	.post ul li		{ margin: 10px 0 10px 0; }
.pg-blog	.post strong		{ color: #c51d1d; }
.pg-blog	.post .float		{ float: right; margin: 0 0 15px 15px; }
.pg-blog	.post br		{ clear: both; }
.pg-blog	.older span		{ display: block; float: left; width: 75px; color: #666666; }
.pg-blog	.comments		{ margin: 5px 115px 5px 115px; }

.pg-legals	#lastupdate		{ float: right; background-color: #fcfcfc; border: 1px solid #dddddd; padding: 1px 5px 1px 5px; margin: 10px; color: #888888; }
.pg-legals	ol li			{ font-size: 11px; }

.pg-reqs	.system			{ float: left; background-color: #ffffff; border: 1px solid #cccccc; width: 200px; margin: 6px; padding: 14px; }
.pg-reqs	.system h2		{ margin: 0; }
.pg-reqs	.system h2 img		{ position: relative; top: 4px; margin-right: 8px; }
.pg-reqs	.system ul		{ list-style-type: none; padding-left: 33px; margin-top: 18px; }
.pg-reqs	.system span		{ color: #c51d1d; padding: 1px; font-size: 9px; font-weight: bold; text-transform: uppercase; }
.pg-reqs	.system ul li.pad	{ padding-top: 11px; }

.pg-help	#topics			{ float: left; width: 150px; margin: 5px 15px 0 0; }
.pg-help	#topics a		{ display: block; background-color: #ffffff; padding: 5px; margin-bottom: 10px;; border: 0; }
.pg-help	#topics a:focus		{ outline: 0; }
.pg-help	#topics a.selected	{ background-color: #c51d1d; color: #ffffff; }
.pg-help	.content		{ float: left; width: 560px; margin-top: 4px; background-color: #ffffff; border: 1px solid #cccccc; }
.pg-help	.content div		{ margin: 20px; }
.pg-help	.content img		{ float: right; margin: 0 0 15px 15px; }
.pg-help	span.skb		{ background-color: #eeeeee; border-color: #cccccc #aaaaaa #888888 #bbbbbb; font-size: 11px; border-style: solid; border-width: 1px 3px 4px 2px; padding: 1px 4px 1px 4px; position: relative; bottom: 1px; }
.pg-help	#functions span		{ color: #c51d1d; font-weight: bold; }
.pg-help	#keyboard p		{ float: left; width: 380px; height: 38px; line-height: 38px; margin: 0; }
.pg-help	#keyboard h2		{ font-size: 16px; }
.pg-help	#keyboard p.norm 	{ float: none; width: auto; line-height: 22px; }
.pg-help	#keyboard p span	{ color: #aaaaaa; }
.pg-help	#keyboard p.kb		{ width: 120px; }
.pg-help	#keyboard p.kb span	{ color: #000000; background-color: #eeeeee; border-color: #cccccc #aaaaaa #888888 #bbbbbb; border-style: solid; border-width: 2px 4px 5px 3px; padding: 5px 8px 5px 8px; }
.pg-help	#keyboard p.kb span.small { border-width: 1px 3px 4px 2px; padding: 3px 6px 3px 6px; margin-right: 3px; }
.pg-help	#keyboard p.kb img	{ float: none; margin: 0; }

.pg-accounts	table			{ background-color: #f8f8f8; margin: auto; border: 1px solid #999999; border-collapse: collapse; }
.pg-accounts	table td		{ padding: 6px; border: 1px dotted #cccccc; text-align: center; font-size: 12px; line-height: 14px; }
.pg-accounts	table td a		{ border-bottom: 0; }
.pg-accounts	table td img		{ position: relative; top: 1px; }
.pg-accounts	table tr.alt td		{ background-color: #ffffff; }
.pg-accounts	table td.item		{ text-align: left; color: #c51d1d; }
.pg-accounts	table tr.top td		{ width: 70px; font-size: 15px; line-height: 20px; color: #c51d1d; }
.pg-accounts	table tr.top div	{ display: inline; font-weight: bold; font-size: 14px; color: #000000; }
.pg-accounts	table tr.top span	{ font-size: 11px; color: #666666; }
.pg-accounts	table tr.top td.first	{ width: 140px; background-color: #f3f3f3; border: 1px solid #f3f3f3; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
.pg-accounts	table tr.top a		{ font-size: 28px; padding: 8px; color: #cccccc; border-bottom: 0; font-weight: normal; }
.pg-accounts	table tr.top a.sel	{ color: #999999; }
.pg-accounts	table tr.top a:focus	{ outline: 0; }
.pg-accounts	table tr.bottom	td	{ background-color: #f3f3f3; border: 1px solid #f3f3f3; border-top: 1px solid #aaaaaa; }
.pg-accounts	.student-terms		{ text-align: center; color: #999999; }

.pg-about	#main div	{ float: left; width: 330px; margin-right: 30px; }
.pg-about	#main img.pic	{ float: left; margin-top: 38px; }
.pg-about	table		{ background-color: #ffffff; border: 1px solid #999999; border-collapse: collapse; }
.pg-about	table.right	{ float: right; margin: 62px 60px 0 0; }
.pg-about	table a		{ border-bottom: 0; }
.pg-about	td		{ padding: 5px; border: 1px dotted #cccccc; }
.pg-about	tr.top		{ font-weight: bold; }
.pg-about	tr.alt		{ background-color: #f4f4f4; }
.pg-about	tr.wisdomap	{ background-color: #c51d1d; color: #ffffff; }
.pg-about	tr.wisdomap a	{ color: #ffffff; }

.pg-gallery	#main a		{ float: left; margin: 15px 20px 20px 20px; border: 0; text-align: center; font-weight: bold; }
.pg-gallery	#main a img	{ border: 1px solid #cccccc; }

.pg-history	.person		{ margin: 20px 0; }
.pg-history	.person h2	{ margin: 0 0 2px 0; font-size: 13px; font-weight: bold; }
.pg-history	.person p	{ margin: 0; }
.pg-history	.person img	{ float: left; margin-right: 20px; }
.pg-history	.main		{ border: 1px dotted #bbbbbb; padding: 20px; }

.pg-assignment	#assignment	{ width: 420px; margin: auto; }
.pg-assignment	blockquote	{ font-style: italic; padding: 10px 0 10px 0; }