/* CSS Document */

/*RESET/////////////////////////////////////////////////////////////////////*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/


/* MENU //////////////////////////////////////////////////////////////////////////////////////*/
/* CSS Menu Document */

/*MAIN MENU//////////////////////////////////////////////////////////////////////////////*/
#menu li{position:relative; float:left;}
#menu a{margin:0px; padding:0px; display:block; height:33px; text-indent:-9999px;}
#menu a:hover{border:none;}

/*MENU ITEMS*/
#menu_home_off		a, #menu_home_off		a:visited{width:69px; background:url(/static/rah/gui/menu.gif) no-repeat 0px 0px;}
#menu_shop_off		a, #menu_shop_off		a:visited{width:66px; background:url(/static/rah/gui/menu.gif) no-repeat -69px 0px;}
#menu_students_off		a, #menu_students_off		a:visited{width:100px; background:url(/static/rah/gui/menu.gif) no-repeat -135px 0px;}
#menu_sponsors_off	a, #menu_sponsors_off	a:visited{width:106px; background:url(/static/rah/gui/menu.gif) no-repeat -235px 0px;}
#menu_join_off		a, #menu_join_off		a:visited{width:138px; background:url(/static/rah/gui/menu.gif) no-repeat -341px 0px;}
#menu_customer_off	a, #menu_customer_off	a:visited{width:174px; background:url(/static/rah/gui/menu.gif) no-repeat -479px 0px;}
#menu_contact_off	a, #menu_contact_off	a:visited{width:118px; background:url(/static/rah/gui/menu.gif) no-repeat -653px 0px;}

/*MENU ROLLOVERS*/
#menu_home_off		a:hover{width:69px; background:url(/static/rah/gui/menu.gif) no-repeat 0px -33px;}
#menu_shop_off		a:hover{width:66px; background:url(/static/rah/gui/menu.gif) no-repeat -69px -33px;}
#menu_students_off		a:hover{width:100px; background:url(/static/rah/gui/menu.gif) no-repeat -135px -33px;}
#menu_sponsors_off	a:hover{width:106px; background:url(/static/rah/gui/menu.gif) no-repeat -235px -33px;}
#menu_join_off		a:hover{width:138px; background:url(/static/rah/gui/menu.gif) no-repeat -341px -33px;}
#menu_customer_off	a:hover{width:174px; background:url(/static/rah/gui/menu.gif) no-repeat -479px -33px;}
#menu_contact_off	a:hover{width:118px; background:url(/static/rah/gui/menu.gif) no-repeat -653px -33px;}

/*MENU ON*/ /* -66px for bubble, -99px for bubble+bottom */
#menu_home_on a,		#menu_home_on a:visited{width:69px; background:url(/static/rah/gui/menu.gif) no-repeat 0px -66px;} 
#menu_shop_on a, 		#menu_shop_on a:visited{width:66px; background:url(/static/rah/gui/menu.gif) no-repeat -69px -66px;}
#menu_students_on a, 		#menu_students_on a:visited{width:100px; background:url(/static/rah/gui/menu.gif) no-repeat -135px -66px;}
#menu_sponsors_on a, 	#menu_sponsors_on a:visited{width:106px; background:url(/static/rah/gui/menu.gif) no-repeat -235px -66px;}
#menu_join_on a, 		#menu_join_on a:visited{width:138px; background:url(/static/rah/gui/menu.gif) no-repeat -341px -66px;}
#menu_customer_on a, 	#menu_customer_on a:visited{width:174px; background:url(/static/rah/gui/menu.gif) no-repeat -479px -66px;}
#menu_contact_on a, 	#menu_contact_on a:visited{width:118px; background:url(/static/rah/gui/menu.gif) no-repeat -653px -66px;}

