/*
	
	CRAcademy
	CSS for screen medium
	
*/


/* General layout */
body, table
{
	font-family:arial, verdana, sans-serif;
	font-size:10pt;
	text-align:center;
}

body
{
	padding:0;	_padding-bottom:20px;
	margin:0;	
	background:black url('../images/background.png');
}



#container 
{
	background:none; 
	margin:0 auto 20px auto; 	_margin:40px 0 0 0;
	padding:0; 					
	width:800px;
	text-align:left;
}

body#level3 #container 
{
	margin-top:40px;
}

#header 
{
	margin:-25px 0 0 0; 		_margin-top:0; 
	height:25px; 
	width:560px;
	background:url('../images/header_background.gif') 0 0 no-repeat; 
	float:left;
	position:absolute;
	z-index:10;
	padding:0;
}

#body
{
	margin:65px 0 0 0;			_margin-top:25px;
	padding:1px 10px 0 0; 
	background:url('../images/fauxcol.png') repeat-y;
}

#contenttop
{
	margin:215px 0 0 0;
	height:25px;
	_width:560px;
	_float:left;
}

#content {margin:0 200px 0 40px; padding:0; width:500px;}
#news {display:none; float:right; width:200px; padding:0; margin:0 15px 0 15px; _margin-left:0;}
#stories {border-left:1px solid #c2c2c2; padding:0 0 10px 15px; overflow:hidden; margin-top:40px;}

#footer
{
	clear:both; 
	text-align:right; 
	margin:0; 
	padding:0 35px 0 0; 
	width:765px;		_width:800px;
	height:75px; 
	background:url('../images/footer_background.gif') 0 0 no-repeat; 
}

body#level1.news #news {display:block;}
body#level1.news #content {padding-right:210px; width:290px; _padding-right:0;}

body#level3.grey #header {height:33px; background-image:url('../images/header_background_grey.gif');}
body#level3.pink #header {height:33px; background-image:url('../images/header_background_pink.gif');}
body#level3.blue #header {height:33px; background-image:url('../images/header_background_blue.gif');}
body#level3.green #header {height:33px; background-image:url('../images/header_background_green.gif');}

body#level3.pink #right,
body#level3.blue #right,
body#level3.green #right {margin-top:-25px; _margin-top:0;}

body#level3 #body {margin-top:65px; _margin-top:25px;}
body#level3 #content {clear:none; padding-top:5px;}
body#level3 #contenttop {display:none;}

body#level1.pink #body,
body#level1.blue #body,
body#level1.green #body,
body#level1.grey #body {background-image:url('../images/fauxcol.png');}
body.grey #body {background-image:url('../images/fauxcol_grey.png');}
body.pink #body {background-image:url('../images/fauxcol_pink.png');}
body.blue #body {background-image:url('../images/fauxcol_blue.png');}
body.green #body {background-image:url('../images/fauxcol_green.png');}

body#level1 #contenttop,
body#level1.pink #contenttop,
body#level1.blue #contenttop,
body#level1.green #contenttop,
body#level1.grey #contenttop {background:none; _float:none; _width:auto;}
body.grey #contenttop {background:url('../images/contenttop_background_grey.png') 0 0 no-repeat;}
body.pink #contenttop {background:url('../images/contenttop_background_pink.png') 0 0 no-repeat;}
body.blue #contenttop {background:url('../images/contenttop_background_blue.png') 0 0 no-repeat;}
body.green #contenttop {background:url('../images/contenttop_background_green.png') 0 0 no-repeat;}

body#level1.pink #footer,
body#level1.blue #footer,
body#level1.green #footer,
body#level1.grey #footer {background-image:url('../images/footer_background.gif');}
body.grey #footer {background-image:url('../images/footer_background_grey.gif');}
body.pink #footer {background-image:url('../images/footer_background_pink.gif');}
body.blue #footer {background-image:url('../images/footer_background_blue.gif');}
body.green #footer {background-image:url('../images/footer_background_green.gif');}

/* Header */
#header h1 {margin:0; float:left; display:none;}

