body
{
	background:#ccc url(/common/img/global/bg_body.gif) repeat;
	margin:0 auto;
	text-align:center;
	font-size:x-small; /* For IE5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:small;
}
p,a,ul,ol,div,table
{
	text-align:left;
	font-family:Trebuchet MS,verdana,Arial;
	color:#333;
	font-size:99%;
	line-height:1.3em;
	margin:0;
	padding:0;
}

h1,h2,h3,h4
{
	margin:0;
	padding:0;
}

a
{
	color:#000a75;
	text-decoration:none;
}
	a:hover
	{
		text-decoration:underline;
	}
img 
{
	border:0;
}

form
{
	margin:0;
	padding:0;
}

/* ---------------------------- Global User Classes --------------------------- */
.fl
{
	float:left;
}

.fr
{
	float:right;
}

.clrboth
{
	font-size:0px;
	height:0px;
	overflow:hidden;
	clear:both;
}

.txtbox
{
	background:#fff url(/common/img/global/bg_text-field.gif) top left repeat-x;
	width:175px;
	border:1px solid #999;
}

.dhr
{
	border-top:1px dotted #999;
	height:8px;
	margin:8px 8px 0 8px;
	padding:0;
}
	.dhr hr
	{
		display:none;
		
	}
	
.purple
{
	color:#660099;
}

.red
{
	color:#990000;
}

.largeLink
{
	font-size:1.4em;
	font-weight:bold;
}

.frmError
{
	color:#990000;
}
.p10
{
	margin:20px 0 !important;
}

/* ---------------------------- Main Wrapper --------------------------- */
#main 
{
	width:780px;
	background:#fff url(/common/img/global/bg_main.gif) repeat-y top center;
	padding:15px;
	padding-top:20px;
	margin:0 auto;
}

/* ##### Main Navigation */
#logo
{
	float:left;
	width:175px;
}
#navmaincontent
{
	background:#333 url(/common/img/global/bg_main-nav.gif) no-repeat top left;
	float:right;
	width:589px;
	height:38px;
	overflow:hidden;
}
	#navmaincontent ul
	{
		list-style:none;
		margin:0 0 0 15px;
		padding-top:3px;
	}
	#navmaincontent li
	{
		float:left;
		vertical-align:middle;
		height:30px;
	}
	#navmaincontent a
	{
		float:left;
		display:block;
		background:url(/common/img/global/bg_main-nav-rollout.gif) center left repeat-x;
		height:30px;
		color:#fff;
		padding:0 0.9em 0 0.9em;
		border-right:1px solid #000066;
		text-decoration:none;
		vertical-align:bottom;
		font-size:85%;
		font-weight:bold;
	}
		#navmaincontent a:hover
		{
			background:url(/common/img/global/bg_main-nav-rollovr.gif) center left repeat-x;
		}
		
		/*----------- Navigation Active link --------------*/

		#navmaincontent .nav_active,#navmaincontent .nav_active a,#navmaincontent .nav_active a:hover
		{
			background:url(/common/img/global/bg_main-nav-rollovr.gif) center left repeat-x;
		}
		
		#navmaincontent .signbutton
		{
			border-left:1px solid #000066;
			border-right:none;
			float:right;
			padding-right:10px;
			
		}
		
			#navmaincontent .signbutton a
			{
				
				background:url(/common/img/global/bg_main-nav-signup.gif) center left repeat-x;
			}
			
				#navmaincontent .signbutton a:hover
				{
					background:url(/common/img/global/bg_main-nav-signup-ovr.gif) center left repeat-x;
				}
				
			#navmaincontent .signup_active
			{
			border-left:1px solid #000066;
			border-right:none;
			float:right;
			padding-right:10px;
			}
				
			#navmaincontent .signup_active a,#navmaincontent .signup_active a:hover
			{
				background:url(/common/img/global/bg_main-nav-signup-ovr.gif) center left repeat-x;
			}
		
		.navtext
		{
			position:relative;
			top:5px;
		}

/* ##### Flash pocket and secondary navigation wrapper */
#navpocket
{
	margin:5px 0 0 0;
}

/* #### Main content panes #### */
#content
{
	margin:10px 0 0 0;
}
#content p
{
	margin:1em 0 1em 0;
	padding:2px 5px 2px 0;
}
	#content h2
	{
		font-size:1.5em;
		margin-top:5px;
		color:#00CFFF;
		font-family:"Trebuchet MS", Arial, Verdana;
	}
#content ol
{
	padding:5px 0 5px 13px;
	margin:5px 5px 5px 13px;
}

/* --- Flash Pocket (Top content on home page) --- */
#flashpocket
{
	float:left;
}

/* --- Link Pocket (Right side of flash) --- */
#linkpocket
{
	background:#fff url(/common/img/links/bg_links.gif) top center no-repeat;
	float:left;
	width:201px;
	height:200px;
	margin-left:7px;
}
	#linkpocket h2
	{
		margin-left:10px;
		color:#00CFFF;
		font-size:1.5em;
		margin-top:5px;
	}
	
	#linkpocket ul
	{
		margin-top:15px;
		list-style:none;
		color:#fff;
	}
		#linkpocket li
		{
			color:#fff;
			position:relative;
		}
		
		#linkpocket a
		{
			display:block;
			height:30px;
			background:#0434ac url(/common/img/links/bg_links-li.gif) top left repeat-x;
			color:#fff;
			filter:alpha(opacity=85);
	        opacity: 0.85;
	        -moz-opacity:0.85;
	        text-indent:10px;
	        padding-top:2px;
		}
			#linkpocket a:hover
			{
			filter:alpha(opacity=100);
			opacity: 1;
	        -moz-opacity:1;
	        text-decoration:none;
			}
			
			#linkwhite,#linkwhite p,#linkwhite a,#linkwhite a:hover
			{
				background:url(none);
				color:#fff;
				font-weight:bold;
				position:relative;
				filter:alpha(opacity=100);
			opacity: 1;
	        -moz-opacity:1;
			}
			#linkwhite a:hover 
			{
				text-decoration:underline;
			}
			
		
		#linkpocket .linkbutton
		{
			color:#fff;
			filter:alpha(opacity=100);
		    opacity: 1;
	        -moz-opacity:1;
	        position:relative;
	        
		}

/* Content left displays main site content */
#contentleft
{
	width:572px;
	float:left;
}
	#contentleft p
	{
		text-align:justify;
	}

/* Content right displays login, latest news etc */
#contentright
{
	background:#fff url(/common/img/global/bg_vertical-line-break.gif) top left repeat-y;
	float:left;
	margin-left:5px;
	padding:0 0 0 10px;
}

/* --- Section specific content --- */
/*## HOME ##*/
#contentleft_home
{
	background:#fff url(/common/img/home/hdr_introduction.gif) top left repeat-y;
	width:561px;
	height:18px;
}
	#contentleft_home h2
	{
		display:none;
	}

/* --- Sign In section - We will add a div for possible styling in release 2 --- */
#signin
{
	width:190px;
	overflow:hidden;
	width:190px;
}

	#signin_header
	{
		background:#fff url(/common/img/home/hdr_student-login.gif) top left no-repeat;
		width:149px;
		height:24px;
	}
	
	#signin .signin_label
	{
		padding:1px 0 1px 0;
		margin:0;
		font-weight:bold;
		color:#000;
	}

/* --- Latest news section - We will add a div for possible styling in release 2 --- */
#latestnews
{
	overflow:hidden;
	width:190px;
}
	#latestnews p,#signin p,#login_nosignup p,#signup_information p
	{
		margin-top:0px;
		padding-top:0px;
		color:#333;
	}
	
	#latestnews p
	{
		margin-bottom:0;
		padding-bottom:0;
		text-align:justify;
	}
	
	#latestnews .lnright
	{
		text-align:right;
		margin-top:0;
		padding-top:0;
		padding-bottom:14px;
	}
	#latestnews a
	{
		color:#000a75;
		text-decoration:none;
	}
		#latestnews a:hover
		{
			text-decoration:underline;
		}

	#latestnews_header
	{
		width:135px;
		height:25px;
		background:#fff url(/common/img/home/hdr_latest-news.gif) top left no-repeat;
	}

/* Remove visibility of h2 for - accessability/text only */
#latestnews_header h2,#signin_header h2
{
	display:none;
}

/* --- Footer for Accreditation image links --- */
#footer
{
	background:#fff url(/common/img/global/bg_horizontal-lb.gif) top no-repeat;
	margin:10px 0 0 0;
	text-align:center;
}
	#footer ul
	{
		list-style:none;
		margin:0;
		padding-top:10px;
	}
	#footer li
	{
		float:left;
		text-align:center;
		padding-left:30px;
	}
#footer_links
{
	margin:10px 0 0 0;
	background-image:none;
}
	#footer_links p
	{
		font-size:85%;
		color:#000066;
	}
	
	#footer_links a
	{
		color:#000066;
	}
#footer_shadow
{
	background:url(/common/img/global/bg_footer.gif) top left no-repeat;
	margin:0 auto;
	width:810px;
}

/*-------------------- Sign Up Page ---------------------------
--------------------------------------------------------------*/

#signup_header
{
	width:233px;
	height:35px;
	background:url(/common/img/signup/hdr_Sign-up-below.gif) top left no-repeat;
}
	#signup_header h1
	{
		display:none;
	}
	
#signup_table
{
	width:99%;
}
	#signup_table h2
	{
		margin:8px 0 2px 0;
		padding:2px 0 2px 0;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:1.7em;
		color:#660099;
		font-weight:bold;
	}
	#signup_table p
	{
		font-size:85%;
		padding:0 0 2px 0;
		margin:0;
		color:#666;
		font-weight:bold;
	}
	#signup_table td
	{
		width:50%;
	}
	#signup_table .textfield
	{
		background:#fff url(/common/img/global/bg_text-field.gif) top left repeat-x;
		width:240px;
		border:1px solid #999;
		height:18px;
	}

#login_nosignup
{
	width:190px;
}
	#login_nosignup .signin_label
	{
		padding:1px 0 1px 0;
		margin:0;
		font-weight:bold;
		color:#000;
	}
	#login_nosignup_header
	{
		background:#fff url(/common/img/signup/hdr-Already-Registered.gif) top left no-repeat;
		width:100%;
		height:45px;
	}
		#login_nosignup_header h2,#signup_information_header h2,#terms_header h2,#privacy_header h2,#international_header h2,#FreeResources_header h2,#courses_header h2,#contact_header h2,#Moreresources_header h2,#downloads_header h2
		{
			display:none;
		}
	#signup_information
	{
		width:190px;
	}
		#signup_information_header
		{
			background:#fff url(/common/img/signup/hdr-Information.gif) top left no-repeat;
			width:124px;
			height:24px;
		}
/* Error Panels - Global */
#error_panel_outa 
{
	border:4px solid #BF0000;
	padding:0;
	background:#fff;
	width:99%;
	margin:0;
}
	#error_panel_inner
	{
		padding:4px;
		background:#BF0000 url(/common/img/global/bg_error.gif) top left repeat-x;
		color:#fff;
		border:4px solid #fff;
	}
		#error_panel_inner p
		{
			padding:0;
			margin:0;
			color:#fff;
			font-weight:bold;
		}
		
		
/*------------- Terms and Conditions ----------------*/
#terms_header
{
	background:url(/common/img/terms/hdr_terms-conditions.gif) top left no-repeat;
	width:324px;
	height:40px;
}

/*------------- Privacy Policy ----------------*/
#privacy_header
{
	background:url(/common/img/privacy/hdr_Privay-Policy.gif) top left no-repeat;
	width:229px;
	height:40px;
}

/*------------- International ----------------*/
#international_header
{
	background:url(/common/img/international/hdr_International.gif) top left no-repeat;
	width:215px;
	height:27px;
}

/*------------- Free Resources ---------------*/
#FreeResources_header
{
	background:url(/common/img/resources/hdr_Free-Resources.gif) top left no-repeat;
	width:248px;
	height:26px;
}

#Moreresources_header
{
	background:url(/common/img/resources/hdr_More-Resources.gif) top left no-repeat;
	width:256px;
	height:26px;	
}

#contentleftfr
{
	width:572px;
	float:left;
}
	#contentleftfr p
	{
		text-align:justify;
	}
	#contentleftfr h2
	{
		margin:4px 0 0 0;
		background:url(/common/img/members/hdr_tbl_courses.gif) top left repeat-x;
		height:40px;
		color:#fff;
		font-size:1em;
		padding:6px 0 0 0;
		text-indent:5px;
	}
	
	#contentleftfr a
	{
		color:#9900CC;
	}
	#contentleftfr h3
	{
		color:#000066;
		margin:2px 0 2px 0;
	}
	#contentleftfr h4
	{
		font-size:1em;
	}

	#contentleftfr ul
	{
		list-style-type:none;
		padding:2px 0 2px 0;
		margin:2px 0 2px 0;
	}
		#contentleftfr li
		{
			background:url(/common/img/global/li_arrow.gif) no-repeat 0 51%;
			padding-left:15px;
			margin:10px 0 10px 0;
		}

.FreeResourceBackground
{
	background-color:#efefef;
	padding:5px;
	
}
.CourseList
{
	list-style:none !important;
	list-style-image:none !important;
	list-style-type:none !important;
	margin:0 !important;
	padding:0 !important;
	margin-top:-10px !important;
}
.CourseList li
{
	list-style:none !important;
	list-style-image:none !important;
	list-style-type:none !important;
	background:url(/common/img/courses/bg_course.gif) 50% 50% no-repeat !important;
	width:87px !important;
	height:56px !important;
	text-align:center;
	padding:0 !important;
	margin:0 important!;
	float:left;
	padding-top:6px !important;
	font-size:18px;
	font-weight:bold;
	color:#000066;
	margin-right:6px !important;
	overflow:hidden;
}
.CourseList li a 
{
	padding:-4px !important;
	margin:-4px !important;
	color:#000066 !important;
}
.CourseList p 
{
	padding:0 !important;
	margin:0 !important;
	color:#990000;
	font-size:9px;
	text-align:center !important;
}
.FRpara 
{
	padding:10px;
}

#frlinks p
{
	padding:1px;
	margin:2px 0 2px 0;
}

/*------------- Courses ---------------*/
#courses_header
{
	background:url(/common/img/courses/hdr_Courses.gif) top left no-repeat;
	width:128px;
	height:27px;
}

/*------------- Contact Us ---------------*/
#contact_header
{
	background:url(/common/img/contact/hdr_Contact-Us.gif) top left no-repeat;
	width:175px;
	height:27px;
}
.contact_address
{
	float:left;
	font-size:1.2em;
	font-weight:bold;
	color:#222;
}

/*------------ Downloads -------------- */
#downloads_header
{
	background:url(/common/img/downloads/hdr_downloads.gif) top left no-repeat;
	width:176px;
	height:28px;
}