/***********************************************/
/* HTML body tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, sans-serif;
	color: #666699;
	line-height: 1.36;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(images/background.gif);
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #663399;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #723F8E;
	text-decoration: underline;
	font-weight: bold;
}
a:visited:hover{
	color: #723F8E;
	text-decoration: underline;
	font-weight: bold;
}

a img {border: none; }

h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: large;
 color: #006699;
 margin: 0px;
 padding: 10px 0px;
}

h2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 124%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 110%;
 color: #006699;
 margin: 0px;
 padding: 0px;
 text-align: left;
}

h4{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

ul ul ul ul{
 list-style-type: none;
}
ul ul ul ul ul{
 list-style-type: none;
}

label{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #666699;
	width: 100%;
	background-color: #6594A3;
}

#pagewidth{  
  	width:100%; 
  	text-align:left;  
  	margin-left:auto; 
  	margin-right:auto;
}

#leftcol {float: left;
	display:inline;
	position: relative;
	width:20%;
	margin: 0px;
	padding: 0px;
	background-color: #E0EBEB;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-bottom-style: ridge;
}

#rightcol {
  	float: left;
	display:inline;
	position: relative;
	width:75%;
	border-left: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-bottom-style: ridge;
	padding: 0px 10px 10px 20px;
	background-color: #FFFFFF;
}

#navBar {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #E0EBEB;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-bottom-style: ridge;
}

#headlines{
  	float: right;
	width: 80%;
	border: 1px solid #cccccc;
	padding: 10px 10px 10px 20px;
	background-color: #FFFFFF;
	font-weight: normal;
}
.headlinelinks{font-weight: normal;}
a.headlinelinks:link{font-weight: normal;}
a.headlinelinks:visited{font-weight: normal;}
a.headlinelinks:hover{font-weight: normal;}
a.headlinelinks:visited:hover{font-weight: normal;}

.imgheadline {float: left; clear: both}
a imgheadline {
	border: 5px; border-style: solid;
}

#content{
	float: left;
	width: 75%;
	background-color: #FFFFFF;
}

a.feature:link{
	color: #663399;
	text-decoration: none;
	font-weight: bold;
}

a.feature:visited{
	color: #003366;
	text-decoration: none;
	font-weight: bold;
}

a.feature:hover{
	color: #723F8E;
	text-decoration: underline;
	font-weight: bold;
}
a.feature:visited:hover{
	color: #723F8E;
	text-decoration: underline;
	font-weight: bold;
}

.news {background-color:#E0EBEB; 
	border-width: medium; 
	border-style: groove; 
	border-color:#6666CC; 
	padding: 0 10px;
	margin-bottom: 10px;}
	
.newsheadhead {font-weight:bold;
	font-size:medium;
	color:#006699;
	text-align:left;
	}
	
.newshead {font-weight:medium;
	font-size:small;
	color:#006699;
	text-align:left;
	background-color:#E0E1EB;
	border-width: thin; 
	border-style: solid;
	padding: 10px; 
	border-color:#6666CC;
	}
	
.mailto{font-weight: normal;}
a.mailto:link{font-weight: normal;}
a.mailto:visited{font-weight: normal;}
a.mailto:hover{font-weight: normal;}
a.mailto:visited:hover{font-weight: normal;}

/************** ArtPageStyles **************/

#artcol {width:100%;}

#textcol {font-size: small;
		width:100%;} 
.list {margin-left: 10px; padding-left: 20px;}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #globalNav styles **************/

#globalNav{
	padding: 0px 0px 5px 10px;
	border-bottom: 1px solid #CCC;
	color: #cccccc;
	background-color: #E0EAEB;
}

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 70%;
	padding: 0 4px 0 0;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0;
	padding: 0px 0px 0px 20px;
	background-color: #E0E1EB;
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 70%;
	padding: 2px 0px 2px 12px;
	background-color: #E0EAEB;
	height: 10px;
}
/************* #pointermenu styles *************/
#pointermenu2{
margin: 0;
padding: 0;
}

#pointermenu2 ul{
margin: 0;
margin-left: 0px; /*menu offset from left edge of window*/
float: left;
padding-left: 8px;
font: bold 13px Verdana;
background: #A2C3C3 url(images/leftround2.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #pointermenu2 ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 7px; /*menu offset from left edge of window in IE*/
}

#pointermenu2 ul li{
display: inline;
}


#pointermenu2 ul li a{
float: left;
color: white;
font-weight: bold;
padding: 7px 9px 7px 5px;
text-decoration: none;
}

#pointermenu2 ul li a:visited{
color: white;
}


#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ /*hover and selected link*/
color: black;
background: transparent url(images/pointer.gif) bottom center no-repeat;
}

#pointermenu2 ul li a#rightcorner{
padding-right: 0;
padding-left: 0px;
background: url(images/rightround2.gif) bottom right no-repeat; /*optional right round corner*/
}


/*********** .listLinks styles ***********/

.listLinks{
	position: relative;
	margin: 0px;
	padding: 0px 10px 10px 0px;
	font-size: 100%;
}