/* News */
#news {font-size:12px;}
#news h3 {margin:0 0 10px 15px; font-size:18px; color:#5e5e5e;}
#news h4 {font-size:12px; margin-bottom:0;}

/* Right column */
#right 
{
	float:right; 
	clear:none; 
	width:240px; 
	height:241px; 
	padding:0; 
	margin:-25px 0 0 0;			_margin:0;
	font-size:11px; 
	background:url('../images/header_background.gif') 100% 0 no-repeat;
}

#right #registerbutton {display:block; margin:9px 10px 0 0; height:97px; _height:232px; padding:135px 20px 0 30px; text-decoration:none; color:white; background:url('../images/register_button.jpg') no-repeat 100% 0;}
#right #registerbutton.hover {background-image:url('../images/register_button_hover.gif');}
#right #registerbutton.down {background-image:url('../images/register_button_down.jpg');}
#right #registerbutton img {border:none;}
#right #registerbutton em {display:none; font-style:normal; font-weight:normal; font-size:30px; margin:0 0 5px 0; padding:0;}

/* Header Image */
#headerimage 
{
    margin:9px 0 0 9px; 
    background-repeat:no-repeat; 
    background-position:-4px 1px;
}
body#level3 #headerimage {display:none;}

/* Tab menu */
/* Level 1 */
#mainmenu 
{
	float:left;
	clear:left;
	list-style:none;
	margin:-38px 0 0 0;
	padding:0 10px 0 39px;
	width:500px;
	height:0;
	position:relative;
}

body#level3 #mainmenu
{
	margin-top:-25px;
}

#mainmenu li 
{
	float:left; 
	margin:0 7px 0 0; 
	padding:0; 
	font-size:16px; 
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}

#mainmenu a 
{
	display:block; 
	width:126px; 
	height:25px;		_height:35px;
	margin:0; 
	padding:10px 0 0 0; 
	text-decoration:none; 
	color:white;

}

#mainmenu li.pink a {background:url('../images/tab_pink.gif') 50% 0; color:white;}
#mainmenu li.blue a {background:url('../images/tab_blue.gif') 50% 0; color:white;}
#mainmenu li.green a {background:url('../images/tab_green.gif') 50% 0; color:white;}


/* Level 2 */
#mainmenu ul.level2
{
	list-style:none; 
	margin:0 0 0 1px; 
	padding:0;
	/* padding:0 0 3px 0; Uncomment to restore rounded bottom of L2 menu */
	position:absolute; 
	z-index:10; 
	display:none; 
	color:white;
}

/*
Uncomment to restore rounded bottom of L2 menu
#mainmenu li.pink ul.level2 {background:url('../images/menu_bottom_pink_small.gif') 0 100% no-repeat;}
#mainmenu li.blue ul.level2 {background:url('../images/menu_bottom_blue_small.gif') 0 100% no-repeat;}
#mainmenu li.green ul.level2 {background:url('../images/menu_bottom_green_small.gif') 0 100% no-repeat;}
*/

#mainmenu li:hover ul,
#mainmenu li.hover ul
{
	display:block;
}

#mainmenu ul.level2 li 
{
	float:none;
	font-size:12px;
	height:auto;
	clear:none;
	padding:0;			
						/*_margin-bottom:-4px;*/
						_margin-top:-1px;
	padding:3px 0 2px 10px;
	width:112px; 		_width:125px;
}

#mainmenu ul.level2 li.parent {_margin-bottom:-4px;}

#mainmenu ul.level2 a
{
	height:20px;
	text-align:left;
	display:block;
	background:none;
	width:auto;
	height:auto;
	padding:0 0 3px 0;
	margin:0;
}

/*
#mainmenu ul.level2 li.parent {_margin-bottom:-1px;}
#mainmenu ul.level2 li.hoverparent {_margin-bottom:-4px;}
#mainmenu ul.level2 li.hoverparent a {_height:22px;}
*/

#mainmenu li.pink li			{border:1px solid #e32b8b; background:#e32b8b;}
#mainmenu li.pink li.hover 		{background-color:white;}
#mainmenu li.pink li.hover a 	{color:#e32b8b;}

