/* copyright
----------------------------------------------------
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/pro_dropline_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
http://www.stunicholls.com/menu/skeleton.html
/* =copyright
----------------------------------------------------*/


/* COLOR KEY:
----------------------------------------------------
 
 background-color				#484848;
 background-color portfolio 	#696868;  
 gray font (nav)				#acabab;  
 light gray font (subnav)		#f0eeee;  
 black font						#220000;  
 red text						#da1b2e;  
 maroon bar						#653f43;  
 2px gray border				#a3a3a3;  
 sidebar4_subnav m. gray border #838383;  
 sidebar4_subnav numbered bg color UP (med. gray)		#676566;  
 sidebar4_subnav numbered bg color OVER (light gray)	#e8e8e8;  

/*  background-color:#00FFFF;  teal */
/*	background-color:#FF0000;  red */
/*	background-color:#0000FF;  blue */
/*	background-color:#00CC66;  green */

/* =COLOR KEY
----------------------------------------------------*/
 
body { 
font: 11px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em; 
background-color: #484848;
margin:0;
padding:0;
text-align:center;
border:none;
border-collapse:collapse; 
 
}

p, p a {
color: #fff;
border: none;
text-decoration:none;
font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 
}

p a:link {
color: #fff;
text-decoration:none;
font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;  }
p a:visited {
color: #fff;
text-decoration:none;
font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }
p a:hover {
color: #acabab;
text-decoration:none;
font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }
p a:active {
color: #fff;
text-decoration:none;
font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 
/*font-size: 11px; */
}

img {
border: none;
}

#wrapper { 
height:640px; 
width:852px; /* 975px, 791px */
background: #484848 url(../images/C.gif) no-repeat top left;
margin: 0 auto;
padding: 0;
text-align:left;
border:none;
border-collapse:collapse; 

} 

#indentifier { 
background: url(../images/ccc.gif) no-repeat bottom right; 
height:59px; 
margin:0; 
padding:0; 
}

#header { 
margin: 0 0 0 130px; 
width: 722px; /*850px 662px*/
}

#secondarynav { font: 13px/2.5em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin:0 auto; padding:0 0 5px 0; } 

#secondarynav ul { margin:0 auto; }

#secondarynav .verticalnav li { margin:10px 0 0 30px; /* padding:0 0 0.5em 0;*/ }

.verticalnav { list-style:none; }

#secondarynav .verticalnav li a:link {
color:#fff;
display:block; 
white-space:nowrap; 
font-size:11px;
}
#secondarynav .verticalnav li a:visted {
color:#fff;
display:block; 
white-space:nowrap; 
font-size:11px;
}
#secondarynav .verticalnav li a:hover {
color:#acabab;
display:block; 
white-space:nowrap; 
font-size:11px;
}
#secondarynav .verticalnav li a:active {
color:#fff;
display:block; 
white-space:nowrap; 
font-size:11px;
}

/*#secondarynav .verticalnav li a:link, a:visited, a:active {
color:#fff; line-height:22px; display:block; padding:0px; margin:0; white-space:nowrap; font-size:11px;
}
#secondarynav .verticalnav li a:hover  { 
color:#acabab; line-height:22px; display:block; padding:0 2px; margin:0; white-space:nowrap; font-size:11px; 
}*/


#indent {font: 12px/1.25em normal normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; list-style:none;
}
#indent li a:link, a:visited, a:active {
color:#fff; display:block; line-height:1.25em; padding:0px; white-space:nowrap; font-size:11px;
}
#indent li a:hover {
color:#acabab; display:block; line-height:1.25em; padding:0px; white-space:nowrap; font-size:11px; 
}

#pro_linedrop {
height:38px;
width:100%;
background:url(../images/lrimages/gray_0.gif);
position:relative; 
font-size:11px;
z-index:100;
}

#pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

#pro_linedrop li {
float:left;
background:url(../images/lrimages/gray_1.gif);
}

