/* 
	USAY
	Career Planning
	Main Style Sheet
	
	Author: eBridge Learning Solutions Inc.
*/

html, form, body { margin: 0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; }

body
{
	background-color:#900;
}

a { border:none; }
a img {border:none; float:right; }

div#page-content
{
	width:600px;
	margin:0 auto 0 auto;
}

	div#page-header
	{
		width:100%;
		background-color:#900;
		height:40px;
		color:#000;		
	}
	
		div#page-header ul { list-style-type:none; float:right; margin:13px 0 13px 0; }
		div#page-header ul li { display:inline; margin:0 0 0 10px; }
		div#page-header ul li a { color:#fff; font-weight:bold; text-decoration:none; }

	div#center-content
	{
		width:100%;
		height:100%;
		background-color:#fff;
		padding-bottom:5px;
	}
	
		div#content-header
		{
			clear:both;
			height:240px;
			margin:0 0 10px 0;
			background:#fff url(../images/career_planning_header.jpg) top center no-repeat;
		}
		
		img.spacer { margin: 4px 0 10px 18px; }
		
		div#left-column, div#right-column
		{
			width:340px;
			float:left;			
			margin:0 10px 40px 20px;
		}
			
			div#left-column h1
			{
				font-size:12px;
				color:#900;
				background-color:transparent;
			}
			
			div#left-column 
				ul { list-style-type:none; margin:0 0 25px 0; padding:0; }
				
			div#left-column 
				ul 
					li { display:block; margin:3px 0 3px 14px; color:#545454; font-weight:bold; }
			
			div#left-column 
				ul 
					li 
						span { color:#900; font-style:italic; background-color:#fff; }
			
			div#left-column p { margin-left:14px; }
			
			div#left-column 
				div#video-box { width:100%;  margin:0; height:auto; padding:5px; background-color:#F2F2F2; border:2px solid #E6E6E6; }
				
				
		
		div#right-column
		{
			width:200px;
			margin-left:10px;
			padding:0;
		}
		
			div#right-column h1
			{
				clear:both;
				background-color:#FEE437;
				font-size:12px;
				color:#fff;
				padding:2px 5px 2px 5px;
				margin:0 0 5px 0;
			}
			
			div#right-column form { margin-top:23px; margin-bottom:23px; }
			
			
			/**
			 * List of links
			 */
			div#right-column ul { list-style-type:none; margin:0 0 25px 0; padding:0; }
			div#right-column ul li { display:block; float:left; clear:left; width:100%; margin:5px 0 5px 0; }
			div#right-column ul li.highlight { background-color:#fe0; }
			
			
			div#right-column div.list_bullet { clear:left; float:left; display:inline; width:10px; font-size:10px; margin:0 5px 0 0; }
			div#right-column ul li a { float:left; color:#900; display:inline; width:180px; font-size:10px; text-decoration:none; margin:0; }
			div#right-column ul li span { float:left; color:#000; display:inline; width:185px; font-size:10px; text-decoration:none; margin:0; }
			div#right-column ul li a:hover { text-decoration:underline; color:#f90; }
			div#right-column ul li.highlight a:hover { text-decoration:underline; color:#900; }
			
			/**
			 * Collapse
			 */
			div.submenu
			{
				width:200px;
				margin-left:5px;
				background-color:#f9f9f9;
			}
			
			
			div#right-column p
			{
				margin:5px 0 20px 0;
				font-size:10px;
			}
			
			div#right-column img
			{
				float:right;
				margin:15px;
				display:block;
			}
			
		div#funded-by
		{
			clear:both;
			margin:25px;
			border-top:2px ridge #eee;
			padding:8px 0 5px 0;
			color:#696949;
		}
		
		div#funded-by img
		{
			vertical-align:text-top;
			margin-left:10px;
		}
		
		div#page-footer
		{
			clear:both;
			width:auto;
			margin: 10px 20px 20px 20px;
			padding: 5px 10px 10px 10px;
			font-size:10px;
			text-align:center;			
			background-color:#696949;
			color:#D2D2C9;			
		}