.listLinks h3{
	padding: 0px 0px 2px 0px;
}

.listLinks a:link,
.listLinks a:visited {font-weight: bold}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	width: 100%;
}

.feature h3{
	padding: 20px 0px 5px 0px;
	text-align: center;
}

.feature img{
	float: none;
	padding: 10px;
}

.inline img{padding: 0px;}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: small;
}

.story p{
	padding: 0px 10px 10px 10px;
}

.bodystyleleft {float: left;
	padding: 10px;
	margin: 10px;
}
.bodystyleright {float: left;
	padding: 10px;
	margin: 10px;
}

.clearleft{
	clear: left;
	padding: 10px 0px 0px 10px;
	font-size: small;
}

.clearright{
	clear: right;
	padding: 10px 0px 0px 10px;
	font-size: small;
}
.portoliolink {font-size: medium; font-weight: bold; padding-right: 20px;}

/**** Table & Form Styles ****/

.tableheader {font-weight: bold; color: #ff9900; font-size:medium; text-align: left;}
.tableheader2 {font-weight: bold; color: #ff9900; font-size:small; text-align: left;}
.tablecellheader {font-weight: bold; color: #ff9900; font-size:.9em;}


table.sample {
	border-width: 1px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #000066;
	border-collapse: collapse;
	background-color: #B5CBEF;
	background-image: url(images/tile_back.gif) top left no-repeat;
	width: 100%;
}
table.sample th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: #FFFFFF;
	background-color: #e6e6f1;
	background-image: url(images/tile_sub.gif) top left no-repeat;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
	border-width: 1px;
	padding: 2px;
	border-style: inset;
	border-color: #FFFFFF;
	background-color: #e6e6f1;
	-moz-border-radius: 0px;
}

.formheader {font-weight: bold; background-color: #E0EBEB; color: #006699; font-size:medium; text-align: left;}
.formsubhead {font-weight: bold; background-color: #e6e6f1; color: #006699; font-size:medium; text-align: left;}
.formsmalltext {color: #006699; font-size:.9em;}

/************* #siteInfo styles (bottom) ***************/

#siteInfo{
	clear: both;
	border: 1px solid #cccccc;
	font-size: 75%;
	font-weight:normal;
	color: #006699;
	padding: 10px 10px 10px 10px;
	background-color: #E0E1EB;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

.siteinfolinks {font-size: x-small; font-weight:normal;}

/************** #paragraph styles **************/
.byline {
	font-family: Arial, sans-serif;
	padding-left: 10px;
	font-size: x-small;
}
.top {
	font-family: Arial, sans-serif;
}
.TOC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #006699;
	display: block;
	border: 4px double #006699;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.newsletterDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	background-color: #A2C3C3;
	display: block;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	border: medium double #000000;
	text-indent: 4px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tocList {
	font-size: small;
	font-weight: bold;
	list-style-type: disc;
	line-height: 170%;
} 
.storyLeft {
	display:inline;
	position: relative;
	float: left;
	clear: both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666699;
	margin-bottom: 20px;
	width: 100%;
}
.storyRight {
	display:inline;
	position: relative;
	float: right;
	clear: both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666699;
	margin-bottom: 20px;
	width: 100%;
}
.paragraphLeft {
	display:inline;
	position: relative;
	float: left;
}

.paragraphRight {
	display:inline;
	position: relative;
	float: right;
}

/************** #caption styles **************/

.captionRight {
	font-size: x-small;
	color: #006699;
	text-align: right;
	margin: 5px 5px 5px 10px;
	float: right;
	clear: right;
	width: 275px;
	}
.captionLeft {
	font-size: x-small;
	color: #006699;
	text-align: left;
	margin: 5px 10px 5px 5px;
	float: left;
	clear: left;
	width: 250px;
}
#captionNarrow {
	font-size: x-small;
	color: #006699;
	text-align: left;
	width: 150px;
}
#captionMedium {
	font-size: x-small;
	color: #006699;
	text-align: left;
	width: 200px;
}
#captionMwide {
	font-size: x-small;
	color: #006699;
	text-align: left;
	width: 225px;
}
#captionWide {
	font-size: x-small;
	color: #006699;
	text-align: left;
	width: 250px;
}
#captionWider {
	font-size: x-small;
	color: #006699;
	text-align: left;
	width: 275px;
}
#captionXwide {
	font-size: x-small;
	color: #006699;
	text-align:left;
	width: 300px;
}
/************* #image styles ***************/
img.newsfloatRight { 
    float: right; 
    margin: 10px 10px 5px 10px; 
}

img.newsfloatLeft { 
    float: left; 
    margin: 10px 10px 5px 0px; 
}
img.floatRight { 
    float: right;
}

img.floatLeft { 
    float: left;
}