#pro_linedrop li.lrt {
float:right;
background:url(../images/lrimages/blue_1.gif);
}


#pro_linedrop .select a {
display:block; 
height:38px; 
float:left; 
background: url(../images/lrimages/gray_0.gif); 
padding:0 3px 0 4px; /*0 5px 0 8px*/ 
text-decoration:none; 
line-height:38px; 
white-space:nowrap; 
color:#acabab;
}

#pro_linedrop .select li.lrt a {color:#0ff;}

#pro_linedrop .select a b {
display:block;
padding:0 10px 0 4px;  /*0 20px 0 8px*/
background:url(../images/lrimages/gray_0.gif) right top;
}

#pro_linedrop .select li.line a b {
background:url(../images/lrimages/gray_0a.gif) right top;
}

#pro_linedrop .select a:hover, 
#pro_linedrop .select li:hover a {
background: url(../images/lrimages/gray_1.gif); 
padding:0 3px 0 4px; /*0 5px 0 8px*/
cursor:pointer; 
color:#fff;
}

#pro_linedrop .select li.lrt a:hover, 
#pro_linedrop .select li.lrt:hover a {
background: url(../images/lrimages/blue_1.gif); 
}

#pro_linedrop .select a:hover b, 
#pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 10px 0 4px;  /*0 20px 0 8px*/ 
background:url(../images/lrimages/gray_1.gif) top right; 
/*cursor:pointer;*/
}

#pro_linedrop .select li.line a:hover b, 
#pro_linedrop .select li.line:hover a b {
background:url(../images/lrimages/gray_1a.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b, 
#pro_linedrop .select li.lrt:hover a b {
background:url(../images/lrimages/blue_1.gif) right top; 
}

#pro_linedrop .select li.lrt a:hover b.arrow, 
#pro_linedrop .select li.lrt:hover a b.arrow {
background:url(../images/lrimages/blue_1a.gif) right top; 
}

#pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

#pro_linedrop .sub2 {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
#pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

#pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub li {background:transparent;}

#pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#484848 url(../images/lrimages/fade2.gif);
}

#pro_linedrop .select :hover .rt li {float:right;}

#pro_linedrop .select :hover .sub li a 
{color:#f0eeee; display:block; height:25px; line-height:24px; float:left; background:#484848 url(../images/lrimages/fade2.gif); padding:0 10px; margin:0; white-space:nowrap; font-size:11px;} /*padding:0 16px;*/

#pro_linedrop .select :hover .sub li.subline a {color:#f0eeee;}

#pro_linedrop .select :hover .sub li a:hover,
#pro_linedrop .select :hover .sub li:hover
{color:#da1b2e; line-height:22px; position:relative; background:#484848 url(../images/lrimages/fade3.gif) left bottom; font-size:11px; border-top:1px solid #da1b2e;}


#pro_linedrop .sub2 {
margin:0; 
padding:0;
list-style:none;
}

#pro_linedrop .sub2 li {background:transparent;}

#pro_linedrop .select :hover .sub2 {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#484848 url(../images/lrimages/fade2.gif);
}

#pro_linedrop .select :hover .sub2 li a 
{color:#acabab; display:block; height:25px; line-height:24px; float:left; background:#484848 url(../images/lrimages/fade2.gif); padding:0 10px; margin:0; white-space:nowrap; font-size:11px;}/*padding:0 16px;*/
/* or color:#fff; I think white is too subtle */

#pro_linedrop .select :hover .sub2 li.subline a {color:#f0eeee;}

#pro_linedrop .select :hover .sub2 li a:hover,
#pro_linedrop .select :hover .sub2 li:hover
{color:#da1b2e; line-height:22px; position:relative; background:#484848 url(../images/lrimages/fade3.gif) left bottom; font-size:11px; border-top:1px solid #da1b2e;}



/* Text Formatting
----------------------------------------------------*/
h3 {
font: 140% Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1em; 
}

/* =Text Formatting
----------------------------------------------------*/



/* Formatting
----------------------------------------------------*/
#flash {
padding: 0;
margin: 0;
width: 850px;
height: 326px;
/*background-color: #333333; */
border:none;
/* border-collapse:collapse; */
position:relative;
top:0;
left:0;
}

#flash2 {
padding: 0;
margin-top: 150px;
width: 850px;
height: 326px;
background-color: #333333;
border:none; 
border-collapse:collapse;}

