body {margin:0px; padding:0px; background:#D7D7D7 url('http://www.visionrelaunch.com/images/bg.png') 0px 0px repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.cls {clear:both; height:0px; overflow:hidden;}
.line {clear:both; height:1px; overflow:hidden; background-color:#CCCCCC; margin:3px 0px 4px 0px;}
h1, h2, h3, h4, h5, h6, p, form, select, input, label, textarea, ul, li {margin:0px; padding:0px;}

#main {width:988px; margin:0px auto 0px auto;}

#top {width:988px; background:url('http://www.visionrelaunch.com/images/bg-top.jpg') 0px 0px no-repeat; height:95px}
#top h1 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:16px; float:right; margin:25px 27px 0px 0px; text-align:right; color:#4E4E4E;}
#top img {margin:15px 0px 0px 25px; border:none;}
#top #bar {width:940px; margin:0 auto; height:26px; line-height:26px; overflow:hidden; clear:both; background:url('http://www.visionrelaunch.com/images/bg-bar.jpg') 0px 0px repeat-x;}
#top #bar .imgLeft {float:left; margin:0px;}
#top #bar .imgRight {float:right; margin:0px;}
#top #bar .imgContact {float:right; margin:3px 10px 0px 0px;}
#top #bar #contact {float:right; width:130px; text-align:left; font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; color:#666666; font-weight:bold; padding:0px 0px 0px 0px;}
#top #bar #contact ul {float:left; width:95px; margin:0px !important}
#top #bar #contact li a {padding:4px 10px 4px 10px; font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; color:#666666; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#top #bar #contact a:hover {background-color:#93A0A6; color:#FFFFFF;}
#top #bar #contact a.selected {background-color:#93A0A6; color:#FFFFFF;}


#top #bar #contact input {margin:4px 3px 0px 0px; width:93px; height:15px; border:#CCCCCC 1px solid; float:left; font-size:11px; padding:0px 0px 0px 5px;}
#top #bar #contact input#btnGo {width:18px; height:17px; border:none; margin:4px 0px 0px 0px; display:inline;}

#top #bar ul {margin:0px 0px 0px 100px; list-style:none;}
#top #bar li {float:left;}
#top #bar li a {padding:4px 20px 4px 20px; font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; color:#666666; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#top #bar li a:hover {background-color:#93A0A6; color:#FFFFFF;}
#top #bar li a.selected {background-color:#93A0A6; color:#FFFFFF;}

#content {width:940px; background:url('http://www.visionrelaunch.com/images/bg-content.jpg') 0px 0px repeat-y; padding:0px 24px 0px 24px; color:#333333;}

#content #left {float:left; width:685px;}
#content #left #header {width:685px; height:300px; background:url(http://www.visionrelaunch.com/images/header.jpg) 0px 0px no-repeat;}

#content #left h2 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:16px; color:#663300; background:url(http://www.visionrelaunch.com/images/bg-h2.gif) 0px 0px repeat-x; height:25px; line-height:25px; overflow:hidden;margin-top:10px;}
#content #left h2 .imgLeft {float:left; margin:0px 4px 0px 0px;}
#content #left h2 .imgRight {float:right; margin:0px;}

#content #left #threeColumns {position:relative;width:683px;height:261px; background:url(http://www.visionrelaunch.com/images/bg-threeColumns.gif);background-repeat: repeat-y; background-position:top; border:#CCCCCC 1px solid;overflow:visible;}
#content #left #threeColumns .columns {width:211px; float:left; padding:0px 10px 8px 2px;position:absolute;overflow:hidden;}
/*#content #left #threeColumns .columns img{text-align:left; padding:0px;}*/
#content #left #threeColumns .columns h3 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:16px; color:#663300;}
#content #left #threeColumns .columns p {font-size:11px; line-height:12px;}
#content #left #threeColumns .columns a {float:right; color:#663300; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#content #left #threeColumns .columns h3 a {float:none;font-size:14px !important; color:#663300;display:block;padding:4px 0px 4px 0px;margin:2px 0px 2px 0px;line-height:12px;}
#content #left #threeColumns .columns h3 a:hover {font-size:14px; background-color:#D9D9D9;}

#content #right {float:left; width:245px; margin:0px 0px 0px 10px; display:inline;}
#content #right h4 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:16px; color:#663300; padding:0px 0px 0px 0px;}
#content #right h4 a {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif !important; font-size:14px !important;text-align:left;}
#content #right img.imgRight {float:right; margin:0px 0px 5px 5px;}
#content #right p {font-size:11px; line-height:16px; padding:0px 0px 5px 0px;}
#content #right span {color:#663300; font-weight:bold;}
#content #right a
{
    color: #663300;
    text-decoration: none;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:right;

}
#content #right h5
{
    font-family: "Trebuchet MS" , Arial, Tahoma, sans-serif;
    font-size: 16px;
    color: #663300;
    padding: 4px 0px 0px 15px;
    background: url(http://www.visionrelaunch.com/images/bg-h5.jpg) 0px 0px no-repeat;
    height: 20px;
    overflow: hidden;
    clip: rect(auto, auto, auto, 0px);
   
}






/*#content #right #boxQuick {width:233px; border:#999900 1px solid; border-width:0px 1px 1px 1px; font-size:11px; padding:5px; line-height:14px; margin:0px 0px 0px 0px;background: url(http://www.visionrelaunch.com/images/carousel_top_layer.gif);background-repeat: no-repeat;background-position:top;}*/

#content #right #boxQuick {width:233px; border:#999900 1px solid; border-width:0px 1px 1px 1px; font-size:11px; padding:5px; line-height:14px; margin:0px 0px 0px 0px;}
#content #right #boxQuick.home {width:234px; height:298px; border-width:0px 0px 0px 0px; font-size:11px; padding:5px; line-height:14px; margin:0px 0px 0px 0px;background: url(http://www.visionrelaunch.com/images/carousel_top_layer.gif);background-repeat: no-repeat;background-position:top;}
#content #right #boxQuick ul {list-style:none;}
#content #right #boxQuick li {padding:0px 0px 5px 0px;}
#content #right #boxQuick .carousel-component .carousel-clip-region .carousel-vertical li a {color:#663300; text-decoration:none; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;float:right;margin:0px;padding:0px;}
#content #right #boxQuick .carousel-component .carousel-clip-region .carousel-vertical li a hover{text-decoration:underline;}


#down {width:988px; background:url(http://www.visionrelaunch.com/images/bg-down.jpg) 0px 0px no-repeat; padding:30px 0px 0px 0px; text-align:center;}
#down p {color:#333333; padding:0px 0px 5px 0px; font-size:11px;}
#down p a {color:#333333; text-decoration:none;}
#down p a:hover {text-decoration:underline;}

/* interior page */
#content #left #AColumn {width:180px; float:left;overflow: hidden;}
#content #left #AColumn ul {border:#CCCCCC 1px solid; border-width:0px 1px 1px 1px; list-style:none;}
#content #left #AColumn ul li.head{font-size:11px; color:#333333;padding:2px 5px 2px 2px;background-color:#ebebe7;}
#content #left #AColumn ul li.headLoc{font-size:11px;font-weight:bold; color:#663300;padding:2px 5px 2px 2px;background-color:#ebebe7;}
#content #left #AColumn ul li.navIndent{padding:0px 0px 0px 15px;}
#content #left #AColumn li {border-top:#CCCCCC 1px solid; padding:2px 5px 2px 5px;}
#content #left #AColumn li a {font-size:11px; color:#333333; text-decoration:none;}
#content #left #AColumn li a:hover {background-color:#ebebe7; color:#663300;}

#content #left #BColumn {width:495px; float:left; margin:0px 0px 0px 10px; display:inline;overflow: hidden;}
#content #left #BColumn h1 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:17px; color:#663300; padding:0px 0px 5px 0px;}
#content #left #BColumn h3 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:16px; color:#663300; padding:0px 0px 5px 0px;}
#content #left #BColumn h4 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:15px; color:#663300; padding:0px 0px 5px 0px;}
#content #left #BColumn p {padding:0px 0px 10px 0px; line-height:14px;}
#content #left #BColumn h4 a {font-size:14px; color:#663300;}
#content #left #BColumn h4 a:hover {background-color:#D9D9D9;}



#content #left #BColumn .client_satisfaction {margin:0; padding:0;width:490px;} /* New styles added by Paul - 01.05.2008 */
#content #left #BColumn .client_satisfaction h5 {position: relative; font-family:"Trebuchet MS", Arial, Tahoma, sans-serif;line-height:20px; font-size:16px; color:#663300; padding:0px 0px 0px 10px; background:url(http://www.visionrelaunch.com/images/offers_back.gif) 0px 0px repeat-x; height:21px; overflow:hidden;} /* New styles added by Paul - 01.05.2008 */
#content #left #BColumn .client_satisfaction h5 .leftedge {position:absolute; top:0; left:0;background:url(http://www.visionrelaunch.com/images/offers_leftedge.gif) 0px 0px no-repeat; height:21px; overflow:hidden; width:7px; } /* New styles added by Paul - 01.05.2008 */
#content #left #BColumn .client_satisfaction h5 .rightedge {position:absolute; top:0; right:0;background:url(http://www.visionrelaunch.com/images/offers_rightedge.gif) 2px 0px no-repeat; height:21px; overflow:hidden; width:7px; } /* New styles added by Paul - 01.05.2008 */
#content #left #BColumn .satisfaction {margin:0; padding:5px; border: 1px solid #ccc; color: #663300; font-style: italic; font-family: Arial, Helvetica; font-size: 12px; line-height: 18px;word-wrap: break-word;overflow:visible; } /* New styles added by Paul - 01.05.2008 */
#content #left #BColumn .clients_index{padding:5px 0;}/* New styles added by Paul - 8th May 2008 */
#content #left #BColumn .clients_index img {float:right; clear:both;}/* New styles added by Paul - 8th May 2008 */

#content #left #BColumn table td{padding:10px 0px 10px 0px;}/* New styles added by Andy - 16th May 2008 */

#content #siteMap ul{list-style:none;padding:5px;}/* New styles added by Andy - 17th May 2008 */

#content #siteMap ul.section li.topHead{font-weight:bold;background-color:#D9D9D9;line-height:20px;padding:0px 0px 5px 1px;border-bottom:thin #FFFFFF;}/* New styles added by Andy - 17th May 2008 */
#content #siteMap a{font-size:10px; color:#663300;text-decoration:none;}/* New styles added by Andy - 17th May 2008 */
#content #siteMap ul.section li{padding:0px 0px 0px 10px;}/* New styles added by Andy - 17th May 2008 */
#content #siteMap ul.section li a span.title{color:#663300;font-weight:bold;}/* New styles added by Andy - 17th May 2008 */

#content #left #BColumn #siteMap td{padding:10px 0px 10px 0px;}/* New styles added by Andy - 17th May 2008 */

#content #copyright h1 {font-family:"Trebuchet MS", Arial, Tahoma, sans-serif; font-size:17px; color:#663300; padding:0px 0px 5px 0px;}

#content #menuCenter {clear:both; text-align:center; padding:15px 0px 0px 0px;}
#content #menuCenter ul {list-style:none;}
#content #menuCenter li {display:inline; padding:0px 10px 0px 0px;}
#content #menuCenter li a {text-decoration:none; color:#333333; font-size:11px;}
#content #menuCenter li a:hover {text-decoration:underline;}

#content #right .GrayTop {width:245px; background:url(http://www.visionrelaunch.com/images/border-top.gif) 0px 0px no-repeat; padding:5px 0px 0px 0px; margin:5px 0px 10px 0px;}
/*#content #right .boxGray {width:233px; height:242px; border:#C2C2C4 1px solid; border-width:0px 1px 1px 1px; font-size:11px; padding:0px 5px 5px 5px; line-height:14px; text-align:center;}*/

#content #right .boxGray {width:233px; border:#C2C2C4 1px solid; border-width:0px 1px 1px 1px; font-size:11px; padding:0px 5px 5px 5px; line-height:14px; text-align:center;}


#content #right .boxGray p {text-align:left; padding:0px 0px 1px 0px;}

#content #right .boxGray a {float:right;}

#content #right .boxGray a {float:right; clear:left;}

#content #right .boxGray strong {color:#663300;}
#content #right .boxGray p.quote {font-style:italic; font-weight:bold; color:#663300; padding:5px 0px 0px 0px;}
#content #right  .GrayTop .boxGray h4 {font-size:10px;}
#content #right .GrayTop .boxGray p a
{
    float: left;
    color: #663300;
    display: block;
    line-height: 14px;
    width: 100%;
}
#content #right .GrayTop .boxGray a
{
    float: right;
    color: #663300;
    display: block;
    line-height: 14px;
    padding:0px;
    margin:1px 0px 0px 0px;
}

#content #right  .GrayTop .boxGray h4 a:hover {background-color:#D9D9D9;}
#content #right .GrayTop .boxGray p span.author
{
    padding: 4px 0px 0px 0px;
    font-size: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    color: #333333;
}
/*#  home tout text */
#content #left  .GrayTop .boxGray p span.tout{font-size:10px;font-family:Trebuchet MS,Arial,Tahoma,sans-serif;font-weight:normal;color:#663300; float:left;}

/*#content #right h4 {margin:0px;padding:0px;}
#content #right h4 a {float:none;color:#663300;display:block;padding:4px 0px 4px 0px;margin:2px 0px 2px 0px;line-height:10px;}
#content #right h4 a:hover {background-color:#D9D9D9;}*/

#content #left #BColumn ul li {
	list-style-type: disc;
	margin: 5px 10px 10px 40px; /* New styles added by Paul - 1st May 2008 */
}
#content #left #BColumn h4.inline {
	color: #663300;
	float: left;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0px;
}/* New styles added by Paul - 7th May 2008 */

#content #left #BColumn .right_grey_box {
	border: #CCCCCC 1px solid; /* New styles added by Paul - 7th May 2008 */
	color: #663300;
	float: right;
	font-style: italic;
	margin: 10px 0 10px 10px;
	padding: 2px 5px;
	width: 160px;
}

