body { padding: 0px; margin: 0px; background-color: #F2DAAA; }
body, p, span, div, td, ul, li { font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; color: #3B2F21; }
a, a:link, a:visited, a:active, p:link, p:visited, p:active, normal, commandbutton, commandbutton:hover { color:#A56B30; font-family: Trebuchet MS, Verdana, Arial; font-size: 12px;}

.outerLeft { background-image: url('../images/bgLeft.jpg'); background-position: right top; background-repeat: repeat-y }
.outerLeft div { background-image: url('../images/bgLeftStripes.jpg'); background-position: right top; background-repeat: repeat-y; height: 100%; width: 100% }
.outerRight { background-image: url('../images/bgRight.jpg'); background-position: left top; background-repeat: repeat-y }
.outerRight div { background-image: url('../images/bgRightStripes.jpg'); background-position: left top; background-repeat: repeat-y; height: 100%; width: 100% }

.outerMid { border-left: 11px solid #3D2504; border-right: 11px solid #3D2504; background-color: #ffffff; }

.headerLeft { padding-left: 25px; }
.headerRight { background-repeat: no-repeat; background-position: right; padding-right: 315px; }
.headerRight a, .headerRight a:link, .headerRight a:visited, .headerRight a:active { font-weight: bold; text-decoration: none; color: #A56B30; }
.headerRight a img { margin-left: 3px; }
.content a, .content a:link, .content a:visited, .content a:active { font-weight: bold; text-decoration: none; color: #A56B30; }

.homePane, .contentPane { padding: 20px; }
/* Removed BY EVS per Customer Request
.contentPane { background-image: url('../images/contentBg.jpg'); background-repeat: no-repeat; background-position-y:50% vertical-align: top;}
*/
.contentPane,{ width: 725px; }

/* Width of content pane with gradient on left */
.contentPane2 { width: 525px; }	
.contentTitle { margin-top: 0px; font-size: 20px; color: #3B2F21; }
/*
.contentPane a { font-weight: bold; text-decoration: none; color: #A56B30; }
*/
.secondaryTitle { font-size: 14px; font-weight: bold; color: #000000; }
.secondaryNav { background-image: url('../images/secNavBg.jpg'); background-repeat: no-repeat; padding: 10px }
.secondaryNav a { font-weight: bold; text-decoration: none; color: #A56B30; }

.alphaTitle { background-color: #FF9900; padding: 3px 8px 3px 8px; font-weight: bold; }
.alphaTable td { font-size: 11px; }

.portfolioImages td a img { border: 3px solid #3D2504; padding: 1px; }
.supportingImages a img { border: 3px solid #3D2504; padding: 1px; }

.Imagesborder td a { color: #000000; }
.Imagesborder td a img { border: 3px solid #3D2504; padding: 1px; }
.Imagesborder a img { border: 3px solid #3D2504; padding: 1px; }
.Imagesborder td a:hover img { border: 3px solid #FF9900; padding: 1px; }
.Imagesborder a:hover img { border: 3px solid #FF9900; padding: 1px; }

.footer { background-color: #F2DAAA; font-size: 11px; }
.footer a { color: #3B2F21; }

/* CUSTOM CASE STUDY MODULE - STYLING 1*/

#gallery {position:relative; width:686px; margin:40px auto; padding:10px; border:6px solid #fff; background:#AAA}
#images {border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px}
#image {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#imagedesc {position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat}
#image img {position:absolute; top:5px; left:5px}
#thumbwrapper {margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF}
#thumbarea {position:relative; overflow:hidden; height:100px; width:682px; }
#thumbs {position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF}
#thumbs li {float:left; margin-right:5px; cursor:pointer}
.imgnav {position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer}
#previmg {left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF}
#previmg:hover {opacity:1; filter:alpha(opacity=100)}
#nextimg {right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF}
#nextimg:hover {opacity:1; filter:alpha(opacity=100)}

/* CUSTOM CASE STUDY MODULE - STYLING 2*/

	#dhtmlgoodies_slideshow{
		width:720px;	/* Total width of slideshow */
		

	}
	
	#previewPane{
		border:1px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:30px;
		
		
		
		/* CSS HACK */
		height: 452px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:580px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:300px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:left;	/* Floating */
		
		/* CSS HACK */
		height: 463px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/447px;	/* Other browsers */
		height: /**/447px;
		
		/* CSS HACK */
		width: 124px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:1px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
		position:relative;
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;
		position:absolute;
		bottom:0px;
		z-index:100;
	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
		position:absolute;
		top:0px;
		z-index:100;
	}
	
	#theImages{	/* DIV where the images are located */
		top:35px;
		position:absolute;
		overflow:hidden;
		height:385px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}

/* BUTTON STYLING */
input.btn { 
        color: #3B2F21; 
        font-family: Trebuchet MS, Verdana, Arial; 
        font-size: 12px; 
        font-weight: bold;
        background-color: transparent;
        border: 3px solid;
        border-top-color: #3D2504;
        border-left-color: #3D2504;
        border-right-color: #3D2504;
        border-bottom-color: #3D2504;
}
input.btn:hover { 
        color: #3B2F21; 
        font-family: Trebuchet MS, Verdana, Arial; 
        font-size: 12px; 
        font-weight: bold;
        background-color: #FF9900;
        border: 3px solid;
        border-top-color: #3D2504;
        border-left-color: #3D2504;
        border-right-color: #3D2504;
        border-bottom-color: #3D2504;
}
/* CUSTOM SCROLL BAR IN CASE STUDY MODULE */

 BODY
 { background-color:#000000;
   scrollbar-face-color:#3D2504;
   scrollbar-arrow-color:#F2DAAA;
   scrollbar-track-color:white;
   scrollbar-shadow-color:rgb(0,0,0);
   scrollbar-highlight-color:rgb(0,0,0);
   scrollbar-3dlight-color:#808080;
   scrollbar-darkshadow-Color:#202020;
 }

/* DNN CORE STYLING */

.ControlPanel {
	BORDER-RIGHT: #3D2504 2px solid;
	BORDER-TOP: #3D2504 2px solid;
	BORDER-LEFT: #3D2504 2px solid;
	WIDTH: 100%;
	BORDER-BOTTOM: #3D2504 2px solid;
	HEIGHT: 64px;
	BACKGROUND-COLOR: #ffffff
}

.Skinobject, A.Skinobject, A.Skinobject:link, A.Skinobject:visited, A.Skinobject:active  { 
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px; 
	color: #3B2F21; 
	text-decoration: none; 
}

A.Skinobject:hover    {
    font-family: Trebuchet MS, Verdana, Arial;
	font-size: 12px; 
	color: #3B2F21; 
	text-decoration: none;
	font-weight: bold;
}
	
/* MENU CONTROLS */
/* Main Menu */

.MainMenu_MenuContainer{ background:transparent;width:100%}
.MainMenu_MenuBar{}
.MainMenu_MenuIcon{ display:none; }
.MainMenu_RootMenuArrow{ display:none; }
.MainMenu_MenuArrow{ display:none; }
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItem,.submenuitembreadcrumb{
	color:#000000;	font-weight:bold; font-size:14px; font-family: Trebuchet MS, Verdana, Arial;
	padding:2px 2px 2px 2px;
	border:1px #CC5500 solid; border-width:1px 0px;
}
.submenuitemselected{
	border:1px #FAFCFD solid;
	font-size:14px; font-family: Trebuchet MS, Verdana, Arial;
	font-weight:bold;
	padding:2px 2px 2px 2x;
	color:#F2DAAA;		
	background:#A9C5D5;	
	border-width:1px 0px;
}
.submenu{
	z-index:1000;
	border:1px #A1BDCC solid;
	font-size:14px; font-family: Trebuchet MS, Verdana, Arial;
	font-weight:bold;
	color: #F2DAAA;
	background:#FAFCFD;
}
.rootmenuitem TD{ 
	color:#3B2F21; font-size:16px; font-weight:bold; font-family: Trebuchet MS, Verdana, Arial;
	background:url('../images/nav_qcfc_bg.jpg') right 50%;
	height:36px; padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:0px; background-repeat:repeat
}
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
	color:#F2DAAA; font-size:16px; font-family: Trebuchet MS, Verdana, Arial; font-weight:bold;
	background:url('../images/nav_qcfc_bg.jpg') right 50%;
	height:36px; padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:0px; background-repeat:repeat
} 
.MainMenu_MenuBreak{display:none;}