#container { 
	margin: 40px 0 0 0;
	padding: 0;
	width: 850px;  /* 971px 791px*/
	height: 466px;	
	text-align: left;
	color: #FFF;
	border:1px solid #a3a3a3;
	border-collapse:collapse; 
} 
#mainContent { 
	margin: 0; 
	padding: 0px; 
	width: 850px;  /* 971px 791px*/
} 

/* =Formatting
----------------------------------------------------*/

/* Accordion
----------------------------------------------------*/
#sidebar3_accordion {
	margin: 0;
	padding: 0px 10px 10px 20px;
	float: left; 
	height: 130px;
	width: 190px; /*228px*/
	border-right: 2px dotted #646464; }

#sidebar3_accordion h1 {
  font:200%/1.25em normal normal Georgia, "Times New Roman", Times, serif;
  margin:0px;
  line-height:1.2em; }

#sidebar3_accordion h2 {
  font: 125%/1.5em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; 
  margin:5px 0; 
  padding:0 0 10px 0; 
  border-bottom: 2px dotted #7b7a7a; }

#sidebar3_accordion h3 {
  font: 150%/1.5em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; }
  
.example {
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	background: url(../images/arrow_right_hs.gif) no-repeat center left;
	font-size: 130%; }

.example ul {
	color:#fff;
	text-decoration:none;
	padding-left:0;
	font-size: 80%;}

.example li {
	list-style:none; }		

.example_link {
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	background: url(../images/arrow_right_hs.gif) no-repeat center left;
	font-size: 100%; }

.example_link ul {
	color:#fff;
	text-decoration:none;
	font-size: 80%;}

.example_link li {
	list-style:none; }

a.feedback:link {
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	background: url(../images/arrow_right_hs.gif) no-repeat top left;
	font-size: 100%; }

a.feedback:visited {
	color:#fff;
	text-decoration:none; 
	padding-left:15px;
	background: url(../images/arrow_right_hs.gif) no-repeat top left;
	font-size: 100%; }

a.feedback:hover {
	color:#acabab;
	text-decoration:underline; 
	padding-left:15px;
	background: url(../images/arrow_right_hs_gray.gif) no-repeat top left;   
	font-size: 100%; }

a.feedback:active {
	color:#fff;
	text-decoration:none;
	padding-left:15px;
	background: url(../images/arrow_right_hs.gif) no-repeat top left; 
	font-size: 100%; }



 
/* =Accordion
----------------------------------------------------*/	

/* Portfolio left sidebar
----------------------------------------------------*/
#sidebar3 {
	margin: 0;
	padding: 0px 10px 10px 20px;
	float: left; 
	height: 130px;
	width: 190px; /*228px*/
	border-right: 2px dotted #646464; }
	
#sidebar3_portfolio {
	margin-top: -30px;
	padding: 0 0 0 -22px; /* 0px 10px 10px 20px */ 
	float: left; 
	height: 466px; 
	width: 250px;
/*	position:relative;
	top: 0;
	left: 0; */
	position:relative; top:-435px; left:-278px;
	visibility:visible;
}
#sidebar3_portfolio_lp {
	margin-top: -1px;
	padding: 0 0 0 -22px; /* 0px 10px 10px 20px */ 
	float: left; 
	height: 466px; 
	width: 250px;
/*	position:relative;
	top: 0;
	left: 0; */
	position:relative; top:-454px; left:-278px; 
}
#sidebar3_portfolio h1 {
  font: 200%/1.25em normal normal Georgia, "Times New Roman", Times, serif;
  margin:0px;
  line-height: 1.2em;