#content #left #BColumn .text3 {
	color: #663300;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-style: italic;
	line-height: 16px; /* New styles added by Paul - 7th May 2008 */
	text-align: left;
	text-decoration: none;
}
#content #left #BColumn .client_satisfaction i {
	color: #000000; /* New styles added by Paul - 7th May 2008 */
}

#content #left #BColumn.clients_index{
	padding:5px 0; /* New styles added by Paul - 8th May 2008 */
}
#content #left #BColumn .clients_index img {
	float:right; /* New styles added by Paul - 8th May 2008 */
	clear:both;
}
#content #left #BColumn .center {
	text-align:center; /* New styles added by Paul - 8th May 2008 */
}

#content #left #BColumn .right {
	text-align:right; /* New styles added by Paul - 13th May 2008 */
}
#content #left #BColumn h5 { 
	color: #663300; text-decoration: none ; font-weight: bold; text-align: left; font-family: arial, helvetica; font-size: 11px; line-height: 11px;/* New styles added by Paul - 13th May 2008 */
	}
#content #left #BColumn h5 a {
	color: #663300; font-family:  arial, helvetica;  text-decoration: none;/* New styles added by Paul - 13th May 2008 */
	}
#content #left #BColumn h5 a:hover {
	color: #663300; background: #d9d9d9; font-family: arial, helvetica; text-decoration: none;/* New styles added by Paul - 13th May 2008 */
	}
