/* Start of CMSMS style sheet 'ccm_base' */
/*
 *	base.css
 *
 *	This file defines the basic styles for the site.
 *	The main content should use these styles except
 *	in special cases.
 *	In other words, this file should style the elements as they should
 *	look in the main content area.
 */


/*
 *	Required style defs
 */
body
{
	/* recommended styles */

	/* add custom styles here */
	font-family: arial, verdana, sans-serif;
	background-color: #E8E7C6;
	padding-bottom: 50px;
}


body.white
{     background-color : #FFFFFF;
}

h1
{
	/* recommended styles */

	/* add custom styles here */
	font-size: 290%;
}

h2
{
	/* recommended styles */

	/* add custom styles here */
	font-size: 215%;
	color: #CC4318;
	padding-bottom: 30px;
        font-weight: normal;
}

h3
{
	/* recommended styles */

	/* add custom styles here */
	font-size: 215%;
	padding-bottom: 10px;
}

h4
{
	font-size: 105%;
	font-weight: bold;
	padding-bottom: 1.65em;
}

h5
{
	color: #ffffff;
	background-color: #CC4318;
	font-size: 115%;
	text-transform: uppercase;
	padding: 4px 4px 4px 4px;
	line-height: 1em;
}




h6
{
	color: #ffffff;
	background-color: #333333;
	font-size: 80%;
	padding: 5px 5px 3px 5px;
	line-height: 1em;
}
	

a
{
	color: #333333;
	text-decoration: underline;
}
a:link
{}
a:visited
{}
a:hover
{
	text-decoration: none;
}
a:active
{}

p
{
	/* recommended styles */

	/* add custom styles here */
	padding-bottom: 1em;
}

ul
{
	/* recommended styles */
	list-style: disc outside;
	margin-left: 2em;

	/* add custom styles here */
	padding-bottom: 1em;
}
#container ul ul
{
	padding-bottom: 0;
}
ol
{
	/* recommended styles */
	list-style: decimal outside;
	margin-left: 2.5em;

	/* add custom styles here */
	padding-bottom: 1em;
}

hr{}

div {}

li {}

input {}

select {}

/* reset.css removes this */
strong
{
	font-weight: bold;
}

/* reset.css removes this */
em
{
	font-style: italic;
}


/*
 *	Optional style defs
 *
 *	These are elements that should be specified
 *	for a more complete style sheet.
abbr
acronym
button
 */
table
{
	/* recommended styles */

	/* add custom styles here */
}

table.move_up
{margin-top : -40px; }

caption
{
	/* recommended styles */

	/* add custom styles here */
	font-weight: bold;
	background-color: #888;
}
th
{
	/* recommended styles */

	/* add custom styles here */
	font-weight: bold;
}
td
{
	/* recommended styles */

	/* add custom styles here */
	/*border: 1px solid #888;*/
}
blockquote
{
	/* recommended styles */

	/* add custom styles here */
	padding-left: 2em;
}
cite
{
	/* recommended styles */
	font-style: italic;

	/* add custom styles here */
}
code
{
	/* recommended styles */
	white-space: pre;

	/* add custom styles here */
}
/*
dd
h4
h5
h6
...
 */

/* End of 'ccm_base' */

/* Start of CMSMS style sheet 'ccm_content' */
/*
 *	content.css
 *
 *	This file defines any special case styles
 *	for the main content area as well as any
 *	unique style for secondary content areas.
 */
#logo img
{
	float: left;
	padding-bottom: 3px;
}
#split_grey .left img,
#split_striped .left2 img,
#split_striped .left2_team img,
#other_imgs img
{
	float: left;
}
#split_striped .left img
{
	float: none;
	display: block;
	margin: auto;
}
#split_striped .left2 .link,
#split_striped .left2_team .link
{
	float: left;
	margin-right: 3px;
	margin-bottom: 4px;
	position: relative;
}
#split_grey *,
#split_striped *
{
	line-height: 1.65em;
}
#split_grey h1,
#split_striped h1
{
	line-height: 1.5em;
        margin-top: 0px;
}
#split_grey h3,
#split_striped h3
{
	line-height: 1em;
}
#split_grey p,
#split_striped p
{
	line-height: 1.55em;
	padding-bottom: 1.65em;
	font-size : 110%;
        margin-top : -20px;
}


