/* THESE STYLES ARE FOR THE CONTENT AREA / HTML EDITOR - THEY NEED TO BE SET IN THE designmode.css AS THE EQUIVALENT STYLES FOR THE HTML EDITOR */

.div_htmleditor {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 80%;
text-align: left;
padding: 10px 10px 10px 10px;
margin: 0px;
border: 0px
}

.div_htmleditor table {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor P {
font-family: verdana, helvetica, arial, sans-serif;
padding: 0px 0px 10px 0px;
margin: 0px;
}

	.div_htmleditor td P {
	font-family: verdana, helvetica, arial, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	font-size: 80%;
	}

.div_htmleditor DIV {
font-family: verdana, helvetica, arial, sans-serif;
}

	.div_htmleditor td DIV {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	}

.div_htmleditor A {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor td {
font-family: verdana, helvetica, arial, sans-serif;
}

.div_htmleditor ul {
font-family: verdana, helvetica, arial, sans-serif;
}

	.div_htmleditor td ul {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	}

.div_htmleditor ol {
font-family: verdana, helvetica, arial, sans-serif;
}

	.div_htmleditor td ol {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	}

.div_htmleditor li {
font-family: verdana, helvetica, arial, sans-serif;
}


	.div_htmleditor a, .div_htmleditor a:link, .div_htmleditor a:visited, .div_htmleditor a:active, .div_htmleditor a:hover
	{
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #CC0000;
	text-decoration: underline; 
	}
	
	/* H2 TITLE */
	.div_htmleditor h2
	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #cc0000; 
	font-weight: bold; 
	font-size: 110%; 
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px
	}
	
		/* H2 TITLE */
		.div_htmleditor td h2
		{ 
		font-family: verdana, helvetica, arial, sans-serif; 
		color: #cc0000; 
		font-weight: bold; 
		font-size: 80%; 
		background-color: #ffffff;
		margin: 0px 0px 10px 0px;
		padding: 0px
		}	
	
	
	/* H3 TITLE */
	.div_htmleditor h3
	{ 
	font-family: verdana, helvetica, arial, sans-serif; 
	color: #000000; 
	font-weight: bold; 
	font-size: 110%; 
	background-color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 0px
	}		


			/* Homepage boxes */
			.homepage_pad_border_1px
			{
			border:#333 1px solid; 
			padding:4px
			}
			
			.homepage_edge_boxes_left
			{
			background-image:url(../img_line_L.gif);
			background-repeat: repeat-y;
			}
			
			.homepage_edge_boxes_bot
			{
			background-image:url(../img_line_B.gif);
			background-repeat: repeat-x;
			}





/* SKILL LAYOUT */

	#div_breadcrumb
	{
	margin: 10px 0px 10px
	}
		#div_breadcrumb a, #div_breadcrumb a:active, #div_breadcrumb a:visited, #div_breadcrumb a:link, #div_breadcrumb a:hover
		{
		color: #CC0000;
		}	

	#div_left
	{
	width: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	}

	#div_middle
	{
	width: 380px;
	float: left;
	}

	#div_right
	{
	width: 198px;
	float: right;
	margin: 0px 0px 0px 0px;	
	overflow: auto;
	}	
		
		#div_homepage
		{
		width: 592px;
		float: left;
		}	

	
		#div_homepage_right
		{
		width: 166px;
		float: right;
		margin: 0px 0px 0px 0px;	
		overflow: auto;
		}
		

/* PAGE SUBMENU */


ul#submenu
{
	text-align: left;
	font-size: 75%;
	color: #000;
	list-style-type: disc;
	list-style-position: outside;
}

	ul#submenu li
	{

	}
	
	ul#submenu li a
	{
	color: #CC0000;
	text-decoration: underline;
	}

	
	ul#submenu li#active a
	{
	color: #CC0000;
	}
	
	ul#submenu li a:hover, ul#submenu li#active a:hover
	{
	color: #CC0000;
	}



		
/* MEDIA MENU */
			
.ul_media
{
font-size: 75%;
list-style-type: none;
text-align: left;
padding: 0;
margin: 0;
}

.ul_media_document, .ul_media_pdf, .ul_media_word
{
padding: 3px 0 3px 20px;
margin: 0 0;

display: block;
color: #000;
}

	.ul_media_pdf
	{
	background-image: url(/images/img_icon_pdf.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
	.ul_media_word
	{
	background-image: url(/images/img_icon_word.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}
	
	.ul_media_document
	{
	background-image: url(/images/img_icon_word.jpg);
	background-repeat: no-repeat;
	background-position: 0 50%;
	}

			.ul_media li a
			{
			display: block;
			padding: 5px;
			color: #CC0000;
			text-decoration: underline;
			}

			
			.ul_media li a:active
			{
			color: #CC0000;
			}
			
			.ul_media li a:hover
			{
			color: #CC0000;
			text-decoration: underline;
			}