/* Layout Stylesheet */ 


/* Header Columns */ 

#banner {
    font-size: x-small;
    /* height: 45px; */
    line-height: 16px;
	margin-top: 5px!important;
}

#Ah-col {
    position: absolute;
    top: 0px;
    left: 10px;
    width: 200px;
    color: #669999;
    margin: 0px;
    padding: 0px;
    height: 65px;
    z-index: 15;
    visibility: visible;
}

#Bh-col {
    position: relative;
    margin: 10px 220px 46px 220px;
    padding: 0px;
    z-index: 8;
    height: 45px;
}

#Ch-col {
    position: absolute;
    top: 0px;
    width: 200px;
    margin: 0;
    padding: 0px;
    height: 65px;
    z-index: 14;
    right: 10px;
    visibility: visible;
}

/* Main Nav Box */ 

#mainnav {
    height: 24px;
    top: 65px;
    right: 10px;
    position: absolute;
    left: 220px;
    border-top: 6px solid #91B5B5;
    z-index: 10;
    padding-left: 10px;
    width: 100%;

}
#mainnavspacer, #mainnavspacer p {
    height: 30px;
    background-color: #91B5B5;
    background-position: left bottom;
    z-index: 18;
   right: 10px;
    position: absolute;
    top: 65px;
    left: 10px;
    padding-left: 10px;
    line-height: 24px;
    background-image: url(../images/longgradient.gif);
    visibility: visible;
    background-repeat: repeat-x;
   padding-right: 10px;
    width: inherit;
}



/* Main Nav Colors --------------------------------------*/

#nHome #nav, #nHome a                                   { background: url(../images/bgStripes.jpg); color: #c1c1c1 }
#nHome a:hover, #nHome a.current:hover                  { background: #666; color: #fff }
#nHome a.current                                        { background: #000; color: #fff; }

#nPhotography #nav, #nPhotography a                     { background: url(../images/bgStripes.jpg); color: #c1c1c1; }
#nPhotography a:hover, #nPhotography a.current:hover    { background: #666; color: #fff }
#nPhotography a.current                                 { background: #900; color: #fff; }

#nDesign #nav, #nDesign a                               { background: url(../images/bgStripes.jpg); color: #c1c1c1; }
#nDesign a:hover, #nDesign a.current:hover              { background: #666; color: #fff }
#nDesign a.current                                      { background: #399; color: #fff; }

#nWeb #nav, #nWeb a                                     { background: url(../images/bgStripes.jpg); color: #c1c1c1; }
#nWeb a:hover, #nWeb a.current:hover                    { background: #666; color: #fff }
#nWeb a.current                                         { background: #990; color: #fff; }

#nIndex #nav, #nIndex a                                 { color: #fff; }
#nIndex a:hover                                         { background: url(../images/RB-bg.gif) repeat; color: #fff }
#nIndex a.current:hover                                 { background: url(../images/RA-bg.gif) repeat; color: #fff }
#nIndex a.current                                       { background: #075555; color: #fff; }


#nav {
    font-size: 10px;
    height: 30px;
    top: 65px;
    right: 10px;
    position: absolute;
    left: 220px;
    z-index: 20;
    letter-spacing: 0.08em;
    line-height: 14px;
    font-weight: bold;
    visibility: visible;
    
}

#nav p {
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999999;
    text-align: right;
    margin: 0px;
    padding: 0px 10px 0px 0px;
}

#nav p.cright {
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #075555;
    text-align: right;
    margin: 0px;
    padding: 5px 10px;
    font-weight: normal;
}

#nav a { float: left; padding: 5px 20px; text-decoration: none; }


#nav li {
    /* background-image: none; */
    border-right: 1px solid #ccc;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav ul { margin: 0; padding: 0; }


/* Main Columns */  
     
#lh-col{
    position:absolute;
    top:90px;
    width:200px;
    z-index:30;
    background:#E6E5D5;
    color: #E6E5D5;
    margin-left: 10px;
    left: 0px;
}

#rh-col {
    position:absolute;
	top:165px;
    width:200px;
    z-index:22; 
    background:url(../images/longvert-gradient-bg.gif) repeat-x;
    color: #666666;
    right: 0px;
    margin-right: 10px;
    line-height: 16px;
	text-align: left;
	
}

#rh-col p{
    color: #897845;
    right: 0px;
    margin: 5px;
    padding: 3px;
    border: 1px dotted #B9B9AB;
    line-height: 16px;
}

#rh-col li {
margin-left: -16px;
margin-right: 5px;

}

#rh-col a, #rh-col a:visited {
    border-bottom: 1px dotted;
    text-decoration: none;
    color: #666666;
}

#rh-col a:hover {
    border-bottom: 1px dotted;
    text-decoration: none;
    color: #660000;
}


/* Alternate Right Column for Flash Image Viewer */ 

#rh-col-B {
	position:absolute;
	width:200px;
	z-index:22;
	background:url(../images/longvert-gradient-bg.gif) repeat-x;
	color: #666666;
	right: 0px;
	margin-right: 10px;
	line-height: 16px;
	text-align: left;
	margin-top: 5px;
	background-image: url(../images/longvert-gradient-bg.gif);
}