#mainmenu li.blue li			{border:1px solid #002462; background:#002462;}
#mainmenu li.blue li.hover 		{background-color:white;}
#mainmenu li.blue li.hover a 	{color:#002462;}

#mainmenu li.green li 			{border:1px solid #669e33; background:#669e33;}
#mainmenu li.green li.hover 	{background-color:white;}
#mainmenu li.green li.hover a 	{color:#669e33;}

/* Level 3 */
#mainmenu ul.level3
{
	display:none;
	margin:-21px 0 0 0;				_margin-top:-22px;
	padding:0;						_padding:1px;
	position:absolute;
	top:auto;
	left:123px;
	height:0;
	list-style:none;
}

#mainmenu ul.level3 li {}

#mainmenu li.hover ul.level3 {display:none;}
#mainmenu li ul li:hover ul.level3,
#mainmenu li ul li.hover ul.level3 {display:block;}

#mainmenu li.pink li.hover li a {color:white;}
#mainmenu li.pink li.hover li.hover a {color:#e32b8b;}

#mainmenu li.blue li.hover li a {color:white;}
#mainmenu li.blue li.hover li.hover a {color:#002462;}

#mainmenu li.green li.hover li a {color:white;}
#mainmenu li.green li.hover li.hover a {color:#669e33;}

#mainmenu li.pink ul ul li.top {display:none; /*height:3px; background:url('../images/menu_top_pink_small.gif') no-repeat 0 100%; margin:0; padding:0; border:none; width:124px;*/}
#mainmenu li.blue ul ul li.top {display:none; /*height:3px; background:url('../images/menu_top_blue_small.gif') no-repeat 0 100%; margin:0; padding:0; border:none; width:124px;*/}
#mainmenu li.green ul ul li.top {display:none; /*height:3px; background:url('../images/menu_top_green_small.gif') no-repeat 0 100%; margin:0; padding:0; border:none; width:124px;*/}
#mainmenu li.pink ul ul li.bottom {display:none; /*background:url('../images/menu_bottom_pink_small.gif') no-repeat; margin:0; padding:0; border:none; width:124px; _margin-top:0; height:3px;*/}
#mainmenu li.blue ul ul li.bottom {display:none; /*background:url('../images/menu_bottom_blue_small.gif') no-repeat; margin:0; padding:0; border:none; width:124px; _margin-top:0; height:3px;*/}
#mainmenu li.green ul ul li.bottom {display:none; /*background:url('../images/menu_bottom_green_small.gif') no-repeat; margin:0; padding:0; border:none; width:124px; _margin-top:0; height:3px;*/}

/* Side menu */
#menu {clear:right; float:right; width:229px; padding:0; _margin:-1px 0 0 0;}
body#level2 #menu,
body#level3 #menu {_width:230px;}

/* Level 1 */
#menu ul {list-style:none; margin:0; padding:0; font-weight:bold; border:none;}
#menu li {border-bottom:1px solid #d9d9d9;}
#menu a {display:block; width:auto; height:auto; _height:20px; font-size:14px; text-decoration:none; color:#4b4b4b; padding:5px 0 5px 30px; margin:0 0 0 -1px; _margin:0;}
#menu a:hover,
#menu a.selected,
#menu a.selected:hover {font-weight:bold; color:#ffffff; background:#85888B;}

#menu li.pink a {color:#e32b8b; font-size:16px; border:none;}
#menu li.pink a.selected,
#menu li.pink a.selected:hover {background-color:#e32b8b; color:white; border:none; border-bottom:1px solid #b4b4b4;}
#menu li.pink a:hover {background-color:#e32b8b; color:white; border:none;}

#menu li.blue a {color:#002462; font-size:16px; border:none;}
#menu li.blue a.selected,
#menu li.blue a.selected:hover {background-color:#002462; color:white; border:none; border-bottom:1px solid #b4b4b4;}
#menu li.blue a:hover {background-color:#002462; color:white; border:none;}