#menu_home_on_expanded a,		#menu_home_on_expanded a:visited{width:69px; background:url(/static/rah/gui/menu.gif) no-repeat 0px -99px;} 
#menu_shop_on_expanded a, 		#menu_shop_on_expanded a:visited{width:66px; background:url(/static/rah/gui/menu.gif) no-repeat -69px -99px;}
#menu_students_on_expanded a, 		#menu_students_on_expanded a:visited{width:100px; background:url(/static/rah/gui/menu.gif) no-repeat -135px -99px;}
#menu_sponsors_on_expanded a, 	#menu_sponsors_on_expanded a:visited{width:106px; background:url(/static/rah/gui/menu.gif) no-repeat -235px -99px;}
#menu_join_on_expanded a, 		#menu_join_on_expanded a:visited{width:138px; background:url(/static/rah/gui/menu.gif) no-repeat -341px -99px;}
#menu_customer_on_expanded a, 	#menu_customer_on_expanded a:visited{width:174px; background:url(/static/rah/gui/menu.gif) no-repeat -479px -99px;}
#menu_contact_on_expanded a, 	#menu_contact_on_expanded a:visited{width:118px; background:url(/static/rah/gui/menu.gif) no-repeat -653px -99px;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/



/*SUBMENU//////////////////////////////////////////////////////////////////////////////*/
#submenu{position:relative; width:789px; background:url(/static/rah/gui/bg_submenu_main.gif); text-align:left; font-family:Helvetica, Arial, sans-serif; font-size:.95em; line-height:18px; color:#FFFFFF; z-index:5; float:left;}
#submenu_top{position:relative; width:789px; height:6px; background:url(/static/rah/gui/bg_submenu_top.gif) no-repeat top; position:relative; text-align:left; float:left;}
#submenu_bottom{position:relative; width:789px; height:10px; background:#2f81a5 url(/static/rah/gui/bg_submenu_bottom.gif) no-repeat bottom; float:left;}

#submenu_column1{position:relative; width:525px; margin:4px 0px 0px 0px; padding:2px 5px 2px 5px; border-right: #63a1bc solid 1px; float:left;}
#magazines_title{position:relative; width:106px; height:27px; left:3px; background:url(/static/rah/gui/btn_submenu_magazines.gif) no-repeat; text-indent:-9999px;}
.magazines_links{position:relative; width:114px; padding-top:6px; padding-left:14px; float:left;}

#submenu_column2{position:relative; width:223px; padding:5px 5px 45px 5px; float:left;}
#delivery_title{position:relative; width:135px; height:28px; left:8px; background:url(/static/rah/gui/btn_submenu_delivery.gif) no-repeat; float:left; text-indent:-9999px;}
#delivery_links{position:relative; width:147px; padding:6px 0px 20px 20px; float:left;}
#cards_title{position:relative; width:147px; height:28px; left:8px; background:url(/static/rah/gui/btn_submenu_cards.gif) no-repeat; float:left; text-indent:-9999px;}
#cards_links{position:relative; width:147px; padding:6px 0px 0px 20px; float:left;}

#content_links{padding:10px 0px 0px 16px;}
#content_links li{float:left; font-size:1.2em;}

#submenu a{font-family:Helvetica, Arial, sans-serif; line-height:18px; color:#FFFFFF;}
#submenu a:hover{border-bottom:1px dashed #b8d1e2;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* CMS //////////////////////////////////////////////////////////////////////////////////////*/

