<style type="text/css">

/*
COLORS
FONTS
LISTS
LINE SPACING
CALENDAR
WRAP TEXT
FORMS
INDENTATION
LINKS
TABLES
PARTNER LIST TABLE
IMGS
THUMBS IMAGE GALLERY USING LISTS
BOXES
*/

/************************************************
                    COLORS
************************************************/

.blue {
color:#039;
}

.black {
color:#000;
}

.almostblack {
color: #333;
}

.white {
color:#FFF;
}

.picBoxTextColor {
color: #CCCCCC;
}

/************************************************
                    FONTS
************************************************/

.seventyfive
{
	font-size:75%;
}

.extraSmallText {font-size:x-small;}	

.italic {
font-style:italic;
}	

.bold {
font:bold;
}

.upper {
text-transform: uppercase;
}

/************************************************
                     LISTS 
************************************************/

.nobullet {
list-style-type:none;
}

.extraspacing li {
padding: 0px 0px 10px 0px;
}

/************************************************
                LINE SPACING 
************************************************/

p.linespacing15 {
line-height:1.5;
}

p.linespacing2 {
line-height:2;
}

/************************************************
                  CALENDAR 
************************************************/

div.ecal_smlcal {
float:right;
}	

div.minical
{
	width:190px;
	margin:10px;
	float:right;
}

.calendarDates { 
 width:78px;
 border:solid 1px;
 background-color:#ffffff;
 border-color:#333333;
}

.calButton { 
 width:78px;
 height:20px;
 border:solid 1px;
 border-color:#333333;
}

/************************************************
              WRAP TEXT 
************************************************/

/* Browser specific (not valid) styles to make preformatted text wrap */

.wrap {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/************************************************
                   FORMS
************************************************/

.formTextArea {
	width:200px;
	height:75px;
}

.formTextBoxLong {
	width:200px;
}

.formTextBoxShort {
	width:75px;
}

/************************************************
                INDENTATIONS
************************************************/

.indentCenter {
margin-left:170px;
margin-right:170px;
}

.otherlinks #title {
margin-left:-3px; 
font: bold;
}


/************************************************
                   LINKS
************************************************/

a[href $='.doc']:after { 
	content: " " url(imgs/icons/doc.png)
}
a[href $='.xls']:after { 
	content: " " url(imgs/icons/xls.png)
}
a[href ^="mailto:"]:after {
	content: " " url(imgs/icons/mailto.png)
}
.navbar a[href ^="http:"]:after {
	content: " " url(imgs/icons/external.png)
}
.content a[href ^="http:"]:after {
	content: " " url(imgs/icons/external.png)
}
a[target ="_blank"]:after {
	content: " " url(imgs/icons/popup.png)
}
a[href $='.pdf']:after {
	content: " " url(imgs/icons/pdf.png)
 }
 
a.img:after {
	display: none;
	
}


/************************************************
                   TABLES
************************************************/

/* td with the css equivalent of border=1 */
tr.bordered {border-top: 1px solid #666; border-bottom: 1px solid #666;}
/* td with the css equivalent of border=1 very light */
td.veryLightBorder {border: 1px solid #CCC;}
/* td with the css equivalent of border=0 */
td.noBorder {border: 0px;}
/* td with border-right dark */
tr.noBorderBottom {border-bottom-width:0px;}

.rightBorderLight{
border-right: 1px solid #CCC;
}

.leftBorderLight{
border-left: 1px solid #CCC;
}

.outsideBorder{
	border-left: 1px solid #666; 
	border-right: 1px solid #666; 
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.hBorder{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

.leftBorder{
	border-left: 1px solid #666; 
}

.vBorder{
	border-left: 1px solid #666; 
	border-right: 1px solid #666; 
}

.botomBorder{
	border-bottom: 1px solid #666;
	}

#thirdnav li {
	width:100%;
	border-top: 1px solid #006830;
	border-bottom: 1px solid #006830;
	background:#e4eaf6;
	padding:2px;
	padding-left:4px;
	color:#cde5e4;
	margin-left:5px;
	margin-bottom:-1px;
}

#thirdnav a {
	color:#006830;
}

#thirdnav a:hover {
	color:#093;
}
#thirdnav li.title {
	color:#063;
	text-align:center;
	background:cde5e4;
	font-weight: bold;
	background-image:url(bg_related.gif);
	background-repeat:repeat-x;
}

/************************************************
              PARTNER LIST TABLE 
************************************************/

table.partnerlist {
font-size:90%;
border:none;
padding:2;
word-wrap: break-word;
}
table.partnerlist th {
text-align:left;
}

table.partnerlist td {
vertical-align:top;
}

table.partnerlist th {
color:#FFF;
vertical-align:top;
}

table.partnerlist a {
color:#039;
}

table.partnerlist a:hover {
color:#039;
text-decoration:underline;
}

/************************************************
                   IMGS
************************************************/

div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img img
{
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}


/* DESCRIPTIONS */
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

/* THUMBNAILS */
img.thumbwide {
width:133px;
height:100px;
}
img.thumbtall {
width:75px;
height:100px;
}

img.staffpic {
width:113px;
height:150px;
border:1px solid #039;
}

td.stafftabletd {
vertical-align:top;
height:180px;
}

table.stafftable {
margin-left:40px;
}

/************************************************
        THUMBS IMAGE GALLERY USING LISTS
************************************************/

ul.thumb_gallery {list-style-type:none;}
ul.thumb_gallery li {display: inline; list-style:none;}
ul.thumb_gallery img {max-width:150px; max-height:150px; vertical-align:middle; padding:4px; padding-bottom:10px; border:outset thin #ffc; background-color:#F6F0EA; margin:10px;}

/************************************************
                    BOXES
************************************************/

/*
div.box250 {
width: 250px;
padding: 10px;
margin-left: 15px; 
float: right;
}
*/

div.box250 {width:200px;margin:10px;float:right;}
div.box250 ul {list-style:none;margin:0px;padding:10px;font-size:0.8em;}
div.box250 ul li {padding-bottom:4px;}
div.box250 h3 {text-align:center;font-size:0.9em;margin:5px;}



</style>
