@charset "utf-8";
/* Brainshark CSS */

/* -------------------------------------------------------- */
/* -- Palette --------------------------------------------- */
/* -------------------------------------------------------- 

	Dark Orange = #f79124
	Medium Orange = #f5bd13
	Light Orange = #fde498

 -------------------------------------------------------- */

/* -------------------------------------------------------- */
/* -- GLOBAL ---------------------------------------------- */
/* -------------------------------------------------------- */




* {margin: 0px; padding: 0px; border: none;}

a:link {color: #f79124; text-decoration: none;}
a:visited {color: #f79124; text-decoration: none;}
a:hover {color: #f5bd13; text-decoration: none;}
a:active {color: #f79124; text-decoration: none;}

div.clear {clear: both;}
div.clearleft {clear: left;}
div.clearright {clear: right;}

a.with_arrow {
	background-image: url(../../images/arrow_right.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 1px;
	font-size: .75em;
	font-weight: normal;
	color: #f79124;
	text-align: left;
	}
	
	a.with_arrow:link {text-decoration: none;}
	a.with_arrow:visited {text-decoration: none;}
	a.with_arrow:hover {color: #f5bd13; text-decoration: none;}
	a.with_arrow:active {text-decoration: none;}

body {
	background-color: #d4d5d7;
	background-image: url(../images/page_bg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	}
	
.container {
	width: 940px;
	margin: 0px auto 0px auto;
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Common ------------------------------------- */
/* -------------------------------------------------------- */

.header {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 87px;
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Top of the page ---------------------------- */
/* -------------------------------------------------------- */

.header .top_nav {
	position: absolute;
	top: 8px;
	right: 0px;
	width: 360px;
	height: 24px;
	background-image: url(../images/top_header_nav_bg.gif);
	background-repeat: no-repeat;		
	}
	
.header .top_nav ul {
	margin: 0px 2px 0px 7px;
	}

.header .top_nav ul li {
	display: inline;
	float: left;
	padding: 2px 0px 0px 0px;
	text-align: center;
	width: 115px;
	}
	
.header .top_nav ul li a {
	font-size: .7em;
	}

.header .top_nav ul li a:link {color: #7d7d7d; text-decoration: none;}
.header .top_nav ul li a:visited {color: #7d7d7d; text-decoration: none;}
.header .top_nav ul li a:hover {color: #000000; text-decoration: none;}
.header .top_nav ul li a:active {color: #7d7d7d; text-decoration: none;}
.header .top_nav ul li a.selected {color: #000000; text-decoration: none;}
	
/* -------------------------------------------------------- */
/* -- HEADER - Logo --------------------------------------- */
/* -------------------------------------------------------- */

.header .logo {
	position: absolute;
	bottom: 11px;
	left: 14px;
	background-image: url(../images/customer_connection_logo.gif);
	width: 400px;
	height: 28px;
	}
	
.header .logo a {
	display: block;
	width: 400px;
	height: 28px;
	}

.header .logo a i {
	display: none;
	}
	
/* -------------------------------------------------------- */
/* -- HEADER - Nav on the Right --------------------------- */
/* -------------------------------------------------------- */

.header .search_nav {
	position: absolute;
	bottom: 10px;
	right: 0px;
	}

.header .search_nav ul {
	font-size: .7em;
	float: left;
	margin: 3px 8px 0px 0px;
	}
	
.header .search_nav ul li {
	display: inline;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #d1d1d1;
	}
	
.header .search_nav ul .last {
	padding: 0px 5px 0px 5px;
	border-right: none;
	}
	
.header .search_nav ul li a {}
	
.header .search_nav ul li a:link {color: #f79124; text-decoration: none;}
.header .search_nav ul li a:visited {color: #f79124; text-decoration: none;}
.header .search_nav ul li a:hover {color: #f5bd13; text-decoration: none;}
.header .search_nav ul li a:active {color: #f79124; text-decoration: none;}
	
.header .search_nav form {
	float: left;
	}
		
.header .search_nav form input.searchBox {
	font-size: .7em;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	padding: 2px 3px 2px 3px;
	}

.header .search_nav form input.searchBtn {
	font-size: .7em;
	color: #007cc2;
	font-weight: normal;
	background-color: #d1d1d1;
	background-image: url(../images/search_button_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #d1d1d1;
	margin: 0px 0px 0px -1px;
	padding: 2px 5px 2px 5px;
	cursor: pointer;
	}

/* -------------------------------------------------------- */
/* -- NAV - Common ---------------------------------------- */
/* -------------------------------------------------------- */

.nav {
/*	position: relative;
	bottom: 0px;
*/	}
	
/* -------------------------------------------------------- */
/* -- NAV - Pulldown -------------------------------------- */
/* -------------------------------------------------------- */
.pulldown {
	width: 100%;
	background-color: #f79124;
	background-image: url(../images/nav_corners_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	overflow: auto;
	padding: 0px 0px 1px 0px;
	font-size: .75em;
	}

.pulldown ul {
	list-style: none;
	border-left: 1px solid #f5bd13;
	margin: 0px 0px 0px 10px;
	overflow: auto;
	}

.pulldown li {
	display: block;
	float: left;
	text-transform: capitalize;
	border-right: 1px solid #f5bd13;
	}

.pulldown li#selected a {
	background-color: #f5bd13;
	}
	
.pulldown a {
	float: left;
	color: #ffffff;
	background-color: #f79124;
	padding: 1px 13px 3px 13px;
	font-weight: bold;
	text-decoration: none;
	}

.pulldown a span {
	float: left;
	display: block;
	padding: 4px 8px 2px 7px;
	}

.pulldown a span {
	float: none;
	}

.pulldown a:hover {
	background-color: #f5bd13;
	}

.pulldown a:hover span {
	background-color: #f5bd13;
	}

.pulldown .selected a, #ddcolortabs .selected a span { /*currently selected tab*/
	background-color: #f5bd13;
	}

.submenu {
	position: absolute;
	top: 0px;
	background-color: #fde498;
	width: 150px;
	border-top: none;
	border-left: 1px solid #f5bd13;
	border-bottom: none;
	border-right: 1px solid #f5bd13;
	font-size: .75em;
	line-height: 125%;
	text-transform: capitalize;
	z-index: 100;
	visibility: hidden;
	margin-left: -1px;
	}


.submenu a {
	width: auto;
	display: block;
	border-bottom: 1px solid #f5bd13;
	padding: 3px 15px 3px 15px;
	text-decoration: none;
	color: #444444;
	font-weight: bold;
	}

.submenu a:hover {
	background-color: #f5bd13;
	color: #ffffff;
	}
/* -------------------------------------------------------- */
/* -- NAV - Image ----------------------------------------- */
/* -------------------------------------------------------- */

.img {
	height: 165px;
	background-color: #999999;
	background-image: url(../images/nav_homepage.png);
	}
	
.img p {
	display: none;
	}


/* -------------------------------------------------------- */
/* -- kbase - Kbase ------------------------------------ */
/* -------------------------------------------------------- */

.kbase_bg {
	background-color: #ffffff;
	}
	
.kbase {
	background-color: #ffffff;
	padding: 0px 16px 0px 16px;
	margin: 16px 0px 6px 0px;
	}

.kbase .lhs {
	width: 670px;
	}

.kbase .lhs h1 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: 1em;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
.kbase .lhs h2 {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	}
	
.kbase .lhs h3 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: .75em;
	padding: 25px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}

.kbase .lhs p {
	font-size: .75em;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	}




/* -------------------------------------------------------- */
/* -- CONTENT - Common ------------------------------------ */
/* -------------------------------------------------------- */



.none {
	background-color: #ffffff;
	background-image: url(../images/spacer.gif);
	background-position: 703px 16px;
	background-repeat: repeat-y;
	padding: 0px 16px 35px 16px;
	margin: 16px 0px 6px 0px;
	}

.none .lhs h1 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: 1em;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}

.none .lhs p {
	font-size: .75em;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	}

.none .lhs li {
	font-family : Arial, sans-serif;
	font-size : 12px;
	line-height : 15px;
	color : #333333;
	padding-top: 0px;
	padding-bottom: 0px;
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px;  
	}

.none .lhs ul {
	font-family : Arial, sans-serif;
	font-size : 12px;
	line-height : 15px;
	color : #333333;
	padding-top: 0px;
	padding-bottom: 0px;
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px;  

}

.none .lhs h3 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: .75em;
	padding: 25px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}



.content_bg {
	background-color: #ffffff;
	}
	
.content {
	background-color: #ffffff;
	background-image: url(../images/content_bg.gif);
	background-position: 703px 16px;
	background-repeat: repeat-y;
	padding: 0px 16px 0px 16px;
	margin: 16px 0px 6px 0px;
	}



.content .lhs {
	width: 670px;
	}

.content .lhs h1 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: 1em;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}
	
.content .lhs h2 {
	color: #000000;
	font-size: 1.3em;
	font-weight: bold;
	}
	
.content .lhs h3 {
	color: #777777;
	border-bottom: 1px solid #d8d8d8;
	font-size: .75em;
	padding: 25px 0px 0px 5px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}




.content .lhs h4 {
	color: #777777;
	font-size: .8em;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}

.content .lhs h5 {
	color: #f79124;
	font-size: 1em;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	text-transform: uppercase;
	font-weight: bold;
	}

.content .lhs .topic_head {
	color: #f79124;
	font-size: 1em;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	font-weight: bold;
	}

.content .lhs p {
	font-size: .75em;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;
	}

.content .lhs .homenavhead {
	font-size: 1em;
	font-weight: bold;
	padding: 3px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}

.content .lhs .desc {
	font-size: .85em;
	font-weight: normal;
	font-style: italic;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}


.content .lhs .topics {
	font-size: .75em;
	padding: 5px 0px 3px 5px;
	margin: 0px 0px 0px 0px;
	}

.content .lhs .topic_label {
	color: #007cc2;
	font-size: .7em;
	padding: 5px 0px 3px 0px;
	margin: 0px 0px 0px 0px;

	}

.content .lc a:link {color: #007cc2; text-decoration: none;}
.content .lc a:visited {color: #007cc2; text-decoration: none;}
.content .lc a:hover {color: #007cc2; text-decoration: underline;}
.content .lc a:active {color: #007cc2; text-decoration: none;}

.content .lchome a:link {color: #007cc2; text-decoration: underline; margin-left: 10px;	font-size: 1em; line-height: .8em; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}
.content .lchome a:visited {color: #666666; text-decoration: underline; margin-left: 10px; font-size: 1em; line-height: .8em; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}
.content .lchome a:hover {color: #007cc2; text-decoration: underline; margin-left: 10px; font-size: 1em; line-height: .8em; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}
.content .lchome a:active {color: #007cc2; text-decoration: none; margin-left: 10px; font-size: 1em; line-height: .8em; padding: 0px 0px 0px 10px; margin: 0px 0px 0px 0px;}


/* -------------------------------------------------------- */
/* -- CONTENT - lists ------------------------------------ */
/* -------------------------------------------------------- */

.lists li {
	font-family : Arial, sans-serif;
	font-size : 11px;
	line-height : 15px;
	color : #333333;
	padding-top: 0px;
	padding-bottom: 0px;
	MARGIN-LEFT: 20px; 
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px;  
}

.lists ul {
	font-family : Arial, sans-serif;
	font-size : 11px;
	line-height : 15px;
	color : #333333;
	padding-top: 1px;
	padding-bottom: 0px;
	MARGIN-LEFT: 20px; 
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px; 
	LIST-STYLE: square; 
}



.content .lhs .orderedlist ol {
	font-family : Arial, sans-serif;
	font-size : 12px;
	line-height : 15px;
	color : #333333;
	padding-top: 1px;
	padding-bottom: 0px;
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px; 
	MARGIN-LEFT: 30px;
}

.content .lhs .orderedlist li {
	font-family : Arial, sans-serif;
	font-size : 12px;
	line-height : 15px;
	color : #333333;
	padding-top: 1px;
	padding-bottom: 0px;
	MARGIN-TOP: 3px; 
	MARGIN-BOTTOM: 3px; 
	MARGIN-LEFT: 30px;

}



/* --- Begin Sharkbyte Feature --- */	
.content .lhs .sharkbyte_featured {
	margin: 15px 0px 15px 0px;
	min-height: 75px;
	}
	
		.content .lhs .sharkbyte_featured img {
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 20px 0px 0px;
			border: 1px solid #cacaca;
			}
			
		.content .lhs .sharkbyte_featured a:hover img {border: 1px solid #007cc2;}
		
		.content .lhs .sharkbyte_featured h2 {
			color: #007cc2;
			font-size: .95em;
			padding: 5px 0px 5px 0px;
			font-weight: bold;
			}

		.content .lhs .sharkbyte_featured h2 a {
			color: #007cc2;
			text-decoration: none;
			}
		
		.content .lhs .sharkbyte_featured h2 a:hover {color: #26b5ff;}
		
		.content .lhs .sharkbyte_featured p {
			color: #000000;	
			font-size: .75em;
			}
			
			
/* --- Begin Modules --- */	
/* --- Begin Presentation Module --- */	
.content .lhs .sharkbyte {
	border-top: 1px dotted #b9b9b9;
	padding: 5px 2px 10px 2px;
	}	

		.content .lhs .sharkbyte h3 {
			background-image: url(../images/icon_sharkbytes.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #f79124;
			font-size: .95em;
			font-weight: bold;
			padding: 5px 0px 5px 22px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: capitalize;
			}	
		
		.content .lhs .sharkbyte p {
			color: #000000;
			font-size: .75em;
			padding: 0px 0px 0px 22px;
			}	
		
		.content .lhs .sharkbyte ul {
			color: #a3a3a3;
			font-size: .75em;
			font-weight: bold;
			padding: 0px 0px 0px 22px;
			overflow: auto;
			}	
		
		.content .lhs .sharkbyte ul li {
			float: left;
			list-style: none;
			font-size: .95em;
			margin: 0px 10px 0px 0px;
			}	
			
		.content .lhs .sharkbyte ul li span{
			font-weight: normal;
			}	
			
		.content .lhs .sharkbyte ul li a:link {color: #666666; text-decoration: underline; font-weight: normal;}	
		.content .lhs .sharkbyte ul li a:visited {color: #666666; text-decoration: underline; font-weight: normal;}	
		.content .lhs .sharkbyte ul li a:hover {color: #a3a3a3; text-decoration: underline; font-weight: normal;}	
		.content .lhs .sharkbyte ul li a:active {color: #666666; text-decoration: underline; font-weight: normal;}	

/* --- Begin Presentation Module --- */	
.content .lhs .presentation {
	border-bottom: 1px dotted #b9b9b9;
	padding: 5px 2px 10px 2px;
	}	

		.content .lhs .presentation h3 {
			background-image: url(../images/icon_sharkbytes.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #f79124;
			font-size: .95em;
			font-weight: bold;
			padding: 5px 0px 5px 22px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .presentation p {
			color: #000000;
			font-size: .75em;
			padding: 2px 0px 0px 22px;
			}	
		
		.content .lhs .presentation ul {
			color: #a3a3a3;
			font-size: .75em;
			font-weight: bold;
			padding: 0px 0px 0px 22px;
			overflow: auto;
			}	
		
		.content .lhs .presentation ul li {
			float: left;
			list-style: none;
			font-size: .95em;
			margin: 0px 10px 0px 0px;
			}	
			
		.content .lhs .presentation ul li span{
			font-weight: normal;
			}	
			
		.content .lhs .presentation ul li a:link {color: #666666; text-decoration: underline;}	
		.content .lhs .presentation ul li a:visited {color: #666666; text-decoration: underline;}	
		.content .lhs .presentation ul li a:hover {color: #a3a3a3; text-decoration: underline;}	
		.content .lhs .presentation ul li a:active {color: #666666; text-decoration: underline;}	



/* --- Begin sharktake Module --- */	
.content .lhs .sharktale {
	padding: 5px 2px 10px 2px;
	}	

		.content .lhs .sharktale h3 {
			
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #f79124;
			font-size: .95em;
			font-weight: bold;
			padding: 5px 0px 5px 22px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .sharktale p {
			color: #000000;
			font-size: .75em;
			padding: 2px 0px 0px 22px;
			}	
		
		.content .lhs .sharktale ul {
			color: #a3a3a3;
			font-size: .75em;
			padding: 0px 0px 0px 22px;
			overflow: auto;
			}	
		
		.content .lhs .sharktale ul li {
			float: left;
			list-style: none;
			font-size: .95em;
			margin: 0px 10px 0px 0px;
			}	
		
		.content .lhs .sharktale ul li span {font-weight: bold;}	




/* --- Begin Forum Module --- */	
.content .lhs .forum {
	padding: 0px 2px 13px 2px;
	}	

		.content .lhs .forum h3 {
			background-image: url(../images/icon_forum.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #f79124;
			font-size: .95em;
			font-weight: bold;
			padding: 5px 0px 5px 22px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .forum ul {
			color: #a3a3a3;
			font-size: .75em;
			font-weight: bold;
			padding: 0px 0px 0px 22px;
			overflow: auto;
			}	
			
		.content .lhs .forum ul li {
			float: left;
			list-style: none;
			font-size: .95em;
			margin: 0px 10px 0px 0px;
			}	

		.content .lhs .forum ul li a {
			font-weight: normal;
			}	

		.content .lhs .forum ul li span {
			font-weight: normal;
			}	

		.content .lhs .forum p {
			color: #000000;
			font-size: .75em;
			padding: 5px 0px 10px 22px;
			}	

		.content .lhs .forum p a:link {color: #f79124; text-decoration: none;}
		.content .lhs .forum p a:visited {color: #f79124; text-decoration: none;}
		.content .lhs .forum p a:hover {color: #f5bd13; text-decoration: none;}
		.content .lhs .forum p a:active {color: #f79124; text-decoration: none;}
		
		.content .lhs .forum ul.metadata {
			float: left;
			color: #a3a3a3;
			font-size: .75em;
			overflow: auto;
			border-top: 1px dotted #b9b9b9;
			border-bottom: 1px solid #d9d9d9;
			padding: 7px 0px 7px 4px;
			width: 100%;
			}	
			
		.content .lhs .forum ul li a:link {color: #666666; text-decoration: underline;}	
		.content .lhs .forum ul li a:visited {color: #666666; text-decoration: underline;}	
		.content .lhs .forum ul li a:hover {color: #a3a3a3; text-decoration: underline;}	
		.content .lhs .forum ul li a:active {color: #666666; text-decoration: underline;}	
					
		.content .lhs .forum ul.metadata li span {
			color: #000000;
			}

		.content .lhs .forum ul.metadata li ul {
			color: #a3a3a3;
			font-size: 1em;
			padding: 0px 0px 0px 2px;
			}	

		.content .lhs .forum ul.metadata li ul li {
			padding: 0px 0px 0px 35px; 
			border-left: 1px solid #b9b9b9;
			height: 15px;
			}

		.content .lhs .forum ul.metadata li ul li.send {background-image: url(../images/icon_send.gif); background-repeat: no-repeat; background-position: 12px 0px;}
		.content .lhs .forum ul.metadata li ul li.topics {background-image: url(../images/icon_topics.gif); background-repeat: no-repeat; background-position: 12px 0px;}
		.content .lhs .forum ul.metadata li ul li.posts {background-image: url(../images/icon_posts.gif); background-repeat: no-repeat; background-position: 12px 0px;}

/* --- Begin Document Module --- */	
.content .lhs .document {
	border-bottom: 1px dotted #b9b9b9;
	padding: 5px 2px 10px 2px;
	}	

		.content .lhs .document h3 {
			background-image: url(../images/icon_documents.gif);
			background-repeat: no-repeat;
			background-position: 2px 6px;
			color: #f79124;
			font-size: .95em;
			font-weight: bold;
			padding: 5px 0px 5px 22px;
			margin: 0px 0px 0px 0px;
			border: none;
			text-transform: none;
			}	
		
		.content .lhs .document p {
			color: #000000;
			font-size: .75em;
			padding: 2px 0px 0px 22px;
			}	
		
		.content .lhs .document ul {
			color: #a3a3a3;
			font-size: .75em;
			padding: 0px 0px 0px 22px;
			overflow: auto;
			}	
		
		.content .lhs .document ul li {
			float: left;
			list-style: none;
			font-size: .95em;
			margin: 0px 10px 0px 0px;
			}	
		
		.content .lhs .document ul li span {font-weight: bold;}	



/* --- End Modules --- */
.content .lhs ul.hotlinks {
	list-style: none;
	padding: 10px 0px 0px 0px;
	}
	
		.content .lhs ul.hotlinks li a {
			color: #f79124;
			background-image: url(../images/arrow_right.png);
			background-position: 0px 2px;
			background-repeat: no-repeat;
			padding: 0px 0px 2px 20px;
			margin: 2px 0px 2px 0px;
			display: block;
			font-size: .8em;
			}
			
		.content .lhs ul.hotlinks li a:hover {color: #f5bd13; text-decoration: none;}


.content_bottom {
	background-color: #ffffff;
	background-image: url(../images/content_bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 6px;
	margin: 0px 0px 10px 0px;
	}
	
/* -------------------------------------------------------- */
/* -- FORMS -------------------------- */
/* -------------------------------------------------------- */

	input, text {
	  border: 1px solid #D86900;
	  font-family: verdana,helvetica,arial,sans-serif;
	  font-size: 11px;
	  padding-top : 0px;
	  margin-top : 0px;
	  color: #007FA9;
	  }

	input, textarea {
	  border: 1px solid #D86900;
	  font-family: verdana,helvetica,arial,sans-serif;
	  font-size: 11px;
	  padding-top : 0px;
	  margin-top : 0px;
	  color: #007FA9;
	  }

	select {
	  border: 1px solid #D86900;
	  font-family: verdana,helvetica,arial,sans-serif;
	  font-size: 9px;
	  color: #007FA9;}

	
/* -------------------------------------------------------- */
/* -- RIGHT HAND SIDE - Homepage -------------------------- */
/* -------------------------------------------------------- */

.rhs {
	width: 198px;
	padding: 20px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
	float: right;
	}
	
.rhs .button_box_header {
	background-image: url(../images/button_box_header.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 32px;
	width: 198px;
	}

.rhs .button_box_header p {display: none;}

.rhs .button_box {
	background-image: url(../images/button_box_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 8px 9px 5px 9px;
	margin: 0px 0px -5px 0px;
	}
	
.rhs .button_box_footer {
	background-image: url(../images/button_box_footer.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 10px;
	width: 198px;
	}

.rhs h3 {
	font-size: .9em;
	font-weight: bold;
	color: #777777;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 20px 3px 5px 3px;
	border-bottom: 1px solid #d1d1d1;
	}

.rhs p {
	font-size: .75em;
	color: #000000;
	padding: 0px 0px 5px 0px;
	margin: 5px 5px 5px 5px;
	border-bottom: 1px dotted #b9b9b9;
	}

	.rhs p a {
		font-size: 1em;
		font-weight: bold;
		color: #f79124;
		text-decoration: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		}

	.rhs p a:hover {color: #f5bd13;}


.rhs a.with_arrow {
	display: inline;
	background-image: url(../images/arrow_right.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0px 20px 0px 3px;
	margin: 0px 0px 0px 2px;
	font-size: .75em;
	font-weight: normal;
	color: #f79124;
	text-align: left;
	}

.rhs a.with_arrow:link {text-decoration: none;}
.rhs a.with_arrow:visited {text-decoration: none;}
.rhs a.with_arrow:hover {color: #f5bd13; text-decoration: none;}
.rhs a.with_arrow:active {text-decoration: none;}


/* -------------------------------------------------------- */
/* -- BUTTONS --------------------------------------------- */
/* -------------------------------------------------------- */

a.blue_btn {
	display: block;
	height: 27px;
	width: 180px;
	background-image: url(../images/blue_btn.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
	line-height: 200%;
	text-indent: 13px;
	margin: 5px 0px 5px 0px;
	}
	
		a:hover.blue_btn {
			color: #ffffff;
			font-weight: bold;
			background-image: url(../images/blue_btn.png);
			background-position: 0px -27px;
			background-repeat: no-repeat;
			}

a.black_btn#blog {
	margin: 0px 0px 10px -5px;
	display: block;
	height: 67px;
	width: 204px;
	background-image: url(../images/black_btn_blog.gif);
	background-position: 0px 0px;
	}
	
	a:hover.black_btn#personal {
		background-image: url(../images/black_btn_blog.gif);
		background-position: 0px -73px;
		}



		
a.black_btn {
	display: block;
	height: 51px; /* 64 - 13 (padding) */
	width: 200px;
	background-image: url(../images/black_btn.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	color: #ffffff;
	margin: 15px 0px 15px 0px;
	padding: 13px 0px 0px 0px;
	text-decoration: none;
	}

		a:hover.black_btn {
			display: block;
			height: 51px; /* 64 - 13 (padding) */
			width: 200px;
			background-image: url(../images/black_btn.gif);
			background-position: 0px -64px;
			background-repeat: no-repeat;
			color: #ffffff;
			}

		a.black_btn p {
			color: #ffffff;
			font-size: .8em;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 42px;
			width: 128px;
			text-transform: none;
			border-bottom: none;
			}

		a.black_btn p + p {
			color: #ffffff;
			font-size: .6em;
			font-weight: normal;
			margin: 0px 0px 0px 42px;
			line-height: 100%;
			}

		a.black_btn p span {
			color: #f79124;
			}
			
a.grey_btn#documents1_more,
a.grey_btn#documents2_more,
a.grey_btn#documents3_more,
a.grey_btn#documents4_more,
a.grey_btn#documents5_more,
a.grey_btn#documents6_more,
a.grey_btn#documents7_more,
a.grey_btn#documents8_more,
a.grey_btn#documents9_more,
a.grey_btn#presentations1_more,
a.grey_btn#presentations2_more,
a.grey_btn#presentations3_more,
a.grey_btn#presentations4_more,
a.grey_btn#presentations5_more,
a.grey_btn#presentations6_more,
a.grey_btn#presentations7_more,
a.grey_btn#presentations8_more,
a.grey_btn#presentations9_more {
	display: block;
	height: 19px;
	width: 87px;
	background-image: url(../images/grey_btn_down.gif);
	background-position: 0px 0px;
	color: #4e4e4e;
	font-weight: bold;
	font-size: .75em;
	line-height: 150%;
	text-indent: 10px;
	margin: 10px 0px 15px 0px;
	}
	
		a:hover.grey_btn#documents1_more,
		a:hover.grey_btn#documents2_more,
		a:hover.grey_btn#documents3_more,
		a:hover.grey_btn#documents4_more,
		a:hover.grey_btn#documents5_more,
		a:hover.grey_btn#documents6_more,
		a:hover.grey_btn#documents7_more,
		a:hover.grey_btn#documents8_more,
		a:hover.grey_btn#documents9_more,
		a:hover.grey_btn#presentations1_more,
		a:hover.grey_btn#presentations2_more,
		a:hover.grey_btn#presentations3_more,
		a:hover.grey_btn#presentations4_more,
		a:hover.grey_btn#presentations5_more,
		a:hover.grey_btn#presentations6_more,
		a:hover.grey_btn#presentations7_more,
		a:hover.grey_btn#presentations8_more,
		a:hover.grey_btn#presentations9_more {
			background-position: 0px -19px;
			}
			
a.grey_btn#documents1_less,
a.grey_btn#documents2_less,
a.grey_btn#documents3_less,
a.grey_btn#documents4_less,
a.grey_btn#documents5_less,
a.grey_btn#documents6_less,
a.grey_btn#documents7_less,
a.grey_btn#documents8_less,
a.grey_btn#documents9_less,
a.grey_btn#presentations1_less,
a.grey_btn#presentations2_less,
a.grey_btn#presentations3_less,
a.grey_btn#presentations4_less,
a.grey_btn#presentations5_less,
a.grey_btn#presentations6_less,
a.grey_btn#presentations7_less,
a.grey_btn#presentations8_less,
a.grey_btn#presentations9_less {
	display: block;
	height: 19px;
	width: 87px;
	background-image: url(../images/grey_btn_up.gif);
	background-position: 0px 0px;
	color: #4e4e4e;
	font-weight: bold;
	font-size: .75em;
	line-height: 150%;
	text-indent: 10px;
	margin: 10px 0px 15px 0px;
	}
	
		a:hover.grey_btn#documents1_less,
		a:hover.grey_btn#documents2_less,
		a:hover.grey_btn#documents3_less,
		a:hover.grey_btn#documents4_less,
		a:hover.grey_btn#documents5_less,
		a:hover.grey_btn#documents6_less,
		a:hover.grey_btn#documents7_less,
		a:hover.grey_btn#documents8_less,
		a:hover.grey_btn#documents9_less,
		a:hover.grey_btn#presentations1_less,
		a:hover.grey_btn#presentations2_less,
		a:hover.grey_btn#presentations3_less,
		a:hover.grey_btn#presentations4_less,
		a:hover.grey_btn#presentations5_less,
		a:hover.grey_btn#presentations6_less,
		a:hover.grey_btn#presentations7_less,
		a:hover.grey_btn#presentations8_less,
		a:hover.grey_btn#presentations9_less {
			display: block;
			height: 19px;
			width: 87px;
			background-image: url(../images/grey_btn_up.gif);
			background-position: 0px -19px;
			color: #4e4e4e;
			font-weight: bold;
			font-size: .75em;
			line-height: 150%;
			text-indent: 10px;
			margin: 10px 0px 15px 0px;
			}
	
/* -------------------------------------------------------- */
/* -- FOOTER - Static ------------------------------------- */
/* -------------------------------------------------------- */

.footer_static {
	width: 925px;
	background-image: url(../../images/footer_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	background-color: #c4c6c7;
	}
	
.footer_static dl {
	float: left;
	display: block;
	width: 152px;
	padding: 5px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	}

.footer_static dt a {
	font-size: .75em;
	font-weight: bold;
	width: 152px;
	display: block;
	}
	
.footer_static dd {
	font-size: .65em;
	}
	
.footer_static dd a {
	width: 152px;
	display: block;
	}

.footer_static a:link {color: #7d7d7d; text-decoration: none;}
.footer_static a:visited {color: #7d7d7d; text-decoration: none;}
.footer_static a:hover {color: #f79124; text-decoration: none;}
.footer_static a:active {color: #7d7d7d; text-decoration: none;}

.footer_static .clear {
	clear: both;
	background-image: url(../images/footer_bottom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 6px;
	margin: 0px 0px 0px -15px;
	}

/* -------------------------------------------------------- */
/* -- COPYRIGHT ------------------------------------------- */
/* -------------------------------------------------------- */

#copyright_footer {
	width: 940px;
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	color: #7d7d7d;
	font-size: .7em;
	}
	
#copyright_footer a {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 10px;
	color: #f79124;
	border-left: 1px solid #bababa;
	}
	
#copyright_footer a:hover {text-decoration: underline;}