#content #left #BColumn .note { /* New styles added by Paul - 13th May 2008 */
	color: #663300; text-decoration: none ; /*font-weight: none;*/ text-align: left; font-family: verdana, arial, helvetica; font-size: 11px; line-height: 13px; font-style: italic;
	}
#content #left #BColumn .note a {/* New styles added by Paul - 13th May 2008 */
	color: #663300; font-family: verdana, arial, helvetica; text-decoration: none;
	}
#content #left #BColumn .note a:hover {/* New styles added by Paul - 13th May 2008 */
	color: #663300; background: #ebebe7; font-family: verdana, arial, helvetica; text-decoration: none;
	}
#content #left #BColumn .thinking {/* New styles added by Paul - 13th May 2008 */
	color: #663300; text-decoration: none ; font-family: verdana, arial, helvetica; font-size: 12px; line-height: 16px;
	}
#content #left #BColumn .thinking a {/* New styles added by Paul - 13th May 2008 */
	color: #663300; font-family: verdana, arial, helvetica; font-size: 12px; text-decoration: underline;
	}
#content #left #BColumn .thinking a:hover {/* New styles added by Paul - 13th May 2008 */
	color: #663300; background: #d9d9d9; font-family: verdana, arial, helvetica; font-size: 12px; text-decoration: underline;
	}

