* {
padding: 0;
margin: 0;
} 

html { min-height: 100%; margin-bottom: 1px; }

body {
background: #555 url(images/background.jpg) top center repeat-y;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
padding: 0;
margin: 0;
color: #555;
line-height: 149%;
}


img {
border: none;
}
a {text-decoration: underline; color: #733; }
a:hover { text-decoration: none; color: #900; }




a.clientResource:link{color: #655; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 2px 2px 10px; background: url(images/download_arrow.gif) no-repeat;}
a.clientResource:visited{color: #655; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 2px 2px 10px; background: url(images/download_arrow.gif) no-repeat;}
a.clientResource:hover{color: #900; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 2px 2px 10px; background: url(images/download_arrow_red.gif) no-repeat;}
a.clientResource:active{color: #900; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 2px 2px 10px; background: url(images/download_arrow_red.gif) no-repeat;}







h3 { border-bottom: 1px dotted #ccc; color: #F0A848; padding: 10px 0 2px 0; }
h3 a { color: #3090F0; }
h3 a:hover { color: #F0A848; }



#wrap {
margin: 0px auto;
width: 900px;
}




h1 {
  font-family: Georgia;
  background: #BBB;
  font-size: 13pt;
  font-weight: normal;
  color: #444;
  text-align: center;
  padding: 8px 0px 10px 0px;
}

h2 {
  font-family: Georgia;
  font-size: 11pt;
  font-weight: normal;
  color: #666;
  text-align: left;
  padding: 0px 0px 10px 0px;
}



h4 {
  font-family: Georgia;
  background: #762525;
  font-size: 13pt;
  font-weight: normal;
  color: #FFF;
  letter-spacing: .25em;
  text-align: center;
  padding: 8px 0px 10px 0px;
}





p, ul{
	text-align: left;
}



p {
font-family: Tahoma,Verdana,Arial,Helvetica,Sans-serif;
font-size: 9pt;
text-indent: 0em;
line-height: 150%;
color:#555;
margin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
}


.mainText {
width: 550px;
padding: 10px 0px 10px 70px;
}




.cleared {
  clear:both;
  line-height:0;
}

#content { 
}


#contentArea {
background: url(images/wave_back.jpg) top center repeat-x;
width: 870px;
min-height: 350px;
height: auto !important;
height: 350px;
padding: 15px 15px 15px 15px;
margin: 0px;
}

#contentAreaAlone {
background: url(images/wave_back_centered.jpg) top center repeat-x;
width: 870px;
min-height: 350px;
height: auto !important;
height: 350px;
padding: 15px 15px 15px 15px;
margin: 0px;
}


.navHolder{
margin: 0px;
}

#navColumn {
background: #444 url(images/background2.jpg) top center repeat-x;
float: left;
width: 200px;
min-height: 350px;
height: auto !important;
height: 350px;
padding: 0px;
}






.bioBox {
background: #FFF url(images/bio_triangle.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 640px;
padding: 15px 15px 15px 2px;
margin: 0 0 35px 0;
border: thin solid #BBB;
min-height: 320px;
height: auto !important;
height: 320px;
}


.articleBox {
background: #FFF url(images/tall_triangle.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 640px;
padding: 0px 0px 0px 0px;
margin: 0px;
border: thin solid #BBB;
min-height: 320px;
height: auto !important;
height: 320px;
}

.downloadBox {
background: #FFF url(images/tall_triangle.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 640px;
padding: 0px;
margin: 0px;
border: thin solid #BBB;
min-height: 320px;
height: auto !important;
height: 320px;
}

.downloadInset {
width: 550px;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 20px;
}


.whitey {
background: #FFF;
padding: 3px;
}




.sideBox {
background: #EEE;
width: 180px;
float: right;
margin-right: 30px;
padding: 5px 10px 10px 10px;
margin: 0px 0px 0px 20px;
min-height: 250px;
height: auto !important;
height: 250px;
color: #444;
border: thin solid #BBB;
border-top: 34px solid #BBB;
}


#shorty {
float: left;
padding: 10px;
margin: 10px
}


#rightColumn { 
float: right;
background: #333;
width: 700px;
margin-right: 0px;
}


.stage {
background: #AAA ;
width : 1100px;
}



.newsBoxHold {
// background: #C0D8F0 url(images/center.gif) top center repeat-y;
float: left;
width : 459px;
padding: 0px;
margin: 0px;
}


.newsBox {
background: #333;
width: 700px;
padding: 0px;
min-height: 350px;
height: auto !important;
height: 350px;
color: #444;
}


.newsBoxGeneral {
background: #333 repeat-x;
width: 700px;
padding: 0px;
min-height: 350px;
height: auto !important;
height: 350px;
color: #444;
}


.newsBoxProjects {
background: #333 repeat-x;
width: 700px;
padding: 0px;
min-height: 350px;
height: auto !important;
height: 350px;
color: #444;
}








#rightColumn a
{
color: #294a23;
text-decoration: none;
background: url(images/link_shadow_anim.gif) repeat-x 100% 100%;
padding-bottom: 1px;
white-space: nowrap;
}
#rightColumn a:link, #navlist a:visited
{
color: #294a23;
text-decoration: none;
}
#rightColumn a:hover
{
background: #e7f4d2;
color: #509244;
text-decoration: none;
}











#redLine {
background: #444 url(images/redline.jpg) repeat-x;
color: #FFF;
font-size: 10px;
width: 900px;
height: 30px;
padding: 0px;
margin: 0px;
}



#footer {
color: #666;
font-size: 10px;
width: 900px;
height: 18px;
padding: 0px;
margin: 0 0 0px 0;
}