/*  border-bottom: 2px dotted #7b7a7a; */
}
#sidebar3_portfolio_lp h1 {
  font: 200%/1.25em normal normal Georgia, "Times New Roman", Times, serif;
  margin:0px;
  line-height: 1.2em;
/*  border-bottom: 2px dotted #7b7a7a; */
}
#sidebar3_portfolio h2 {
  font: 125%/1.5em 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin:5px 0; padding:0 0 10px 0; border-bottom: 2px dotted #7b7a7a;
}
#sidebar3_portfolio h3 {
  font: 150%/1.5em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}
#sidebar3_portfolio h4 a {
  color:#fff;
  text-decoration:underline;
}
#sidebar3_portfolio h4 a:hover {
  text-decoration:none;
  color:#999999;
  background-color:#FF0000; }

#sidebar3_portfolio_lp h5 {
	background: url(../images/arrow_small_white.gif) no-repeat left;
	font-size: 120%;
  	line-height: 2em;	
	margin:0 auto;
	padding:0; 
	text-indent:10px; }

#sidebar3_portfolio p {
  font: 12px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif; margin:0; padding:0;
}
#sidebar3_portfolio p img{
  margin:10px 0 0 0; padding:0;
}
.shiftdown {
margin-bottom: 5px;
}
#pdf {
position:absolute; 
top: 375px;
width:255px;
border-top: 2px dotted #7b7a7a;
margin:10px 0;
padding-top:10px;
font-size:inherit;
vertical-align:bottom;
/*padding-left: 37px;*/
}
#pdf_image {
	float:left; 
	}
#pdf_text { 
	float:left;
	margin:11px 0 0 5px;
	vertical-align:bottom;
	line-height:1.15em;
	}
.arrowlist {
	padding-left:0;
	list-style: none;
	}
#pdf_text {
color:#FFF;
}
#pdf_text a:link, a:visited, a:active { color:#fff; text-decoration:none;}
#pdf_text a:hover {color:#da1b2e; text-decoration:none;}

#pdf_text li {
	margin-right:-20px;
	background-image:url(../images/arrow_small.gif);
	background-repeat:no-repeat; }
	
#pdf_text img{ 
	padding-top:30px; }
	
.pdf img {
	border: none;
	margin-top:5px; 
	/*padding-left: -37px;*/ }
	
.pdficon {
	padding-top:10px; }
	
#photo { 
	text-align:center; 
	margin-top:10px;
	height:436px;
	width:550px; }
	
#photo_lp { 
	text-align:center; 
	margin-top:0px;
	padding:0; }
	
.page { 
	display:none; }
	
.page2 { 
	display:inline;
	position:relative; }
	
h4 {
	margin:20px 0 0 0; }
	
#portfolio_image {
	margin:0;
	padding:10px; }




#left_wrapper {
	float:left;
	width:260px;
	margin:0px 20px;
	margin-top:-30px;
	padding-top:10px; }

/* =Portfolio left sidebar
----------------------------------------------------*/


/* sidebar4_subnav
----------------------------------------------------*/
#sidebar4 {
	margin: 0;
	padding: 0px 10px 10px 20px; 
	float: right; 
    height: 130px; 
	width: 190px; /*268px*/ 
	border-left: 2px dotted #646464; /*url(../images/divider_vertical.gif);*/ }
	
#sidebar4 p {
    margin-top: -30px; }
	
#sidebar4_subnav  {
	margin: 0;
	padding: 0;
	float: right; 
	display:block;
	width: 550px; /* 671px;*/
	height: 30px;
	background-color: #2d2d2d;
	z-index:100; }
	
#sidebar4_subnav .select {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; }
	
#sidebar4_subnav li {
	float:left;
	margin:3px 0 3px 3px;
	padding:0px;
	border: 1px solid #838383;
	height:22px;
	width:22px;
	text-align:center;
	line-height:200%;
	background-color:#676566; }
	