#content #left #BColumn .more { /* New styles added by Paul - 13th May 2008 */
	color: #663300; text-decoration: none ; font-weight: bold; text-align: left; font-family: arial, helvetica; font-size: 11px; line-height: 13px;
	}
#content #left #BColumn .more a {/* New styles added by Paul - 13th May 2008 */
	color: #663300; font-family: arial, helvetica; text-decoration: none;
	}
#content #left #BColumn .more a:hover {/* New styles added by Paul - 13th May 2008 */
	color: #663300; background: #d9d9d9; font-family: arial, helvetica; text-decoration: none;
	}
#content #left #BColumn .CharlesSpinosaLeft {/* New styles added by Paul - 13th May 2008 */
	float:left;
	width:100px;
	}
#content #left #BColumn .CharlesSpinosaRight {/* New styles added by Paul - 13th May 2008 */
	float:left;
	width:390px;
	}

#content #left #BColumn .text1{/* New styles added by Paul - 13th May 2008 */
	margin:0;padding:0;color: #333333; text-decoration: none ; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 16px;
	}
#content #left #BColumn .text {/* New styles added by Paul - 13th May 2008 */
	margin:0;padding:0;color: #333333; text-decoration: none ; font-family: Verdana, Arial, Helvetica; font-size: 12px; line-height: 16px;
	}