.interior{
font-family: Georgia,Times,serif;
font-size: 10pt;
color: #FFF;
}





#navcontainer { width: 200px; }
#navcontainer ul
{
margin-left: 10px;
padding-left: 0;
list-style-type: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 2px;
width: 520px;
background-color: transparent;
}
#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background: url(images/menu_fade.png);
color: #16360d;
}



.title { text-align: center; color: #FFFFFF; font-style: italic; font-size: 14pt; font-family: Georgia,Times,serif; }
.subTitle { text-align: center; color: #FFFFFF; font-size: 12pt; font-family: Georgia,Times,serif; margin: 3px 0 10px 0; }

a.centerLine:link{color:#FFF; }
a.centerLine:visited{color:#FFF; }
a.centerLine:hover{color:#f26531; }
a.centerLine:active{color:#FFF; }


a.project:link{color: #666; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 15px 0px 15px; }
a.project:visited{color: #666; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 15px 0px 15px; }
a.project:hover{color: #111; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 15px 0px 15px; background: #DDD}
a.project:active{color: #111; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 0px 15px 0px 15px; background: #DDD}


a.project2:link{color: #666; display:block; font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 3px; }
a.project2:visited{color: #666; display:block;  font-size: 9pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 3px; }
a.project2:hover{color: #444; display:block; background: #D0D0D0;  }
a.project2:active{color: #111; display:block; background: #AAA;  }



a.plus:link{color: #444; font-size: 8pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 2px 10px 2px 10px; }
a.plus:visited{color: #444; font-size: 8pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 2px 10px 2px 10px; }
a.plus:hover{color: #444; font-size: 8pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 2px 10px 2px 10px; background: #DDD url(images/plus.gif) no-repeat;}
a.plus:active{color: #444; font-size: 8pt; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 2px 10px 2px 10px; background: #DDD url(images/plus.gif) no-repeat;}


















/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #EEE;
}

.lbLoading {
	background: #EEE url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 5px solid #EEE;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #444;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #EEE;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 266px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}










































div.content {
	border: #c1c1c1 solid 1px;
	background: #EEE;
	clear: left;
	padding: 1em 1em 0;
	width: 600px;
	padding: 10px 10px 20px 10px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
}

div.example, pre {
	background: #888;
	border-color: #000;
	border-style: solid none;
	border-width: 2px;
	color: #004;
	font-size: .9em;
	margin: 1em 0;
	padding: .5em;
}



label {
	display: block;
	font-weight: bold;
}

li {
	margin: .2em 0;
}

ol#toc {
	width: 600px;
	height: 2.3em;
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#toc a {
	background: #ddd url(images/tab.png);
	color: #666;
	display: block;
	float: left;
	height: 2.3em;
	padding-left: 10px;
	text-decoration: none;
}

ol#toc a:hover {
	background-color: #444;
	background-position: 0 -120px;
}

ol#toc a:hover span {
	background-position: 100% -120px;
}

ol#toc li {
	float: left;
	margin: 0 1px 0 0;
}

ol#toc li.current a {
	background-color: #444;
	background-position: 0 -60px;
	color: #444;
	font-weight: normal;
}

ol#toc li.current span {
	background-position: 100% -60px;
}

ol#toc span {
	background: url(images/tab.png) 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	line-height: 2.3em;
	padding-right: 10px;
}