img.headingimg
{
	float: left;
	padding-right: 8px;
	padding-bottom: 8px;
}

#other_imgs .link
{
	float: left;
	margin-right: 4px;
}
#other_imgs .link h6
{
	font-size: 100%;
}
.image
{
/*	position: relative;*/
	float: left;
	overflow: hidden;
}
.cover
{
	/*position: absolute;*/
	bottom: -1px;
	left: 0;
	background-color: white;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	opacity:.5;
	width: 100%;
	height: 117px;
}
.selected .cover
{
	display: none;
}
#other_imgs .cover,
.left2 .scroll .cover,
.left2_team .scroll .cover
{
	display: none;
}
#other_imgs .selected .cover,
.left2 .scroll .selected .cover,
.left2_team .scroll .selected .cover
{
	display: block;
}

.overlay_header
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: white;
	float: left;
	padding: 3px 42px 3px 7px;
	font-size: 80%;
	text-transform: uppercase;
	font-weight: bold;
	color: black;
}

#container *
{
	line-height: 1.75em;
}
#container h2
{
	line-height: 1em;
}
h4.portfolio
{
	padding: 0 0 3px 0;
	font-size : 130%;
	color: #D25425;
}
h4.nopad
{
	padding: 0;
}
#container p,
#container ul
{
	line-height: 1.75em;
	padding-bottom: 1.75em;
}

#split_striped .team_detail
{
	height: 225px;
	padding-right: 0px;
	overflow: hidden;
	/*background : red;*/
	width : 528px; 
	margin-left: -200px;
}
#split_striped .team_detail p
{
	line-height: 1.15em;
	padding-bottom: 1em;
}
#split_striped .team_detail p.name
{
	font-weight: bold;
	padding-top: 5px;              /*JAH was 65*/
	padding-bottom: 20px;
}
img.team_member
{
	float: right;
	padding: 0 0px 4px 4px;
}
/* End of 'ccm_content' */

/* Start of CMSMS style sheet 'ccm_fonts' */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:100% arial,helvetica,clean,sans-serif;}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}

/* End of 'ccm_fonts' */