#content #left #BColumn .text a {/* New styles added by Paul - 13th May 2008 */
	color: #333333; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: underline;
	}
#content #left #BColumn .text A:hover {/* New styles added by Paul - 13th May 2008 */
	color: #333333; background: #ebebe7; font-family: Verdana, Arial, Helvetica; TEXT-DECORATION: underline;
	}
	
	
#content #left #BColumn .thinking2 {/* New styles added by Paul - 13th May 2008 */
padding:0;color: #663300; text-decoration: none ; font-family: Verdana, Arial, Helvetica;font-weight: bold; font-size: 12px; margin-left:20px; line-height: 18px;}

#content #left #BColumn .thinking2.head{/* New styles added by Paul - 13th May 2008 */
 border:solid 0px #93a0a6; color:#663300;font-size:12px;margin-left:20px;padding:4px;margin-bottom:12px; margin-top:12px;background-color:#cccccc;}

#content #left #BColumn .thinking2 a {/* New styles added by Paul - 13th May 2008 */
	top-margin: 20px; color: #663300; font-family: Verdana, Arial, Helvetica; font-weight: bold;font-size: 12px; margin-left:0px; TEXT-DECORATION: underline }

#content #left #BColumn .thinking2.textthink {/* New styles added by Siobhan - 22nd May 2008 */
	color: #333333; font-family: Verdana, Arial, Helvetica; font-weight: normal;font-size: 12px; margin-left:20px; TEXT-DECORATION: none }

#content #left #BColumn .thinking2.textthink2 {/* New styles added by Siobhan - 22nd May 2008 */
	color: #333333; font-family: Verdana, Arial, Helvetica; font-weight: normal;font-size: 11px; margin-left:20px; TEXT-DECORATION: none }

#content #left #BColumn .thinking2.more a {/* New styles added by siobhan - 22 May 2008 */
	color: #663300; font-family: arial, helvetica; font-size: 11px; line-height:20px; margin-bottom:20px; margin-left:1px; text-decoration: none;}
	

#content #left #BColumn .LeftBox {/* New styles added by Paul - 14 May 2008 */
	float:left;
	padding:5px;
	margin: 0 5px 5px 0;
	width:100px;
	text-align:center;
	color: #663300;
	font-size:90%;
	font-weight: bold;
}
#content #left #header_1 { /* New styles added by Paul - 16 May 2008*/
	background: url('http://www.visionrelaunch.com/images/main_image1.jpg') 0px 0px no-repeat;
	height: 306px;
	width: 686px;
}

#content #left #oneColumns {	/* New styles added by Paul - 16 May 2008 */
	margin-right:7px;
	width:218px;
	float:left;
}

#content #left #oneColumns h2 { /* New styles added by Paul - 16 May 2008 */
	background: url(http://www.visionrelaunch.com/images/bg-h2.gif) 0px 0px repeat-x;
	color: #663300;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}


#content #left #oneColumns .columns {/* New styles added by Paul - 16 May 2008 */
	float: left;
	padding:0 8px 8px 8px;
	width: 200px;
	height: 220px;
	background: url(http://www.visionrelaunch.com/images/bg-threeColumns.gif) top repeat-y;
	border: #CCCCCC 1px solid;
	border-top: #CCCCCC 0 solid;
	font-size: 14px;
}
#content #left #oneColumns .columns img.imgRight {/* New styles added by Paul - 16 May 2008 */
	float: right;
	margin: 0px 0px 5px 5px;
}
#content #left #oneColumns .columns a{ /* New styles added by Paul - 16 May 2008 */
	color: #000;
	text-decoration: none;
}
#content #left #oneColumns .columns a:hover{ /* New styles added by Paul - 16 May 2008 */
	text-decoration: underline;
}
#content #left #oneColumns .columns a.right { /* New styles added by Paul - 16 May 2008 */
	color: #663300;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#content #left #oneColumns span { /* New styles added by Paul - 16 May 2008 */
	color: #663300;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
	font-weight: bold;
	}
#content #left #oneColumns ol { /* New styles added by Paul - 16 May 2008 */
	margin:0;padding:0 0 0 25px;
	}
