/* Body and Site Container */
	
	body {
		margin: 0;
		background: #f2f4f8 url("/images/pagebg.gif") repeat-y;
	}
	
	#container {
		position: relative;
		width: 983px;
	}


/* Header */

	#header {
		padding: 10px 25px 20px 20px;
		height: 54px;
		background: #fff url("/images/headerbg.gif") bottom repeat-x;
	}
	
	#header h1 {
		padding: 0;
		margin: 0;
		font-size: 4px;
	}
	
	#header h1 a {
		display: block;
		width: 214px;
		height: 54px;
		background: transparent url("/images/logo.gif") no-repeat;
		text-indent: -1000px;
		text-decoration: none;
		outline: none;
	}
	
	#headerinfo {
		position: absolute;
		top: 25px;
		right: 15px;
		color: #5C5C5C;
		font-size: 10px;
		text-align: right;
	}
	
	#headerinfo a {
		color: #af2b2e;
		text-decoration: none;
	}
	
	#headerinfo a:hover {
		text-decoration: underline;
	}
	
	#navigation {
		position: relative;
		clear: both;
		position: relative;
		height: 40px;
		background: #47528d url("/images/navbg.gif") repeat-x;
	}
	
	#navigation ul {
		width: auto;
		position: absolute;
		bottom: 0;
		left: 225px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#navigation ul li {
		float: left;
		background: transparent url("/images/navtabbg.gif") 100% 0 no-repeat;
		padding: 0 8px 0 0;
		margin: 0 1px 0 0;
		border-bottom: #47528d 1px solid;
		line-height: 100%;
	}
	
	#navigation ul li a {
		display: block;
		background: transparent url("/images/navtabbg.gif") 0% 0 no-repeat;
		padding: 6px 8px 4px 16px;
		color: #fff;
		font-size: 11px;
		text-decoration: none;
	}
	
	#navigation ul li.active {
		background-position: 100% -100px;
		border-bottom: #fff 1px solid;
	}

	#navigation ul li.active a {
		background-position: 0% -100px;
		color: #000;
	}
	

/* Personal Column */

	#column {
		position: absolute;
		top: 100px;
		width: 225px;
		color: #000;
	}
	
	#favorites {
		background: #47528d url("/images/columntop.gif") bottom left no-repeat;
		height: 50px;
	}
	
	#favorites select {
		width: 190px;
		margin-left: 15px;
	}
	
	#column a {
		color: #af2b2e;
		text-decoration: underline;
	}
	
	#columnbox {
		position: relative;
		font-size: 10px;
		width: 192px;
		padding: 10px 15px 15px 15px;
	}
	
	#columnbox ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#columnbox ul li {
		padding: 4px 0 4px 0;
	}
	
	.userbox {
		background: #f3f4f8 url("/images/userboxbg.gif") 0 bottom repeat-x;
	}
	
	.userbox .userboxavatar {
		float: left;
		margin-right: 10px;
	}
	
	.userboxtext {
		color: #47528d;
	}
	
	#column h1 {
		clear: both;
		margin: 0;
		padding: 6px 0 0 15px;
		width: 207px;
		height: 22px;
		font-size: 12px;
		background: #f3f4f8 url("/images/columnh2bg.gif") repeat-x;
		color: #47528d;
	}
	
	#column h2 {
		font-size: 11px;
		margin: 0;
	}


/* Introduction Box */
	
	#introbox ul {
		padding: 0;
		margin: 0;
		height: 60px;
		list-style: none;
	}
	
	#introbox ul li {
		float: left;
		width: 25%;
	}
	
	#introbox ul li a {
		display: block;
		height: 45px;
		padding: 15px 20px 0 65px;
		text-decoration: none;
		white-space: nowrap;
	}
	
	#introbox .introhead {
		font-size: 16px;
		font-weight: bold;
		color: #000000;
	}
	
	#introbox .introsub {
		font-size: 12px;
		font-weight: bold;
		color: #5C5C5C;
	}