/* Start of CMSMS style sheet 'ccm_jScrollPane' */
.jScrollPaneContainer {
	position: absolute;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	margin : 5px 0 40px 0;
	/*margin-top : 5px;
	margin-bottom : 40px;*/
	height: 100%;
	background: url(../uploads/images/stripes2.gif) top center repeat;
}
.jScrollPaneDrag {
	position: absolute;
	/*background: #3A4051;*/
	background: url(../uploads/images/scroll_drag.gif) top center repeat;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background: url(../uploads/images/scroll_up_arrow.gif) top center no-repeat;*/
	background: url(../uploads/images/scroll_up_arrow2.gif) top center no-repeat;
	height: 21px;
}
.left2 a.jScrollArrowUp
{
	height: 13px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background: url(../uploads/images/scroll_down_arrow.gif) bottom center no-repeat;*/
	background: url(../uploads/images/scroll_down_arrow2.gif) bottom center no-repeat;
	height:21px;
}
.left2 a.jScrollArrowDown
{
	height: 13px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* End of 'ccm_jScrollPane' */

/* Start of CMSMS style sheet 'ccm_layout' */
#page
{
	/* recommended styles */
	

	/* add custom styles here */
	background-color: #FFFFFF;
	width: 100%;
	min-width: 800px;
}

#page_home
{
	background-color: #E8E7C6;
}

#homepage_content_across { margin-top : -10px;  }
/*
 * Header style Definitions
 */
#header
{
	/* recommended styles */

	/* add custom styles here */
	width: 800px;
	margin: auto;
	height: 98px;
}
#headerbody
{
	/* recommended styles */

	/* add custom styles here */
}
#headerbody #toplink
{
	margin-left: 540px;
	padding: 6px 12px;
	height: 25px;
	overflow: hidden;
	background: url(uploads/images/btn_portfolio_rust.gif) top left no-repeat;
	font-size: 90%;
	
	text-transform: uppercase;
	letter-spacing: 2px;
}
#headernav
{
	/* recommended styles */
	width: 798px;
	float: left;

	/* add custom styles here */
	/*border: 1px solid #999999;*/
}

/*
 * Body style Definitions
 */
#body
{
	/* recommended styles */
	clear: both;

	/* add custom styles here */
	width: 800px;
	margin: auto;
	padding-top: 0px;
	font-size: 85%;
}

#body .home 
{
	background-color: #E8E7C6;
}

#body .white
{
	background-color: #FFFFFF;
    clear: both;
}

#split_grey
{
	margin-top: 6px;
	background: url(uploads/images/split_grey.gif) top right repeat-y;
	float: left;
	width: 100%;
}
#split_grey .left
{
	float: left;
	width: 401px;
	padding-right: 6px;
}
#split_grey .grey
{
	padding: 7px;
	margin-left: 407px;
	color: #333333;
        padding-bottom : 0px;
}

#split_grey_home
{
	margin-top: 0px;
	float: left;
	width: 100%;
        background-color:#c95124;   /*#c95124 rust*/ 
}
#split_grey_home .left
{
	float: left;
	width: 600px;
	padding-right: 6px;
	/*ackground-color : green;*/
}
#split_grey_home .right
{	font-size: 120%;
	padding-right : 10px;
	background-color : #c95124;
	height: 415px;
}


/*-----portfolio_main left side of page-----------------------------*/ 

#portfolio_main
{
	margin-top: 0px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
/*	clear: both;*/
}

#portfolio_main .left
{
	float: left;
	width: 400px;
	padding-right: 11px;
	text-align: center;
}

#portfolio_main .right
{
	color: #333333;
	margin-left: 468px;
	width:326px;
}


.portfolio_head
{  height: 26px;
    bgcolor : blue;
}

#portfolio_main h5
{   
  margin : 0;
  padding : 3px;
  text-align : left;
  font-size : 9pt;
}
#portfolio_main h5 a
{   
   color : #ffffff;
   text-decoration : none;
   width: 100%;
}
#portfolio_main h5 a:hover
{   
   color : #3A4051;  /*blue*/
}

#portfolio_main .image a:hover
{
	background-color: white;
	width: 100%;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.50;
  	/* for Mozilla */
  	-moz-opacity:0.50;
}



/*--- scrolling on the right side of the page --*/
.scroll_portfolio {
height : 270px;
scroll : auto;
overflow : auto;
padding-right : 10px;
}

.scroll_portfolio h3 {
margin-top : 0px;
font-size : 13pt;
font-weight : normal;
color:#c95124;   /*#c95124 rust*/ 
padding : 0;
}
.scroll_portfolio p{
font-size : 13px;
color:#000000;
}

 
 /* -------------------------------------------------------- */
 
 /*-----portfolio_main left side of page-----------------------------*/ 

#team_main
{
	margin-top: 0px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
/*	clear: both;*/
}

#team_main .left
{
	float: left;
	width: 200px;
	padding-right: 11px;
	text-align: center;
}

#team_main .right
{
	color: #333333;
	margin-left: 468px;
	width:326px;
}


.team_head
{  height: 26px;
    bgcolor : blue;
}

#team_main h5
{   
  margin : 0;
  padding : 3px;
  text-align : left;
  font-size : 9pt;
}
#team_main h5 a
{   
   color : #ffffff;
   text-decoration : none;
}
#team_main h5 a:hover
{   
   color : #3A4051;  /*blue*/
}

#team_main .image a:hover
{
	background-color: white;
	width: 100%;
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.50;
  	/* for Mozilla */
  	-moz-opacity:0.50;
}



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

#split_striped
{
	margin-top: 6px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
  background-color : green;    /*JAH*/
}
#split_striped .left
{
	float: left;
	width: 400px;
	padding-right: 11px;
	text-align: center;
	position: relative;
}
#split_striped .striped
{
	color: #333333;
	margin-left: 411px;
	width:386px;
}
#split_striped .striped .scroll
{
	height: 215px;
	overflow: auto;
	padding-right: 26px;

}
#split_striped .left2
{
	float: left;
	width: 463px;             #JAH  (464)
	background : green;
}
#split_striped .left2_team
{
	float: left;
	/*background : red;*/
	width: 265px;             #JAH
}
#split_striped .left2 .scroll
{
	height: 230px;
	overflow: auto;
}
#split_striped .left2 h5
{
	font-size: 115%;
}


#split_striped .left2_team .scroll
{
	height: 300px;             /* JAH 230 */
	overflow: auto;
}
#split_striped .left2_team h5
{
	font-size: 120%;
}



#split_striped .striped2
{
	color: #333333;
	margin-left: 467px;
	width: 330px;
       /* background-color : red;*/
}
#split_striped .striped2 .scroll
{
	height: 266px;                 #JAH height of right scroll  (266)
	overflow: auto;
	padding-right: 8px;
	/*background : green;*/
}

/*--*/
#split_striped_team
{
	margin-top: 6px;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
#split_striped_team .left
{
	float: left;
	width: 400px;
	padding-right: 11px;
	text-align: center;
	position: relative;
}
#split_striped_team .striped
{
	color: #333333;
	margin-left: 411px;
	width:386px;
}
#split_striped_team .striped .scroll
{
	height: 215px;
	overflow: auto;
	padding-right: 26px;
}
#split_striped_team .left2
{
	float: left;
	width: 465px;             #JAH
}
#split_striped_team .left2 .scroll
{
	height: 230px;
	overflow: auto;
}
#split_striped_team .left2 h5
{
	font-size: 13px;
}
#split_striped_team .striped2
{
	color: #333333;
	margin-left: 467px;
	width: 330px;
}
#split_striped_team .striped2 .scroll
{
	height: 264px;
	overflow: auto;
	padding-right: 16px;
}


/*--*/


#home_portfolio_btn
{	float: left;
	width : 150px;
	height: 31px;
}

#portfolio_btn
{	float: right;
	width : 150px;
	height: 31px;
        margin : -50px 15px 0px -30px;
}


#other_imgs
{
	clear: both;
	background-color: #999999;
	float: left;
	width: 100%;
	margin-bottom: 15px;
}
#orange_quote             
{
	clear: both;		
	color: #C0320D;
        padding : 3px 5px 10px 10px;
	/*background : blue;*/
}
#orange_quote .home
{      line-height: 33px;
}

#quote
{
	clear: both;
	color: #333333;
	padding-top: 0px;
	padding-right: 163px;
}
#container
{
	/* recommended styles */
	clear: both;

	/* add custom styles here */
	padding: 20px 50px;
	border: 1px solid #cccccc;
	font-size: 105%;
	/*position: relative;*/
}
#container #column1
{
	float: left;
	width: 320px;
}
#container #column2
{
	margin-left: 380px;
}

#container_home
{
	/* recommended styles */
	clear: both;

        margin-top : -20px;
	/* add custom styles here */
	padding: 80px 100px;
	/*border: 1px solid #cccccc;*/
	font-size: 105%;
	position: relative;
	background-color : #d7d7bb;
}
#container_home #column1
{
	float: left;
	width: 280px;
}
#container_home #column2
{
	margin-left: 325px;
}
#container_home #column2 li
{
	margin-left : -28px;
        padding-bottom : 6px;
}


#rotating_home_features
{ 	/*background : green;*/
	float: right;
	margin : 50px 14px 0 0;
	width : 150px;
}


#rotating_home_features .feature
{	width : 100px;
	height: 100px;
	background : blue;
	margin-left : 25px;
}

#rotating_home_features .feature_divider
{	width : 100px;
	height: 10px;
	/*background : red;*/
	margin-left : 25px;
}











/*
 * Footer style Definitions
 */
#footer
{
	/* recommended styles */
	clear: both;
	margin-top: 13px;

	/* add custom styles here */
	background: url(uploads/images/footer_bg.gif) top left repeat-x;
}
#footercover
{
	background: url(uploads/images/cover.gif) top left no-repeat;
}
#footercover_home
{
	background: url(uploads/images/cover_home.gif) top center no-repeat;
}
#footernav
{
	width: 800px;
	margin: auto;
	padding-bottom: 5px;
}
#footerbody
{
	background-color: #D25425;
	clear: both;
}
#footerbody #contact
{
	background-color: #3A4051;
	width: 782px;
	margin: auto;
	color: #ffffff;
	padding: 4px 9px 3px 9px;
	line-height: 16px;
	font-size: 85%;
	text-align : left;
	text-transform: uppercase;
	
}

#footerbody #contact a
{
	color: #ffffff;
}
/* End of 'ccm_layout' */

/* Start of CMSMS style sheet 'ccm_nav' */
/*******************************************************\
 * You can change this file to make different nav layouts
 * using the markers below.
 *
 * Markers:
 *
 *
 * Right align the top nav
 * -------------------------
 * m1 - change to [float: right;]
 *
\*******************************************************/

/* top nav items */
#headernav .navtop
{
	/* recommended styles */
	list-style: none;
	margin: 0;
	padding: 0;
	float: left; /* maker :m1: */
	/* width: 100%;  == Use this line to make the navtop <ul> span the entire width */

	/* add custom styles here */
	font-size: 12px;
	padding: 0px 5px;
}
#headernav .navtop li
{
	/* recommended styles */
	float: left;

	/* add custom styles here */
	padding: 0px 16px 0px 10px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}
#headernav .navtop li.first 
{
	padding-left: 0;
}
#headernav .navtop li.last
{
	padding-right: 0;
	background: none;
}
#headernav .navtop li a
{
	/* recommended styles */

	/* add custom styles here */
	color: #3A4051;
	text-decoration: none;
	display: block;
	line-height: 1em;
	padding: 3px 0;
}
#headernav .navtop li a:hover,
#headernav .navtop li.selected a,
#headernav .navtop li.selected li.selected a,
#headernav .navtop li.selected li a:hover
{
	/* recommended styles */

	/* add custom styles here */
	text-decoration: none;
	color: #D25425;
}
#headernav .navtop li.selected li a
{
	color: #3A4051;
}

/* dropdown nav items */
#headernav .navtop li ul
{
	/* recommended styles */
	display: none;
	position: absolute;
	z-index: 10;
	list-style: none;
	margin: 0;
	padding: 0;

	/* add custom styles here */
	margin-left: -1px;
	width: 191px;
	border-top: 1px solid #999999;
}
#headernav .navtop li:hover ul,
#headernav .navtop li.hover ul
{
	/* recommended styles */
	display: block;
}

/* needed for safari if drop down is going over flash
 * without this, the drop down flickers or even becomes invisible
 * when you mouse over it.
 * This is a hack that causes safari to redraw the drop down nav on top of the flash
 */
#headernav .navtop li:hover ul.redraw,
#headernav .navtop li.hover ul.redraw
{
	/* recommended styles */
	border-bottom: 1px hidden transparent;
}

#headernav .navtop li ul li,
#headernav .navtop li ul li.first
{
	/* recommended styles */
	float: left;
	width: 175px;
	position: relative;
	z-index: 10000;

	/* add custom styles here */
	background: none;
	padding: 0px 8px;
	text-transform: none;
	font-size: 90%;
	background-color: #E8E7C6;
	letter-spacing: normal;
}
#headernav .navtop li ul li.last
{
	padding-bottom: 5px;
	padding-right: 8px;
	background-color: #E8E7C6;
}
#headernav .navtop li li a
{
	padding: 6px 0 5px 0;
	position: relative;
}




/* sub nav styles */
.navchild
{
	list-style: none;
	margin: 0px;
	padding-bottom: 1.65em;
	font-size: 100%;
}

.navchild li a
{
	color: #333333;
	font-weight: bold;
}

.navchild li a:hover
{
	text-decoration: none;
	/*color: green;*/
}
.navchild li a:visited
{
	color: #666666;
}

/* level3 nav on portfolio pages */
.nav_level3 
{
	float: left;
	width: 100%;
	background-color: #3A4051;
	list-style: none;
	padding: 0px 0 2px 0;
	margin: 6px 0 0 0;
	font-size: 120%;
	margin-bottom: 8px;
}
.nav_level3 li
{
	float: left;
	padding: 5px 10px 3px 19px;
	/*background: url(uploads/images/white_plus.gif) left .7em no-repeat;*/
	text-transform: uppercase;
}
.nav_level3 li.first
{
	background: none;
}
.nav_level3 li a
{
	color: #ffffff;
	text-decoration: none;
	line-height: 1em;
	display: block;
	float: left;
}
.nav_level3 li a:hover,
.nav_level3 li.selected a
{
	/* recommended styles */

	/* add custom styles here */
	text-decoration: none;
	/* color: #D25425;   this is the RED, hard to read, per Lydia  */
	color : #cccccc;
}

/*footer nav styles */
#footernav ul
{
	float: left;
	background-color: #3A4051;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 3px 9px;
	font-size: 90%;
}
#footernav ul li
{
	float: left;
	padding: 0 13px 0 10px;
	background: url(uploads/images/orange_plus.gif) right .3em no-repeat;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#footernav ul li.first
{
	padding-left: 0;
}
#footernav ul li.last
{
	padding-right: 0;
	background: none;
}
#footernav ul li a
{
	color: #ffffff;
	text-decoration: none;
}
#footernav ul li a:hover,
#footernav ul li.selected a
{
	/* recommended styles */

	/* add custom styles here */
	text-decoration: none;
	color: #D25425;
}

/* navigation on the teams page */
.nav_gallery
{
	float: left;
	padding: 6px 0 0 0;
	margin: 0;
	list-style: none;
	text-transform: uppercase;
	font-size: 120%;
}
.nav_gallery li
{
	float: left;
	width: 265px;
	margin-right: 2px;
}
.nav_gallery li.last
{
	margin-right: 0;
}
.nav_gallery li a
{
	display: block;
	background-color: #3A4051;
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0 2px 9px;
}
.nav_gallery li.selected a,
.nav_gallery li a:hover
{
	background-color: #D25425;
}




#toplink a
{
	color: #ffffff;
	text-decoration: None;
}
#toplink a:hover
{
	color: #dadabd;
}

#home_portfolio_btn a
{	color : #FFFFFF;
	 text-decoration : none;
	 margin : 20px 0px 0px 10px;
	 display: block;
 	width : 150px;
	height: 31px;
	background: url(uploads/images/btn_portfolio_home.gif) top left no-repeat;
}

#home_portfolio_btn .text
{	font-weight: bold;
 	padding: 5px 0 0 18px;
}

#home_portfolio_btn a:hover
{	color : #dadabd;
	background: url(uploads/images/btn_portfolio_home_mo.gif) top left no-repeat;
}

#portfolio_btn a
{	color : #FFFFFF;
	 text-decoration : none;
	 display: block;
 	width : 150px;
	height: 31px;
	background: url(uploads/images/btn_portfolio.gif) top left no-repeat;
}

#portfolio_btn .text
{	font-weight: bold;
 	padding: 5px 0 0 18px;
}

#portfolio_btn a:hover
{	color : #dadabd;
	background: url(uploads/images/btn_portfolio_mo.gif) top left no-repeat;
}


/*PORTFOLIO SUBNAV  */
#portfolio_subnav_container{width : 100%;   height : 34px;   text-align : center; }
#portfolio_subnav          	{ width : 100%;   height : 24px;   background-color : #3a4051;       /*dark blue*/   font-size : 10pt;   color : #FFFFFF; }
#portfolio_subnav ul      	{float :left; 	margin : 0px; 	list-style : none; }
#portfolio_subnav li 		{float: left;	display : block;	padding : 5px 38px 0px 0px;}
#portfolio_subnav .team	{ padding : 5px 100px 0px 0px;}
#portfolio_subnav li a 		{color : #FFFFFF; 	text-decoration : none; 	display : block; 	line-height : 1em; }
#portfolio_subnav a:hover, .selected {	color : #999999; }
#portfolio_subnav .current 	{color : #999999; }
 
#team_nav_container{  margin : 0;  width : 100%;  height: 34px;  text-align: center;}
#team_nav {  height : 24px;}
 
#team_nav TD{  text-align : center;  font-size : 115%;  font-weight : normal;  padding: 5px;
  background-color:#c95124;   /*#c95124 rust*/ 
  background-color : #3a4051;       /*dark blue*/
 }
#team_nav a          { color : #ffffff;   text-decoration : none;}
#team_nav a:hover {  color : #999999; }
 
 #team_nav .current {   color : #999999;  }
  
 #team_pics     { background-color : #cccccc; }
 
#team_pics h5		{ margin : 0;  padding : 0 2px 0 3px;  text-align : left;  font-size : 9pt;}
#team_pics h5 a	{ color : #ffffff;   text-decoration : none;}
#team_pics h5 a:hover		{ color : #3A4051;  /*blue*/}
#team_pics .image a:hover{	background-color: white;
	/*width: 100%;*/
	/* for IE */
  	filter:alpha(opacity=50);
  	/* CSS3 standard */
  	opacity:0.50;
  	/* for Mozilla */
  	-moz-opacity:0.50;
}



 
/* End of 'ccm_nav' */

/* Start of CMSMS style sheet 'Navigation: CSSMenu - Horizontal' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin:0 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
/*   background-color: #b0b6a8;*/
   /*border-bottom: 1px solid #b0b6a8;*/
   width:100%;
   margin-left:0px;
   /*text-transform:uppercase;*/
   font-weight: bold;
   border: 1px solid #3a4051;  /*grey*/   
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 230px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}
#primary-nav ul ul { 
   margin-top: 1px;
   margin-left: -1px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 0px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: 1px;
   float: none; 
   position: relative; 
text-align:left;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 4px 15px; 
   text-decoration: none; 
   color: #000000;
   font-size : 100%;
}
#primary-nav a:hover{
  color:#c95124;   /*#c95124 rust*/ 
}
#primary-nav li a { 
   /*border-right: 1px solid #b0b6a8;
   border-left: 1px solid #b0b6a8; */
}
#primary-nav li li a { 
   /*border: 1px solid #e8e7c6;*/
}	
#primary-nav li, #primary-nav li.menuparent { 
   /*background-color: #b0b6a8;*/
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive a { 
  /* background-color: #C4C9BF;*/   
  color:#c95124;   /*#c95124 rust*/
}

#primary-nav li.menuparent ul a, 
#primary-nav li.menuactive ul a { 
  color:#333333 ; /*grey=3a4051*/
}	
#primary-nav li.menuparent ul a:hover, 
#primary-nav li.menuactive ul a:hover { 
  color:#c95124;   /*#c95124 rust*/
}	


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh,
#primary-nav ul li a { 
   /*background-color: #e8e7c6;*/
}

#primary-nav ul,
#primary-nav ul li a { 
  background-color: #e8e7c6;
}

#primary-nav ul {
  margin-top : 1px;
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSSMenu - Horizontal' */