/* BASICS, PAGE LAYOUT, ETC. */

html, body { margin:0px; padding:0px; height:100%; }
body {
	color:#fff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:75%;

}

body.front 			{  background-image:url(/images/backdrop/front_redesigned.gif); background-repeat:no-repeat; /* UNCOMMENT TO CENTER background-image:url(/images/backdrop/front_centered.gif); */ }

#pagefull 			{ width:748px; /* UNCOMMENT TO CENTER text-align:left; margin:0 auto; */ }
#pagehead			{ background-color:#ffffff; padding-left:24px; padding-top:21px; }

#pagebody					{  }
#pagebody .front			{ background-image:none; }
#pagebody .narrow-gold		{ background-image:url(/images/backdrop/curves_narrow_gold.gif); }
#pagebody .narrow-silver	{ background-image:url(/images/backdrop/curves_narrow_silver.gif); }
#pagebody .narrow-bronze	{ background-image:url(/images/backdrop/curves_narrow_bronze.gif); }

#pagefoot			{ padding-left:24px; padding-top:0px; padding-bottom:35px; margin-top: 50px; }
#pagelcol 			{ width:154px; margin-top:17px; }
#pagercol 			{ width:150px; margin-top:17px; }


/* NAVIGATION */

#navigation	.top a				{ color:#fff; padding:0px 5px; font-size:0.8em; line-height:10px; display:block; font-weight:bold; text-decoration:none; }
#navigation .top a:hover 		{ color:#ccc; text-decoration: underline; }
#navigation	.sub a				{ color:#333; padding:2px 5px; font-size:0.9em; line-height:12px; display:block; font-weight:normal; text-decoration:underline; }

#navigation .item 				{ position:relative; height:auto; width:150px; margin-bottom:4px; }
#navigation .item .head			{ font-size:0; height:5px; background-position:-5px top; }
#navigation .item .body			{ background-position:0px -5px; }
#navigation .item .foot			{ font-size:0; height:5px; background-position:-5px bottom; }

#navigation .shdw 				{ position:absolute; height:auto; width:154px; }
#navigation .shdw .head			{ behavior:url(/css/pngbehavior.htc); height:7px; font-size:0; background-image:url(/images/navigation/item/shadow_head.png); background-position:left top; }
#navigation .shdw .body			{ behavior:url(/css/pngbehavior.htc); width:154px; background-image:url(/images/navigation/item/shadow_body.png); }
#navigation .shdw .foot			{ behavior:url(/css/pngbehavior.htc); height:7px; font-size:0; background-image:url(/images/navigation/item/shadow_foot.png); background-position:left bottom; }
#navigation	.shdw .body a		{ margin-right:4px; color:#000; }

#navigation	.top .shdw			{ /* UNCOMMENT TO DEBUG THE SHADOW HEIGHT margin-left:150px; */ }
#navigation	.sub .shdw			{ /* UNCOMMENT TO DEBUG THE SHADOW HEIGHT margin-left:150px; */ }

#navigation .top .item .head, 
#navigation .top .item .body, 
#navigation .top .item .foot 		{ background-image:url(/images/navigation/item/item.gif); }
#navigation .bronze .item .head, 
#navigation .bronze .item .body, 
#navigation .bronze .item .foot 	{ background-image:url(/images/navigation/item/bronze.gif); }
#navigation .silver .item .head, 
#navigation .silver .item .body, 
#navigation .silver .item .foot 	{ background-image:url(/images/navigation/item/silver.gif); }
#navigation .gold .item .head, 
#navigation .gold .item .body, 
#navigation .gold .item .foot 		{ background-image:url(/images/navigation/item/gold.gif); }
#navigation .red1 .item .head, 
#navigation .red1 .item .body, 
#navigation .red1 .item .foot 		{ background-image:url(/images/navigation/item/red1.gif); }
#navigation .red2 .item .head, 
#navigation .red2 .item .body, 
#navigation .red2 .item .foot 		{ background-image:url(/images/navigation/item/red2.gif); }
#navigation .red3 .item .head, 
#navigation .red3 .item .body, 
#navigation .red3 .item .foot 		{ background-image:url(/images/navigation/item/red3.gif); }
#navigation .red4 .item .head, 
#navigation .red4 .item .body, 
#navigation .red4 .item .foot 		{ background-image:url(/images/navigation/item/red4.gif); }
#navigation .current .item .head, 
#navigation .current .item .body, 
#navigation .current .item .foot 	{ background-image:url(/images/navigation/item/in.gif); }
#navigation .parent .item .head, 
#navigation .parent .item .body, 
#navigation .parent .item .foot 	{ background-image:url(/images/navigation/item/in.gif); }
#navigation .parent .item 			{ margin-bottom:0px; }
#navigation .parent .item .foot 	{ background-position:0px -5px; }
#navigation .parent .shdw .foot 	{ background-image:url(/images/navigation/item/shadow_body.png); height:3px; }