.imgbox {margin: 10px;
	background: #FFF;}
/************* #figure styles ***************/	
div.figure {
  float: left;
  width: 225px;
  border: thin silver solid;
  margin: 10px;
  padding: 10px 5px;
}
div.figureleft3xthin {
  float: left;
  width: 100px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright3xthin {
  float: right;
  width: 100px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
} 
div.figureleftxxthin {
  float: left;
  width: 125px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightxxthin {
  float: right;
  width: 125px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleftxthin {
  float: left;
  width: 150px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightxthin {
  float: right;
  width: 150px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleftthin {
  float: left;
  width: 175px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightthin {
  float: right;
  width: 175px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleftmthin {
  float: left;
  width: 200px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightmthin {
  float: right;
  width: 200px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleft {
  float: left;
  width: 225px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright {
  float: right;
  width: 225px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}

div.figureleftmed {
  float: left;
  width: 250px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightmed {
  float: right;
  width: 250px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleftmwide {
  float: left;
  width: 275px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightmwide {
  float: right;
  width: 275px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleftwide {
  float: left;
  width: 300px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightwide {
  float: right;
  width: 300px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}

div.figureleftxwide {
  float: left;
  width: 325px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightxwide {
  float: right;
  width: 325px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}

div.figureleftxxwide {
  float: left;
  width: 350px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figurerightxxwide {
  float: right;
  width: 350px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleft3xwide {
  float: left;
  width: 375px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright3xwide {
  float: right;
  width: 375px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figureleft4xwide {
  float: left;
  width: 400px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright4xwide {
  float: right;
  width: 400px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
  
div.figureleft5xwide {
  float: left;
  width: 420px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright5xwide {
  float: right;
  width: 420px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}

div.figureleft520wide {
  float: left;
  width: 520px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright520wide {
  float: right;
  width: 520px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}

div.figureleft570wide {
  float: left;
  width: 570px;
  border: thin silver solid;
  margin: 10px 10px 20px 0;
  padding: 10px 5px;
}
div.figureright570wide {
  float: right;
  width: 570px;
  border: thin silver solid;
  margin: 10px 0 20px 10px;
  padding: 10px 5px;
}
div.figure img {float: left}
div.figure p, div.figureleft p, div.figureright p, div.figureleft3xthin p, div.figureright3xthin p, div.figureleftxxthin p, div.figurerightxxthin p, div.figureleftxthin p, div.figurerightxthin p, div.figureleftthin p, div.figurerightthin p, div.figureleftmthin p, div.figurerightmthin p, div.figureleftmed p, div.figurerightmed p, div.figureleftmwide p, div.figurerightmwide p, div.figureleftwide p, div.figurerightwide p, div.figureleftxwide p, div.figurerightxwide p, div.figureleftxxwide p, div.figurerightxxwide p, div.figureleft3xwide p, div.figureright3xwide p, div.figureleft4xwide p, div.figureright4xwide p, div.figureleft5xwide p, div.figureright5xwide p, div.figureleft520wide p, div.figureright520wide p, div.figureleft570wide p, div.figureright570wide p  {
	clear: both;
    text-align: left;
    text-indent: 0;
	font-family: Arial, sans-serif;
	font-size: 85%;
	line-height: 1.36;
	color: #006699;
	margin: 0px;
	padding: 10px;
}

/************* #search styles ***************/

#search{
	padding: 10px 0px 5px 10px;
	font-size: 90%;
	border-top: 3px solid #666699;
}

#search form{
 	margin: 0px;
 	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {
	display: block;
	width: auto;
	font-weight: normal;
}
#navBar ul {list-style: none; margin: 0; padding: 0; font-weight: normal;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px #666699;
	font-size: 90%;
	font-weight: normal;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	border-top: 1px solid #723F8E;
	padding: 2px 0px 2px 10px;
	font-weight: normal;
}

#sectionLinks a:hover{
	background-color: #E0EBEB;
	font-weight: normal;
}

/************** #headlines styles **************/

#headlines{
	margin: 10px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
	font-weight: normal;
	float: right;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

.byline {
	font-family: Arial, sans-serif;
	padding-left: 10px;
	font-size: x-small;
}
.imagedescription {
	clear: both;
	font-family: Arial, sans-serif;
	font-size: x-small;
	line-height: 1.36;
	color: #006699;
}

.top {font-size: x-small;}
.ezineheads {color: white; background:#009999; font-size: normal; font-weight: bold; height: 16px;}
.xsmall {font-size: x-small}
.regular {font-family: Verdana, Arial, Helvetica, sans-serif}
.eightyPercent {font-family: Arial, Helvetica, sans-serif; font-size: 80%;
color: #006699}

/************** thumbnails **************/	
	
.thumb {float: left;
  border: thin silver solid;
  margin: 10px;
  padding: 5px;}

p.thumbcaption {
	clear: both;
    text-align: left;
    text-indent: 0;
	font-family: Arial, sans-serif;
	font-size: 85%;
	line-height: 1.36;
	color: #006699;
	margin: 10px;
	padding: 5px}
/************** #clearfix **************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline;}

/* Hide from IE-mac */

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */ 
.small {font-size: small}