#content #left #oneColumns ol li{ /* New styles added by Paul - 16 May 2008 */
	margin:0;padding:0 0 0 0px;
	}

#content #left #oneColumns .columns a img { /* New styles added by Paul - 16 May 2008 */
	border:0;
}

#content #right .ColorRightBox {/* New styles added by Paul - 16 May 2008 */
	 margin:0;
	 padding:0 0 2px 0;
	 width:243px;
	 background: #cecb32 url(http://www.visionrelaunch.com/imagesimages/bg_r_t_new.gif) left top no-repeat;
}
#content #right .ColorRightBox div {/* New styles added by Paul - 16 May 2008 */
	 margin:0 auto 5px auto;
	 padding:0;
	 width:236px;
	 height: 100px;
	 background: #fff url(http://www.visionrelaunch.com/images/bg_r_t_new-1.gif) left top no-repeat;
}
#content #right .ColorRightBox h2 {/* New styles added by Paul - 16 May 2008 */
	 margin:5px;
	 padding:0;
	color: #663300;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
#content #right .ColorRightBox h3 {/* New styles added by Paul - 16 May 2008 */
	 margin: 5px 5px 0 5px;
	 padding:0;
	color: #663300;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
#content #right .ColorRightBox p {/* New styles added by Paul - 16 May 2008 */
	margin: 5px 5px 0 5px;
	padding:0;
	font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
	font-size: 14px;
}
/*carousel override styles for home page*/
#right #boxQuick .carousel-component { 
margin:0px;
width:243px; /* seems to be needed for safari */
background-color:#ffffff;
padding:0px;
}
#right #boxQuick .carousel-component .carousel-clip-region
{
    FONT-SIZE: 11px;
    LINE-HEIGHT: 14px;
    TEXT-ALIGN: center;
    width:243px;
}
#right #boxQuick .carousel-component .carousel-clip-region .carousel-list li.line
{
    CLEAR: both;
    MARGIN: 2px 0px 2px 0px;
    OVERFLOW: hidden;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #cccccc
}
#right #boxQuick .carousel-component .carousel-clip-region .carousel-list P
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 1px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: center
}
/*--#right #boxQuick .carousel-component .carousel-clip-region .carousel-list A
{
    CLEAR: left;
    FLOAT: right;
    PADDING-RIGHT: 10px;
}
#right #boxQuick .carousel-component .carousel-clip-region .carousel-list STRONG
{
    COLOR: #663300
}*/
#right #boxQuick .carousel-component .carousel-clip-region .carousel-list li { 
margin:0px;
padding:0px; 
width:233px; /* img width is 75 px from flickr + border-top (1) + border-bottom(1) */
}
#right #boxQuick .carousel-component .carousel-clip-region .carousel-list li img{ 
margin:1px 0px 0px 0px;
}

/* Applies only to vertical carousels */
#right #boxQuick .carousel-component .carousel-clip-region .carousel-vertical li { 
margin-bottom:0px;
height:84px;  /*image + row of text (87) + border-top (1) + border-bottom(1) */
}

#right #boxQuick #up-arrow { 
cursor:pointer; 
margin-left:106px;
margin-top:0px;
}

#right #boxQuick #down-arrow { 
cursor:pointer; 
margin-left:104px; /* just ([width+margins]95/2)-([arrow width]26/2) 45-13=32 */
margin-top:0px;
}
/**
 * Copyright (c) 2006-2007, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 *
 * Version 0.6.1 - 07.08.2007
 *
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;   /* causes the clipping */
	display:none; /* component turns it on when first item is rendered */
	
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

/**
 * VERTICAL CAROUSEL DEFAULTS
 **/
.carousel-component .carousel-vertical li { 
	margin-bottom:0px;

	/* Fix for extra spacing in IE */
	float:left;
    clear:left;  
	
	/* Force the LI to respect the HEIGHT specified */
	overflow:hidden;
	display:block;
}

/* For vertical carousel, not set, width defaults to auto */
/* Note if you explicitly set width to auto, this might cause */
/* problems with Safari... as in up/down button not working in some examples. */	 
.carousel-component ul.carousel-vertical {
/*	width:auto;*/
}

.carousel-component .carousel-clip-region { 
	overflow:hidden; /* Secret to the clipping */
	margin:0px auto;
	position:relative; 
}

/**
 * ==============================================================================
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/
.carousel-component { 
	background:#e2edfa;
	padding:0px;
	-moz-border-radius:6px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px;
	line-height:0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}