#sidebar4_subnav .select li a:link {
	display:block; 
	height:22px;
	width:22px;
	text-decoration:none; 
	white-space:nowrap;
	color: #FFF; 
	line-height:22px; }

#sidebar4_subnav .select li a:visited {
	text-decoration:none; 
	white-space:nowrap;
	color: #FFF; 
	line-height:22px; }
	
#sidebar4_subnav .select li a:hover {
	text-decoration:none;
	white-space:nowrap;
	color:#da1b2e;
	line-height:22px;	
	/*padding:4px 8px;
	height:22px;
	width:22px; */
	background-color:#e8e8e8;  /*REMOVED BECAUSE IT CAUSES THE BACKGROUND COLOR TO CHANGE BY NOT CLICKABLE. ONLY THE NUMBER IS CLICKABLE
								 Tried to fix THIS BY MOVING THE HYPER LINK OUTSIDE THE LI */ }
								 
#sidebar4_subnav .select li a:active {
	text-decoration:none; 
	white-space:nowrap;
	color:#da1b2e;
	line-height:22px;
	background-color:#e8e8e8; }
	
/* left and right arrows */
#sidebar4_subnav .select li.linelt {
	float:left;
	margin:3px;
	padding:0px;
	border: 1px solid #838383;
/*	background-color:#ff0000; */
	background:url(../images/arrow_left.gif); }
	
#sidebar4_subnav .select li.linert {
	float:left;
	margin:3px;
	padding:0px;
	border: 1px solid #838383;
/*	background-color:#ff0000; */
	background:url(../images/arrow_right.gif); }
	
/*
#sidebar4_subnav .subarrows li img {
	border: none;
}
*/
/*= sidebar4_subnav
----------------------------------------------------*/



/* portfolio
----------------------------------------------------*/
#portfolio {
	margin: 0;
	padding: 0; /* 0px 10px 10px 20px */ 
	float: left; 
/*    min-height: 408px;  408px; */
	height: 466px; /* 436px */ 
	width: 850px; /* 671px; 550px */
/*	background-image: url('../images/maroonbg.gif') repeat top left; 
	background-image: url('../images/maroonbg.gif');
	background-repeat: repeat-y;*/
	background-color:#696868;
	background-position: 300px 0px; }


/* =portfolio
----------------------------------------------------*/



/* sidebar4_portfolio
----------------------------------------------------*/
#sidebar4_portfolio {
	margin: 0;
	padding-top: 0; /* 0px 10px 10px 20px */ 
	float: left; 
    min-height: 408px;
	max-height: 436px; 
	width: 850px; /* 671px;*/
/*	background-image: url('../images/maroonbg.gif') repeat top left; 
	background-image: url('../images/maroonbg.gif');
	background-repeat: repeat;*/ }
	
#mainContent2 { 
	margin: 0px 242px 0 232px; 
	padding: 25px 10px 0 10px;
	position: relative; }
	
#hpBottomR {
	height: 166px;
	width: 210px; /*228px*/
	padding-left:20px;
	border-left: 2px dotted #646464;
	float:right; }
	
#footer { 
	margin: 5px 0 0 0; 
	text-align: right;
	width:850px; } 

#footer p {
	padding: 0; }
	
.footer_special {
	font: 11px/1.25em bold normal 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
	color:#fff;}

a.footer_special:link {
	color: #fff;
	font-weight: bold;
	text-decoration:underline; }

a.footer_special:visited {
	color: #fff;
	font-weight: bold;
	text-decoration:underline; }

a.footer_special:hover {
	color: #acabab;
	font-weight: bold;
	text-decoration:none; }

a.footer_special:active {
	color: #fff;
	font-weight: bold;	
	text-decoration:underline; }

.directions {
	text-align:right; 
	vertical-align:middle; 
	padding:10px 20px 0 0; 
	color:gray; 
	display:block; }
/* =sidebar4_portfolio
----------------------------------------------------*/