#rh-col-B p{
    color: #897845;
    right: 0px;
    margin: 5px;
    padding: 3px;
    border: 1px dotted #B9B9AB;
    line-height: 16px;
}

#rh-col-B li {
	margin-left: -16px;
	margin-right: 5px;

}

#rh-col-B a, #rh-col a:visited {
    border-bottom: 1px dotted;
    text-decoration: none;
    color: #666666;
}

#rh-col-B a:hover {
    border-bottom: 1px dotted;
    text-decoration: none;
    color: #660000;
}









#c-block {
 width:100%;
 z-index:1;
 /* background:#f1f1f1 url(../images/left-bg.gif) repeat-y; */
 height:80%;}

#hdr{
 height:200px; 
 width:100%; 
 background:#eeeeee;
 color: #333333; 
 margin:0;
  }

#c-col{
    margin:0 220px;
    position:relative;
    z-index:5;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
 }
 
 
 /* Footer */   

#ftr {
    height:25px;
    background:url(../images/left-bg.gif) repeat-y left;
    padding-top: 20px;
 }
 
 #ftr p {
    color: #336666;
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    text-align: left;
    padding-left: 220px;
 }
 
 /*  ADDED STYLES HERE */
 
#topsection{
	background-color: #ffffff;
	padding-left: 10px;


}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 210px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -100%;
}

#footer{
clear: left;
width: 100%;
text-align: left;
padding: 0px;

}


.footerHolder{
	margin-top: 30px;
	color: #336666;
    font-family: "Times New Roman", Times, serif;
    font-size: 11px;
    text-align: left;
    
}
.innertube{
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;
	padding-right: 5px;
}

.leftCol{
	width: 200px;
	float: left;
	
}
.rightCol{
	width: 180px;
	float: right;
	text-align: right;
}	

.middleHeader{
	float: left;
}

.clearDiv{
	clear: both;
	font-size: 1%;
}

.maincontainer{
	width: 100%;

}

.topLeftNav{
	background: url(../images/topLeftNav.gif) no-repeat;
	font-size: 1%;
	height: 30px;
	width: 200px;
	margin-left: 10px;
	z-index: 40;
}

.navBg{
	background: url(../images/topNavBg.gif) repeat-x;
	height: 30px;
	width: 100%;
	
	
}


.navRight{
	background: url(../images/topNavBg.gif) repeat-x;
	float: right;
	height: 30px;
}

.subHdr{
	width: 100%;
}

.floatRightYear{
	float: right;
	padding: 5px 5px 0px 0px;
	text-align: right;
	font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #075555;
    font-weight: normal;
}
#navMenu{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	float: left;
	
}

#navMenu a{
	color: #ffffff;
}

#navMenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

#navMenu li{
	height: 24px;
	width: 100px;
	line-height: 24px;
	text-align: center;
	border-right: 1px solid #ccc;
	display: block;
	color: #ffffff;
    font-weight: bold;
	font-size: 10px;
	float: left;
}

#navMenu li a{
	text-decoration: none;
	display: block;
	width: 100px;
}

#navMenu li a:hover{
	background: url(../images/RB-bg.gif) repeat;
	display: block;
	
}

#navMenu li a.current  {
	 background: #075555; 
	 color: #fff; 
	 display: block;
}

#navMenu li a.current:hover{ 
	background: url(../images/RA-bg.gif) repeat; 
	color: #fff; 
	display: block;
}

.leftMarg{
	margin-left: 10px;
}

.rightInfoCol{
	float: left;
	text-align: right;
	margin-left: -220px;
}

.leftMainContent{
	margin-right: 10%;
	width: 90%; /* fixed width added May 28, 2007 */
	max-width: 1200px;
}

.midContainder{
	width: 100%;
	float: left;
}

 
.mainLabel{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #043636;
	font-weight: normal;
	margin: 0px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0px;
	line-height: 100%;
}
#MainContent li{
	font-size: 10px;
	padding-bottom: 1em;
	line-height: 1.25em;
}
#MainContent p {
	line-height: 1.4;
}
#MainContent img {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 0px;
	float: left;
}
#highlights {
	position:absolute;
	width:200px;
	z-index:23;
	margin-right: 0px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 0px;
	right: 0px;
}
#highlights h3 {
	color: #043636;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1em;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#project-stats {

	position:absolute;
	width:200px;
	z-index:22;
	background:url(../images/longvert-gradient-bg.gif) repeat-x;
	color: #666666;
	right: 0px;
	margin-right: 10px;
	line-height: 16px;
	text-align: left;
	margin-top: 45px;
	background-image: url(../images/longvert-gradient-bg.gif);
}
#project-stats li {

	margin-left: -16px;
	margin-right: 5px;
}
#highlight-box {

	position:absolute;
	width:200px;
	z-index:22;
	background:url(../images/longvert-gradient-bg.gif) repeat-x;
	color: #666666;
	right: 0px;
	margin-right: 10px;
	line-height: 16px;
	text-align: left;
	margin-top: 45px;
	background-image: url(../images/longvert-gradient-bg.gif);
}
#highlight-box p {

    color: #897845;
    right: 0px;
    margin: 5px;
    padding: 3px;
    border: 1px dotted #B9B9AB;
    line-height: 16px;
}