/* Subnavigation */

	#subnav {
		border-bottom: #e3e6f1 1px solid;
		background: #fff url('/images/subnavbg.gif') bottom repeat-x;
	}
	
	#subnav ul {
		padding: 0;
		margin: 0;
		height: 25px;
		list-style: none;
	}
	
	#subnav ul li {
		float: left;
		text-align: center;
	}
	
	#subnav ul li a {
		padding: 2px 2px 2px 22px;
		font-weight: bold;
	}


/* Topic Tools */

	#topictools ul {
		list-style: none;
		padding-left: 0;
	}
	
	#topictools ul li {
		float: left;
		margin-right: 15px;
	}
	
	#topictools a {
		font-size: 10px;
		font-weight: bold;
	}


/* Content */

	#content {
		position: absolute;
		top: 140px;
		left: 240px;
		right: 15px;
	}
	
	#contentboxclosed1 {
		clear: both;
		background: transparent url("/images/contentboxclosed1.gif") left repeat-y;
	}
	
	#contentboxclosed:before {
		display: block;
		font-size: 1px;
		background: #f3f4f8 url("/images/contentboxclosedtr.gif") no-repeat top right;
		margin: -15px -15px 0 -18px;
		height: 12px;
		content: url("/images/contentboxclosedtl.gif");
	}
	
	#contentboxclosed {
		background: #f3f4f8 url("/images/contentboxclosedbg.gif") right repeat-y;
		padding: 15px;
		margin-left: 3px;
	}
	
	#contentboxclosed:after {
		display: block;
		clear: both;
		font-size: 1px;
		background: transparent url("/images/contentboxclosedbr.gif") no-repeat bottom right;
		margin: -15px -15px -15px -18px;
		padding-top: 15px;
		height: 12px;
		content: url("/images/contentboxclosedbl.gif");
	}
	
	#content h1 {
		color: #af2b2e;
		font-size: 12px;
		margin-bottom: 20px;
		text-transform: uppercase;
	}
	
	#content h2 {
		font-size: 14px;
	}
	
	#content h3 {
		font-size: 12px;
		margin: 0;
	}
	
	#contentbox1 {
		clear: both;
		background: #fff url("/images/contentboxbg.gif") top repeat-x;
	}
	
	#contentbox2 {
		background: transparent url("/images/contentboxtl.gif") top left no-repeat;
	}
	
	#contentbox {
		background: transparent url("/images/contentboxtr.gif") top right no-repeat;
		padding: 15px;
		margin-left: 3px;
	}
	

/* Notification Box */

	#notification:before {
		display: block;
		font-size: 1px;
		background: transparent url("/images/notificationtr.gif") no-repeat top right;
		margin: -15px -15px 0 -15px;
		height: 8px;
		content: url("/images/notificationtl.gif");
	}
	
	#notification {
		background: #fcf0d9 url("/images/notificationbg.gif") right repeat-y;
		padding: 15px;
	}
	
	#notification:after {
		display: block;
		clear: both;
		font-size: 1px;
		background: transparent url("/images/notificationbr.gif") no-repeat bottom right;
		margin: -15px;
		padding-top: 15px;
		height: 8px;
		content: url("/images/notificationbl.gif");
	}
	
	#notification ul {
		padding: 0;
		list-style: none;
	}
	
	#notification li, #notification a {
		color: #af2b2e;
	}
	

/* Footer */

	#footer {
		clear: both;
		height: 30px;
		padding: 20px 0 20px 0;
		background: transparent url("/images/footerbg.gif") top repeat-x;
	}
	
	#footer span {
		font-size: 10px;
		float: left;
		color: #5C5C5C;
	}
	
	#footer span a {
		text-decoration: none;
		color: #5C5C5C;
	}
	
	#footer span a:hover {
		text-decoration: underline;
	}
	
	#footer form {
		float: right;
	}