/* TYPOGRAPHY */
.subtitle{color:#1C100D; font-size:1.4em; display:block; line-height:1.5em;}
.subtitle_caps{color:#1C100D; font-size:1.3em; display:block; line-height:1.4em; font-variant:small-caps;}


/* IMAGES */
.img_left{margin:8px 10px 4px 0px; padding:0px; display:block; float:left;}
.img_right{margin:8px 0px 4px 10px; padding:0px; display:block; float:right;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/



/*GLOBAL//////////////////////////////////////////////////////////////////////////////*/
html{width:100%; height:100%;}
body{width:100%; height:100%; min-width:982px; text-align:center; background:#6FA31C url(/static/rah/gui/bg_gradient.gif) repeat-x top center; font-family: Helvetica, Arial, sans-serif; font-size:14px;  line-height:16px;}
a, a:visited{text-decoration:none;}
a:hover, a:active{}

#container{margin:auto; width:100%; min-height:800px; background:url(/static/rah/gui/bg_box.gif) repeat-y center; }
#background{width:100%; height:685px; background:url(/static/rah/gui/bg_top.gif) no-repeat top center;}
#box{margin:auto; margin-top:-630px; padding:0px; width:984px; position:relative; text-align:center;  background:#ffffff url(/static/rah/gui/bg_ad.gif) repeat-y left;}

/*LOGO*/
#logo{width:176px; height:98px; background:url(/static/rah/gui/logo.gif) no-repeat; text-indent:-9999px; position:absolute; top:16px; left:0px; z-index:4;}
#logo a{width:176px; height:98px; display:block;}

/*MENU*/
#menu{display:block; width:771px; height:33px; overflow:hidden; position:absolute; top:16px; left:195px; list-style: none; background: url(/static/rah/gui/menu.gif); z-index:3;}

/*SEARCH*/
#search{width:288px; height:30px; position:absolute; top:-47px; right:2px;}
#search_form input{margin:0px; color:#3c5408; font-size:1em; border:none; left:0px; top:0px;}
input#search_box{width:230px; height:28px; padding:6px 0px 0px 35px; background:url(/static/rah/gui/bg_search.gif) no-repeat; top:5px; left:10px; position:absolute; z-index:1;}
input#search_btn{width:75px; height:28px;  background:url(/static/rah/gui/btn_search.gif) no-repeat; top:5px; left:230px; position:absolute; z-index:2;}
input#search_btn:hover, input#search_btn.over{background:url(/static/rah/gui/btn_search.gif) no-repeat 0px -28px;}

/*AD SPACE*/
#adspace{width:190px; height:627px; background:#ffffff url(/static/rah/gui/ad.gif) no-repeat bottom; position:absolute; top:0px; left:0px; overflow:hidden;}
#adspace2{width:190px; height:560px; background:#ffffff url(/static/rah/gui/ad.gif) no-repeat bottom; position:absolute; top:0px; left:0px; overflow:hidden;}

/*FOOTER*/
#footer{width:984px; min-height:80px; padding:0px 0px 6px 0px; position:relative; background:url(/static/rah/gui/bg_footer2.gif) repeat-y top; text-align:left; color:#656666;  font-size: 8.5pt; line-height:1.6em; }
#splitter{width:984px; height:6px; padding:0px; background:url(/static/rah/gui/bg_splitter.gif) no-repeat top; position:absolute; top:-16px; left:0px; text-align:left; }
#footer_bg{width:984px; height:84px; padding:10px 0px 0px 0px;background:url(/static/rah/gui/bg_footer.gif) no-repeat top; position:absolute; top:-10px; left:0px; }
#footer_logo{padding:5px 1px 4px 15px; width:70px; position:relative; float:left; min-height:65px;}
#footer_copyright{width: 229px; position:relative; display:block; float:left; border-left: solid #bbbbbc 1px; padding-left:15px; min-height:65px; padding-top:5px; padding-bottom:5px; }
#footer_address{width: 135px; position:relative;  display:block; float:left; border-left: solid #bbbbbc 1px; padding-left:15px; min-height:65px; padding-top:5px; padding-bottom:5px; line-height:1.5em; }
#footer_submenu{width: 480px; position:relative;  display:block; float:left; border-left: solid #bbbbbc 1px; padding-left:15px; height:65px; padding-top:5px;  padding-bottom:5px; }
#footer_bottom{width:984px; height:6px; position:absolute; bottom:0px; left:0px; background:url(/static/rah/gui/footer_bottom.gif) no-repeat; }
#footer a:link, #footer a:visited{color:#383636;}
#footer a:hover{border-bottom:1px dashed #383636;}
#footer a.deluge{font-style:italic;}
#bottom{margin-top:-9px; padding:0px; width:100%; height:235px; position:relative; background:url(/static/rah/gui/bg_footer_bottom.gif) repeat-y top;}

/*HIDDEN ELEMENTS*/
hr{display:none;}
.clear{clear:both; height:0px;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/




/*HOMEPAGE CONTENT//////////////////////////////////////////////////////////////////////////////*/
/*FLASH*/
#flash, #flash_special{width:788px; height:189px; border-top:1px solid #c0bfc5; border-bottom:1px solid #c0bfc5; position:absolute; top:61px; right:0px; z-index:10;}
#flash{background:url(/static/rah/gui/flash.jpg);}

/*LOGIN BOX*/
#login{width:190px; height:192px; background:url(/static/rah/gui/login.gif) no-repeat; position:absolute; top:136px; left:0px; overflow:hidden; z-index:6;}
#login h2{text-indent:-9999px; width:0px; height:0px;}
#login_form{display:block; position:absolute; top:55px; left:13px; width:164px; height:69px; border-bottom:#63a0bc solid 1px;}
#login_form input{margin:0px; color:#2F81A5; font-size:.9em; border:none; position:absolute; left:0px; top:0px;}
input#Name{height:20px; padding:4px 27px 0px 10px; margin-bottom:9px; background:url(/static/rah/gui/login_name.gif) no-repeat;}
input#Code{height:20px; padding:4px 2px 0px 10px; margin-bottom:9px; top:33px; background:url(/static/rah/gui/login_code.gif) no-repeat;}
input#go_btn{top:33px; left:124px; background:url(/static/rah/gui/login_submit.gif) no-repeat; width:38px; height:25px;}
input#go_btn:hover, input#go_btn.over{background:url(/static/rah/gui/login_submit.gif) no-repeat 0px -25px;}
#forgot_login a{position:absolute; top:134px; left:22px; color:#FFFFFF; font-size:.9em;}
#forgot_login  a:hover{border-bottom:#ffffff dashed 1px;}
#student_login a{position:absolute; top:172px; left:3px; color:#3082a7; font-size:.9em;}
#student_login a:hover{border-bottom:#3082a7 dashed 1px;} 

/*CONTENT*/
#content1{width:789px; min-height:360px; padding:254px 0px 40px 195px; position:relative; text-align:left; color: #656666; font-size:.9em;}
#content1 h3{text-indent:-9999px;}

/*CONTENT SECTIONS*/
#magazines{width:138px; background:url(/static/rah/gui/box_mags.jpg) no-repeat; float:left; padding:120px 10px 0px 15px; line-height:1.4em;}
#magazines a{margin:16px 0px 0px -5px; display:block; width:143px; height:25px; background:url(/static/rah/gui/btn_magazines.gif) no-repeat; text-indent:-9999px;}
#magazines a:hover{background:url(/static/rah/gui/btn_magazines.gif) no-repeat 0px -25px;}
#delivery{width:175px; background:url(/static/rah/gui/box_homedeliv.jpg) no-repeat; float:left; padding:120px 10px 0px 15px; line-height:1.4em;}
#delivery a{margin:16px 0px 0px -5px; display:block; width:170px; height:25px; background:url(/static/rah/gui/btn_delivery.gif) no-repeat; text-indent:-9999px;}
#delivery a:hover{background:url(/static/rah/gui/btn_delivery.gif) no-repeat 0px -25px;}
#collegiate{width:188px; background:url(/static/rah/gui/box_collegiate.jpg) no-repeat; float:left; padding:120px 10px 0px 15px; line-height:1.4em;}
#collegiate a{margin:16px 0px 0px -5px; display:block; width:180px; height:25px; background:url(/static/rah/gui/btn_collegiate.gif) no-repeat; text-indent:-9999px;}
#collegiate a:hover{background:url(/static/rah/gui/btn_collegiate.gif) no-repeat 0px -25px;}
#offers{width:210px; position:relative; float:left;}
#offers h3{display:block; width:213px; height:45px; background:url(/static/rah/gui/box_specialoffers.jpg) no-repeat; position:absolute; top:0px; left:0px;}
#offers ul{width:196px; padding:44px 0px 0px 14px;}
#offers li{padding: 12px 0px 14px 0px; color: #E28120; border-bottom:#f2d0b5 dashed 1px;}
#offers li a{color:#C16614; font-weight:bold; font-size: .95em;}
#offers li h4 a{ font-size:1.2em; line-height:1.3em;}
#offers li a:hover{border-bottom:1px dashed #C16614;}
#offers_btn{width:147px; height:40px; padding:15px 0px 0px 14px; margin:0px;}
#offers_btn a{width:147px; height:25px; background:url(/static/rah/gui/btn_offers.gif) no-repeat; display:block; text-indent:-9999px;}
#offers_btn a:hover{background:url(/static/rah/gui/btn_offers.gif) no-repeat 0px -25px; display:block;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/



/*CONTENT PAGES//////////////////////////////////////////////////////////////////////////////////*/
#content2{width:791px; min-height:560px; padding:49px 0px 40px 193px; position:relative; text-align:left; color: #656666; font-size:.9em;}
#content2 h3{text-indent:-9999px;}

/*COOKIE CRUMBS*/
.crumbs{width: 777px; height:27px; position:relative; margin-top:2px; padding-left:12px; float:left; background:url(/static/rah/gui/bg_crumbs.gif) no-repeat;}
.crumbs a{line-height:15px; text-align:left; color:#ffffff; font-size:1.1em; font-weight:bold; text-transform:uppercase;}
.crumbs_connect1{position:relative; width:10px; height:27px; background:url(/static/rah/gui/crumbs_connect1.gif) no-repeat; float:left; }
.crumbs_connect2{position:relative; width:10px; height:27px; background:url(/static/rah/gui/crumbs_connect2.gif) no-repeat; float:left; }
.crumbs_connect3{position:relative; width:10px; height:27px; background:url(/static/rah/gui/crumbs_connect3.gif) no-repeat; float:left; }
.crumbs_level1{position:relative; height:21px; padding-right:10px; padding-top:6px; background-color:#3c5408; float:left; }
.crumbs_level2{position:relative; height:21px; padding-left:12px; padding-right:10px; padding-top:6px; background-color:#618e14; float:left; }
.crumbs_level3{position:relative; height:21px; padding-left:12px; padding-top:6px; float:left; background-color:#85c61f;}

/*SCHOOL SUPPORT*/
#support{width:789px; position:relative; padding-top:2px; left:0px; float:left; font-size:1.6em;  line-height:20px; text-align:left; color:#ffffff; overflow:hidden; }
#support_percent{padding:9px 9px 0px 9px; background:url(/static/rah/gui/bg_percent_left.gif) no-repeat; text-align:right; width:44px; height:38px; float:left;}
#support_description{padding:9px 0px 0px 9px; background:url(/static/rah/gui/bg_percent_right.gif) no-repeat; text-align:left; width:718px; height:38px; float:left;}

/*LOGIN BOX*/
#loggedin{position:absolute;  text-align:left; color:#ffffff; width:190px; height:125px; background:url(/static/rah/gui/bg_loggedin.gif) no-repeat; top:134px; left:0px; overflow:hidden; z-index:6; }
#loggedin_success{font-size:1em; line-height:15px; padding-top:10px; padding-left:15px; float:left; }
#loggedin_donation{display:block; width: 165px; font-size:.85em; line-height:1.3em; padding-top:4px; padding-left:15px; padding-bottom:8px; float:left; }
a.loggedin_shopping{position:relative; width:101px; height:27px; left:5px; background:url(/static/rah/gui/loggedin_shopping.gif) no-repeat; display:block; text-indent:-9999px; float:left; }
a:hover.loggedin_shopping{background:url(/static/rah/gui/loggedin_shopping.gif) no-repeat 0px -27px;}
a.loggedin_checkout{position:relative; width:79px; height:27px; margin-left:5px; background:url(/static/rah/gui/loggedin_checkout.gif) no-repeat; display:block; text-indent:-9999px; float:left; }
a:hover.loggedin_checkout{background:url(/static/rah/gui/loggedin_checkout.gif) no-repeat 0px -27px;}
#loggedin_change a{position:absolute; top:109px; left:13px; color:#3082a7; font-size:.9em;}
#loggedin_change a:hover{border-bottom:#3082a7 dashed 1px;} 

/*PRODUCT LISTING*/
#products{margin:5px 0px 0px 10px; line-height:1.3em; width:750px; clear:both;}
#products td{width:350px; padding: 15px 4px 15px 15px; vertical-align:top; }
#products h4{font-size:16px; color:#2F81A5; line-height:1.4em;}
#products a, #products a:visited{color:#2F81A5;}
#products a:hover{border-bottom:1px dashed #2F81A5; }
#products img{margin-top:2px;}

/*PRODUCT DETAIL*/
#product{position:relative; margin-top:0px; float:left;}
#product_image{position:relative; width:170px; padding:20px 0px 0px 20px; float:left;}
#product_info{position:relative; width:400px; padding:14px 0px 10px 4px; float:left;}
#product h4{font-size:1.6em; color:#2F81A5; line-height:1.45em;}
#product h5{font-size:1.1em; color:#2F81A5; line-height:1.2em; font-weight:normal;}
#product_description{line-height:1.4em;  border-bottom:#c7d5de dashed 1px; padding-bottom:14px;}
#product_description a{color:#2F81A5;}
#product_description a:hover{border-bottom:1px dashed #2F81A5;}
#product input{color:#8e8e8e; position:relative; margin-top:7px; margin-left:1px;}
#subscription_info{position:relative; width:400px; padding:14px 0px 14px 0px; float:left; border-bottom:#c7d5de dashed 1px;}
#subscription_type{position:relative; width:168px; float:left; line-height:1.75em;}
#subscription_length{position:relative; width:190px; float:left; line-height:1.75em;}
#shipping_info{position:relative; width:400px; padding:14px 0px 14px 0px; float:left; border-bottom:#c7d5de dashed 1px;}
#shipping_recipient{border:1px solid #cccccc; padding:3px 0px 4px 4px; border-top:2px solid #999999;}
#shipping_disclaimer{color:#8e8e8e; padding:12px 0px 2px 0px;}
#btn_add{position:relative; width:120px; height:27px; display:block; float:left; background:url(/static/rah/gui/btn_add.gif) no-repeat; text-indent:-9999px; margin-top:10px; }
#btn_buy{position:relative; width:90px;  height:27px; display:block; float:left; background:url(/static/rah/gui/btn_buy.gif) no-repeat; text-indent:-9999px; margin-left:10px; margin-top:10px; }
a:hover#btn_add{background:url(/static/rah/gui/btn_add.gif) no-repeat 0px -27px;}
a:hover#btn_buy{background:url(/static/rah/gui/btn_buy.gif) no-repeat 0px -27px;}

/*SECTIONS*/
.content_section{position:relative; padding:20px 0px 25px 30px; width:700px; float:left; font-size:1.15em; line-height:1.25em; }
.content_section h4{font-size:1em; color:#2F81A5; line-height:1.6em; text-transform:uppercase;}
.content_section p{line-height:1.4em; clear:both; display:block;}
.content_section a{color:#2F81A5;}
.content_section a:hover{border-bottom:1px dashed #2F81A5;}
.content_section ul{line-height:1.3em;}
.list_column{width:320px; padding:10px 5px 0px 0px; float:left;}
/*//////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/


/*GENERAL ELEMENTS*/
.content_section p {margin: .4em 0 1em 0;}
.content_section ul {margin-left:1.5em;}
.content_section ul li {margin-left:.5em; list-style: disc;}
.content_section small {color: #666; font-size:80%; line-height: 1.25em;}
table.formset {font-size: 90%; }
/*table.formset {border: 1px solid #aaa; background-color: #eee; margin: 12px;}*/
/*table.formset input, #content2 textarea {border-color:#AAA;}*/

.requiredstar {
    font-size: 140%;
    font-weight: bold; 
    color: rgb(212, 138, 49);
}

.requirednote { 
    font-size: 60%;
    color: #999;
    padding: 0;
}

.required label ! important { 
    font-weight: bold;
}
    
.email_list { color: #000; }
.email_list_bad { color: #f00; }
table.formset td {padding: 2px;}
table.formset td {vertical-align: top;}
@media screen { .no_screen { display: none;} }
@media print {  .no_print { display: none;} }

.topofpage { font-size: 80%; }
/* Find School */
#findschool_split .left { 
    width: 200px;
    padding: 0px 1em 1em 0;
}
#findschool_split .right { 
    width: 400px;
    padding: 0px 1em 1em 1em;
    border-left: 1px solid #ccc; 
}

/* Students/Invite page */
#invite td.label {width: 80px;}
#invite textarea {width: 240px;}
#invite textarea#id_emails {height: 80px;}
#invite textarea#id_message {height: 100px;}

/* STUDENT REGISTRATION */
#login_register_split td { width: 50%; padding: 1em; margin: 2px; }
#login_register_split td.right { 
                          border: 1px solid #ccc; 
                          background-color: #eeeeee; }
                          
#login_register_split td { width: 50%; padding: 1em; margin: 2px; }
.formbox  { padding: 1em;
        width: 300px;
        
        border: 1px solid #ccc; 
        background-color: #eeeeee; }
        
.formbox h2 { 
    color:#2F81A5;
}                
#content2 h1 { 
    font-size: 20px;
    margin-bottom: 12px;
    color: rgb(212, 138, 49);
    font-weight: bold;
}
#login_register_split #signup { 
    margin-bottom: 6px;
}
#login_register_split #alreadyhave { 
    margin-bottom: 6px;
    margin-top: 36px;
}

ol.numbered li {
    background-repeat: no-repeat;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 0 0 10px 37px;
}
li.numberone { background-image: url(/static/rah/gui/li_1.gif); }
li.numbertwo { background-image: url(/static/rah/gui/li_2.gif); }
li.numberthree { background-image: url(/static/rah/gui/li_3.gif); }

ol.numbered dt { 
    color: #2F81A5;
    font-size: 20px;
    font-weight: bold;
    height: 23px;
    line-height: 28px;
}
ol.numbered dd { 
    font-size: 13px;
    line-height: 120%;
    list-style-type: none;
    margin-right: 20px;
    padding-top: 4px;
    padding-bottom: 8px;
}

table.listing { 
    margin: 6px;
    background-color: #f9f9f9;
}
table.listing  td, table.listing th { 
    padding-right: 6px;
    padding-left : 6px;
    border-bottom: 1px solid #eee;
}

table.listing thead { 
    color: #fff;
    background-color: #2F81A5;;
    padding: 2px;
}
table.listing tfoot { 
    color: #2F81A5;
    background-color: #fff;
}

table.listing .even {
    background-color: #e0e0e0;
}
table.listing .odd {
    background-color: #ffffff;
}

table.listing tfoot td { 
    border-top: 1px solid #333;
    font-weight: bold;
}


/* student invites */
#import_divs { width: 265px; padding-left: 40px}
#import_div1 { border-top: 1px solid #ccc;}
#import_divs div { border-bottom: 1px solid #ccc;padding-top: 6px;padding-bottom: 6px}
#import_divs { 
    font-size: 12px;
}
#import_divs .import_h { 
    color: #2F81A5;
    font-size: 14px;
    font-weight: bold;
    display: block;   
}
#import_divs a:hover { 
    border: none;
}

#import_divs img { 
    padding-top: 8px;
}   
    
table.content_split td { width: 50%; padding-right: 1em; margin-right: 2px; }

.emph { 
    color: #2F81A5;
    font-weight: bold;  
}

.htmlsample, .htmlfragment {
    margin-left: 2em;
    padding: 1em;
    width: 70%;

    border: 1px solid #ccc; 
    background-color: #eeeeee;}

/* SINGLE PROGRESS BAR */
/* http://cssglobe.com/lab/progress_bar/ */
.progressBar{
	width:216px;
	height:41px;
	background:url(/static/rah/gui/bar_bg.gif) no-repeat 0 0;
	position:relative;
	padding: 0;
	margin: 0;
}
.progressBar span{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	background:url(/static/rah/gui/bar_main.gif) no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
	padding: 0;
	margin: 0;
}
.progressBar em{
	position:absolute;
	display:block;
	width:200px;
	height:25px;
	padding: 0;
	margin: 0;
	background:url(/static/rah/gui/bar_cover.gif) repeat-x 0 0;
	top:0;
}

#progress {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    text-align: center;
    padding: 14px;
    width: 300px;
    margin-top: 40px;
}
#progress table { width: 100%; }

#progress h1 {
    font-size: 14px;
}
#progress h1 span{
    color: #666;
}

#progress #progress_details {
    margin-top: 8px;
}
#progress #progress_details em { 
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
}


#progress td { vertical-align: middle; }
#progress .percent { 
    font-weight: bold;
    font-size:24px;
    padding-top: 1px;
}