#navigation .sub .item .head, 
#navigation .sub .item .body, 
#navigation .sub .item .foot 	{ background-image:url(/images/navigation/item/sub.gif); }
#navigation .sub .item .head 	{ background-position:0px -5px; height:2px; }
#navigation .sub .shdw .head	{ background-image:url(/images/navigation/item/shadow_body.png); height:4px; }


/* GENERAL MISCELLANY */

.breadcrumb 		{ /* NO LONGER REQUIRED margin-left:34px; color:#333333; font-size:0.9em; line-height:1.4em; */ }
.photo 				{ padding: 0; float: right; margin-left: 10px; margin-bottom: 10px; text-align: right; }

h1					{ font-size:2em; font-weight:normal; margin-top:30px; margin-bottom: 35px; }
h2					{ font-size:1.2em; font-weight:bold; margin:0px; }
h3					{ font-size:1.0em; font-weight:bold; margin:0px; }

a					{ color:#ffffff; }
a:hover				{ color:#ff9933; }
a.button			{ color:#ffffff; font-weight:bold; font-size:1.2em; text-decoration:none; background-image:url(/images/button.gif); background-repeat:no-repeat; background-position:left; padding-left:12px; }
a.button:hover		{ color:#ff9933; }

form				{ margin:0px; padding:0px; }
input, select		{ font-size:1.0em; }
small				{ font-size:0.9em; }

th					{ text-align: left; }
legend 				{ color: #fff; }
fieldset 			{ border:1px solid #fff; padding:0px 8px 8px 8px; }
fieldset.forum 		{ border:1px solid #969; padding:0px 8px 8px 8px; }
hr					{ color: #fff; background-color:#fff; height:1px; margin:0px; margin-top: 5px; margin-bottom: 5px; padding:0px; border:0px; }

.forum-outlines table th
{
    border-color: #969;
    border-style: solid;
}

.forum-outlines table td
{
    border-color: #969;
    border-style: solid;
}

.forum-outlines table
{
    border-width: 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

.forum-outlines th
{
    background: #969;
    margin: 0;
    padding: 5px;
    border-width: 1px;
}

.forum-outlines td
{
    margin: 0;
    padding: 5px;
    border-width: 1px;
}

.forum-outlines .oddrow td
{
	background: #663b73;
}

.forum-outlines .evenrow td
{
	background: #59306a;
}

/* BOXES & STUFF IN SIDE COLUMNS AND FOOTERS */

.box					{ margin-bottom:4px; color:#000; background-color:#ffffff; }
.box a					{ color:#000; }
.box a:hover			{ text-decoration: underline; }
.box a.button			{ color:#000; }
.box legend 			{ color:#000; }
.box fieldset 			{ border-color:#00adef; margin-bottom:15px; }
.boxbody				{ padding:4px 9px; }

/* USED FOR course_search */
.bg-6cf {
	width:460px;
}
#related				{ color:#fff; background-color:#59306a; background-image:url(/images/navigation/related_bg.gif); background-repeat:no-repeat; background-position:bottom left; }
#related a				{ color:#fff; text-decoration:none; }
#related a:hover		{ color:#fff; text-decoration:underline; }
#related a.button		{ color:#fff; }

#related .items			{ margin-bottom: 25px; }
#related h2				{ font-size:1.0em; background:#59306a; }
#related .item-list		{ font-size:0.9em; background:#59306a; border: 1px solid #00adef; padding:5px; margin-bottom: 15px; }
#related .item-list ul	{ margin:0px; padding:5px 0px; }
#related .item-list li 	{ color:#fff; margin:0; padding:0; padding-bottom:5px; list-style:none;  margin-left:15px; list-style-type:square; color:#00adef; }
#related .item-list li small { color: #c9b8d0; font-size:0.8em; }
#related .shortcuts 	{ font-size:0.9em; margin-bottom: 15px; }
#related .shortcuts ul  { margin:0; padding:0px; }
#related .shortcuts li 	{ color: #fff; margin-left:18px; padding:0; list-style-image:url(/images/navigation/add_to_shortcuts.gif); }

#login .item-list		{ font-size:0.9em; border:1px solid #ed1c24; padding:5px; margin-bottom: 15px; }
#login .item-list ul	{ margin:0px; padding:0px; }
#login .item-list li 	{ color:#fff; margin:0; padding:0; padding-bottom:5px; list-style:none;  margin-left:15px; list-style-type:square; color:#ed1c24; }


#pagercol .boxhead		{ background-image:url(/images/box/corner_fff_tl.gif); }
#pagercol .boxhead div	{ background-image:url(/images/box/corner_fff_tr.gif); }
#pagercol .boxfoot		{ background-image:url(/images/box/corner_fff_bl.gif); }
#pagercol .boxfoot div	{ background-image:url(/images/box/corner_fff_br.gif); }

#pagercol .promo		{ margin-top:5px; }

#thumbs	.box 			{ width:110px; float:left; margin:0px 2px; margin-bottom:4px; }
#thumbs					{ color:#000; }
#thumbs a				{ color:#000; }
#thumbs a:hover 		{ text-decoration: underline; }
#thumbs	.thumb 			{ width:100px; height:90px; text-align:center; margin-bottom:4px; }


#footlinks				{ border-top:1px dotted #fff; padding-top:3px; margin-top:10px; }
#footlinks a			{ color:#ffffff; font-size:0.9em; text-decoration:none; padding-right:15px; }
#footlinks a:hover		{ text-decoration: underline; }
#footlinks a.last		{ padding-right:0px; }

/*-----------------------------------*\
      re-designed homepage styling
\*-----------------------------------*/

.topic-image{ border:1px solid #ffffff; float:left; margin:10px 0 0 10px; }

a img.arrow-link{ border:none; float:left; margin:98px 0 0 15px; }

#orange-box{ margin:15px 0 0 0; }

#pink-box,
#green-box,
#purple-box{ margin:6px 0 0 0; }

#orange-box,
#pink-box,
#green-box,
#purple-box{ width:569px; height:150px; color:#ffffff;}

#orange-box h2,
#pink-box h2,
#green-box h2,
#purple-box h2{ margin:0 0 8px 5px; padding:0; font-family:Helvetica,Arial, sans-serif; font-weight:bold; font-size:1.7em; }

#orange-box p,
#pink-box p,
#green-box p,
#purple-box p{ margin:0 0 0 5px; font-family:Helvetica,Arial, sans-serif; font-weight:bold; padding:0; font-size:0.9em;}

.box-content{ float:left; margin:73px 0 0 0; width:395px; }

#orange-box	{ background-image: url(/images/front/orange_box_bg.gif);background-repeat:no-repeat; }
#pink-box	{ background-image: url(/images/front/pink_box_bg.gif);  background-repeat:no-repeat; }
#green-box	{ background-image: url(/images/front/green_box_bg.gif); background-repeat:no-repeat; }
#purple-box	{ background-image: url(/images/front/purple_box_bg.gif);background-repeat:no-repeat; }

#pagefoot-front{ padding:0 0 20px 24px; margin: 20px 0 0 0; }

.error		{font-size: 1.1em; color: #000; font-weight: bold;}
.error small {font-size: 0.9em; font-weight: normal;}