#menu li.green a {color:#669e33; font-size:16px; border:none;}
#menu li.green a.selected,
#menu li.green a.selected:hover {background-color:#669e33; color:white; border:none; border-bottom:1px solid #b4b4b4;}
#menu li.green a:hover {background-color:#669e33; color:white; border:none;}

/* Level 2 */
#menu ul.level2 {font-weight:normal; font-size:12px; background:#f8f8fa; padding:5px 0 5px 0; display:none;}
#menu li.expanded ul.level2 {display:block;}
#menu ul.level2 li {margin:0 0 0 50px; border:1px solid #f8f8fa; list-style-image:url('../images/bullet_blue.gif');}
#menu ul.level2 a,
#menu li.pink li a,
#menu li.blue li a,
#menu li.green li a {font-size:12px; margin:0; padding:1px 0 1px 0; display:inline;}
#menu ul.level2 a:hover,
#menu ul.level2 a.selected,
#menu ul.level2 a.selected:hover {border:none; padding-left:0; background:none; color:#4b4b4b;}

#menu li.pink li a.selected,
#menu li.pink li a.selected:hover,
#menu li.pink li a:hover {color:#e32b8b; background-color:#f8f8fa; border:none;}

#menu li.blue li a.selected,
#menu li.blue li a.selected:hover,
#menu li.blue li a:hover {color:#031c5c; background-color:#f8f8fa; border:none;}

#menu li.green li a.selected,
#menu li.green li a.selected:hover,
#menu li.green li a:hover {color:#669e33; background-color:#f8f8fa; border:none;}

#menu li li.expanded {list-style-image:url('../images/bullet_selected_blue.gif');}
#menu li.pink li {list-style-image:url('../images/bullet_pink.gif');}
#menu li.pink li.expanded {list-style-image:url('../images/bullet_selected_pink.gif');}
#menu li.green li {list-style-image:url('../images/bullet_green.gif');}
#menu li.green li.expanded {list-style-image:url('../images/bullet_selected_green.gif');}

/* Level 3 */
#menu ul.level3 {display:none;}
#menu li.expanded li.expanded ul.level3 {display:block;}
#menu ul.level3 li {margin-left:20px; font-weight:normal; list-style-image:url('../images/bullet_minor_blue.gif');}
#menu li.pink ul.level3 li {list-style-image:url('../images/bullet_minor_pink.gif');}
#menu li.green ul.level3 li {list-style-image:url('../images/bullet_minor_green.gif');}
#menu ul.level3 a.selected,
#menu ul.level3 a.selected:hover,
#menu ul.level3 a:hover {font-weight:bold; background:none; border:none;}

/* Footer */
#footer img {margin:5px;}
#footer a img {border:none; text-decoration:none;}
#footer .links {float:left; padding:35px 0 0 0;}
#footer .links img {margin:0 2px -4px 0; vertical-align:base-line;}
#footer .left {margin-left:40px; _margin-left:20px; text-align:left; width:150px;}
#footer .right {text-align:right; width:350px;}


/* General classes */
.bold {font-weight:bold;}

a {color:#669e33;}
a:hover {color:#336b00;}
a:visited {color:#031c5c;}

#stories a {color:#4b4b4b; text-decoration:none;}
#stories a:hover {color:#336b00; text-decoration:underline;}
#stories a:visited {color:#031c5c; text-decoration:none;}

address {font-style:normal;}

h2 {margin-top:0; color:#001e5f; font-size:140%;}
body.pink h2 {color:#e32b8b;}
body.green h2 {color:#669e33;}
body.grey h2 {color:#4b4b4b}

h3 {font-size:110%;}

ul.spaced li {margin-bottom:10px;}

#content img.left_aligned {float:left;}
#content img.right_aligned {float:right;}

span.pink_text {color:#e32b8b;}
span.green_text {color:#669e33;}
span.blue_text {color:#001e5f;}
span.grey_text {color:#4b4b4b;}
span.light_grey_text {color:#fff;}

/* Safari # hacked code */
/*#mainmenu li ul li ul {left:123px;#} /* This rule and everything after it should be ignored by safari... */