.pagenav {
	float: left;
	width: 500px;
	padding: 12px;
	font-size: 18px;
	color: #333;
}
.pagenav a {
	padding: 2px 4px;
	font-size: 18px;
	color: #4c82a8;
}
.pagenav a:hover {
	background: #4c82a8;
	font-size: 18px;
	color: #fff;
}
.pagenav span {
	padding: 2px 4px;
	background: #4c82a8;
	font-size: 18px;
	color: #fff;
}

html {
	color: #000;
	background-color: #778899;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/*Default Page Layout */

/* Global attributes***********/

body {
font-family:Arial, Helvetica, sans-serif;
font-size: .9em;
line-height: 1.35em;
}

#wrapper {
width:950px;
background:#F3F3F3;
margin:10px auto;
border-top: 4px solid #aeaeae;
}

#header {
color:#333;
width:950px;
float:left;
background: #aeaeae;
}

#navigation {
float:left;
width:940px;
color:#333;
background:#AEAEAE;
padding-left: 10px;
}

a {
color:#4C82A8;
outline:none;
}

a:hover {
color:#009;
}

h3 {
font-size: 1.4em;
padding: 5px 0px;
border-bottom:1px #CCC dotted;
}

h4 {
font-size: 1em;
padding: 0px 0px 3px 0px;
letter-spacing: .067em;
}

h5 {
font-size: 1em;
padding: 5px 0px;
border-bottom:1px #CCC dotted;
}

strong {
font-weight:bold;
} 

#bigart {
padding:0 0 20px 0;	
}

/*photos***********/
/*NEW photos section to replace coppermine*/

#photos #rightcolumn h3 a{
color: #009;
}

#photos #rightcolumn h4 a{
padding: 0px 3px;
}

#photos #rightcolumn div.clear {
clear:left;
padding-top: 10px;
/*border-bottom:1px #CCC dotted;
padding: 5px 10px 0px 10px;
background: #DDD;*/
}

#photos #rightcolumn div.clear div {
float:left;
clear:none;
width:200px;
height:200px;
overflow:hidden;
padding:10px;
border:1px #CCC solid;
margin: 3px;
background: #DDD;
}

#photos #rightcolumn div.clear div img{
border:1px #CCC solid;
}

#photos #rightcolumn div.clear div p {
font-size: .8em;
padding: 5px 10px 0px 10px;
}

#album #rightcolumn #slflashcontent div.column p,
#album #rightcolumn #slflashcontent div.column img {
padding-left:0em;
}

/* headline***********/

.headline {
font-weight:700;
}

h3.headline {
color:#009;
}

#rssgraphic {
position:relative;
padding-left:10px;
}

/* rightcolumn***********/

#rightcolumn {
float:right;
color:#333;
background:#F3F3F3;
height:auto;
width:689px;
display:inline;
padding:10px;
}

#rightcolumn ul li {
font-size: .9em;
padding: 0px 5px;
}

#rightcolumn #contact ul {
padding: 5px 0px;
/*font-size: .9em;*/
}

#rightcolumn #contact ul li {
padding: 2px;
}

#rightcolumn #noscript p {
clear: both;
font-size: .8em;
background: #CB9677; /*#85B951;*/
padding: 10px;
margin-top: 15px;
color: #F3F3F3;
}

/* leftcolumn***********/

#leftcolumn {
color:#333;
background:#F3F3F3;
height:auto;
width:220px;
float:left;
padding:10px;
}

/*footer***********/

#footer {
width:930px;
clear:both;
color:#333;
height:1em;
background:#AEAEAE;
padding: 5px 10px 10px 10px;
}

#footer #copyright {
float:left;
clear:none;
font-size: .8em;
}

#footer #copyright a {
color: #009;
}

#footer #slogan {
float:right;
clear:none;
font-size: .8em;
}


/*vertical menu***********/

#leftcolumn #moreservices {
border: 1px #DDD solid;
background: #EEE;
}

#leftcolumn #moreservices .first {
padding:10px 0 10px 10px;
border-bottom: 1px #F3F3F3  dotted;
background: #DDD;
font-weight: bold;
font-variant: small-caps;
letter-spacing: .067em;
}

#leftcolumn #moreservices .button.first a{
/*color: #56A14D;#8387A0;*/ 
color:#006;
}

#leftcolumn #moreservices .button.first a:hover, 
#leftcolumn #moreservices .button.first a:visited {
color: #88B76A;/*#616A9F;*/
}

#leftcolumn #moreservices .button {
padding:10px 0 10px 10px;
border-bottom: 1px #CCC dotted;
}

#leftcolumn #moreservices .last {
border: none;
}

#leftcolumn #moreservices li.button a {
display:block;
width:200px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#687642;
}

#leftcolumn #moreservices li.button a:hover, 
#leftcolumn #moreservices li.button a:visited {
color:#335566; /* change this color*/
}

.horizlist li {
list-style-type:none;
display:inline;
padding:0 10px;
}

span.searchword {
background-color:#FF0;
}

#rightcolumn.noleftcolumn {
width:930px;
float:left;
padding:10px;
}


/* view stories***********/

#vs .headline {
font-weight:700;
font-family:verdana;
clear: both;
float:left;
color: #009;
}

#vs .date {
margin:10px 0;
clear:both;
float:left;
white-space: nowrap;
}

#vs .article p {
clear:left;
padding: 0 0 5px 0;
font-size: .9em;
text-align:justify;
}

/* story attributes***********/

#vs #emailform,
#sl #emailform,
#album #emailform,
#video #emailform,
#image #emailform {
display:none;
}

#vs #emailform.show,
#vs #emailform li,
#vs #emailform label,
#sl #emailform.show,
#sl #emailform li,
#sl #emailform label,
#album #emailform.show,
#album #emailform li,
#album #emailform label,
#video #emailform.show,
#video #emailform li,
#video #emailform label,
#image #emailform.show,
#image #emailform li,
#image #emailform label {
display:block;
}

#article_image {
padding: 40px 0px 10px 0px;
}

#vs #rightcolumn .illustration_right {
float:right;
clear:both;
padding: 0 0 10px 10px;
}

#vs .gmap_rightcol {
padding-left:10px;
height:200px;
width:200px;
}

#vs .geotaglabel{
width:200px;
white-space:nowrap;
}

#vs #rightcolumn .illustration_right #credits{
font-size:.7em;
}

#vs #rightcolumn .illustration_right #caption{
font-size:.8em;
float:left;
clear:both;
}

#credits {
font-size: .8em;
color: #006;
padding: 0px 5px;
}

#caption {
display: block;
font-size: .8em;
font-style: italic;
padding: 5px;
}

/* storylink attributes***********/

#storylinks {
margin-bottom: 35px;
clear:both;
}

#storylinks ul li{
display: inline;
font-size:.8em;
}

#storylinks ul li ul{
/*display: inline;*/
}

#storylinks ul li img {
display: inline;
padding: 0px;
}

/* tags,relatedstories, placedwires***********/

#tags, #relatedstories, #placedwires {
padding: 10px 0px;
font-size: .9em;
}

#vs #rightcolumn #placedwires li{
display:inline;
padding: 0px 5px;
border-right:1px #ccc solid;
}
#vs #rightcolumn #placedwires li.last{
border:none;
}

/*articles,wires,date***********/

#shortlisting3 h3  {
/*color: #56A14D;*/
color:#000;
font-variant: small-caps;
letter-spacing: .067em;
background: #DDD;
padding: 5px 10px;
margin-top: 10px;
border-bottom:1px #F3F3F3  dotted;
}

#home .article, #wires .article {
border-bottom:1px #CCC dotted;
color:#525252;
padding:15px 0;
float: left;
}

#home .last, #wires .last {
border:none;
}

#home .article p, #wires .article p {
clear: left;
padding: 0px;
font-size: .9em;
}

/*#home .article h4 .headline,
#wires .article h4 .headline,
#home .article .date,
#wires .article .date {
clear:left;

}*/

#home .article h4 .headline,
#wires .article h4 a {
color: #009;
font-weight: 700;
letter-spacing:0;
}

#home .article .date,
#wires .article .date,
#vs #rightcolumn .date {
float: left;
font-style:italic;
font-size: .8em;
color:#A3A3A3;
}

#home .article .headline,
#wires .article .headline {
color: #009;
font-weight: 700;
padding-top: 0px;
}

#home .previewimage,
#wires .previewimage {
float: right;
margin: 10px 7px;
}


/*contact page***********/

#contact #rightcolumn, 
#contact #rightcolumn a{
font-size:.9em;
}

#contact #rightcolumn h3 {
padding: 18px 0 10px 0;
}

#contact #rightcolumn h4 {
padding: 5px 0 5px 0;
background: #DDD;
}

#contact #rightcolumn ul {
padding: 10px 0px 10px 5px;
}

#contact #rightcolumn ul li{
display:  block; /*inline;*/
}

#contact #rightcolumn ul li ul {
display: inline;
margin-left: 10px;
}

#contact #rightcolumn h4 span{
color: #009;
padding:10px;
font-weight: 700;
letter-spacing: 0;
}

/*modules***********/

#stilllife_module .moduletitle a,
#featuredvideo_module .moduletitle a {
color:#fff;
}

#stilllife_module .moduletitle a:hover {
color:#4C82A8;
}

#sl .photodate, #sl .photocredit {
padding:0 10px;
}

#sl .photodate {
padding:0 0 10px;
}

.module {
margin-bottom:15px;
}

.moduletitle {
font-weight:700;
/*font-style:italic;*/
color:#fff;
padding:5px 5px 0px 8px;
}

.modulefooter {
display: inline;
font-size:.7em;
margin:7px 7px 2px;
}

#featuredvideo_module,#stilllife_module {background:#6B7687;}
/*#stilllife_module {background:#006;}*/
#shoutout_module {background:#525252;}

/*still life***********/

.sltitle,.sldate {
text-align:center;
font-weight:500;
font-size:.9em;
margin:5px;
line-height: 1.2em;
}

.sldate {
color:#6B7687;
font-size: .8em;
}

a,.sltitle a,.sldate a {
text-decoration:none;
}

#sl .photocaption,
#sl h4,
#album .photocaption,
#album h4,
#image .photocaption,
#image h4 {
padding:10px;
}

#sl #rightcolumn #slflashcontent img, 
#sl #rightcolumn #slflashcontent p,
#album #rightcolumn #slflashcontent img, 
#album #rightcolumn #slflashcontent p {
padding:5px 10px;
}

#sl #rightcolumn .archivelink,
#album #rightcolumn .archivelink,
#image #rightcolumn .archivelink {
font-size:.9em;
padding: 10px 0px;
}

#sl #rightcolumn .archivelink a,
#album #rightcolumn .archivelink,
#image #rightcolumn .archivelink {
color: #009;
}

#sl #rightcolumn .archivelink a:hover,
#album #rightcolumn .archivelink a:hover,
#image #rightcolumn .archivelink a:hover  {
color: #4C82A8;
}

#sl #rightcolumn #slflashcontent .photocaption, 
#sl #rightcolumn #slflashcontent .photocredit,
#sl #rightcolumn #slflashcontent .yeartaken,
#album #rightcolumn #slflashcontent .photocaption, 
#album #rightcolumn #slflashcontent .photocredit,
#album #rightcolumn #slflashcontent .yeartaken
#image #rightcolumn #slflashcontent .photocaption, 
#image #rightcolumn #slflashcontent .photocredit,
#image #rightcolumn #slflashcontent .yeartaken {
text-align: left;
}

#sl #rightcolumn #slflashcontent .photocaption,
#album #rightcolumn #slflashcontent .photocaption,
#image #rightcolumn #slflashcontent .photocaption { 
font-size:.9em;
padding: 15px 10px;
}

#sl #rightcolumn #slflashcontent .photocredit,
#sl #rightcolumn #slflashcontent .yeartaken,
#album #rightcolumn #slflashcontent .photocredit,
#album #rightcolumn #slflashcontent .yeartaken,
#image #rightcolumn #slflashcontent .photocredit,
#image #rightcolumn #slflashcontent .yeartaken {
font-size:.8em;
padding: 0px 10px;
font-style:italic;
}

#sl #rightcolumn #slflashcontent .photocredit,
#album #rightcolumn #slflashcontent .photocredit,
#image #rightcolumn #slflashcontent .photocredit {
color: #4C82A8;
}

#sl #rightcolumn #slflashcontent .yeartaken,
#album #rightcolumn #slflashcontent .yeartaken,
#image #rightcolumn #slflashcontent .yeartaken {
color: #AEAEAE;
padding: 0px 0px 20px 10px;
}

/*rotators***********/

.rotatorcontrol {
text-align:center;
font-size:.9em;
padding:5px;
}

.rotatorcontrol a {
color:#FFF;
padding:0 2px 2px;
}

.rotatorcontrol a.activeSlide {
background:#4C82A8;
}

.rotatorcontrol p {
text-align:center;
}

#fvrotator div,#slrotator div,#sorotator div {
height:220px;
width:218px; /*298px;*/
text-align:center;
}

#fvrotator div img,#slrotator div img,#sorotator div img{
padding: 10px;
}

#fvrotator,#slrotator,#sorotator {
height:220px;
background-color:#FFF;
border-right:1px #CCC solid;
border-left:1px #CCC solid;
overflow:hidden;
}

/*video page***********/

#video #leftcolumn {
display:none;
}

#video #rightcolumn {
}

#video #categories {
float:left;
width:196px;
font-size: .85em;
}

#video #categories li {
border-top: 1px #CCC dotted;
font-weight:normal;
padding:10px;
}

#video #categories li.selected {
background: #FFF;
padding:10px;
}

#video #categories li.selected a:hover {
color: #000;
padding:10px;
}

#video #categories li.selected a:visited {
color: #000;
padding:10px;
}

#video #categories li.first {
border:none;
background:#DDD; /*#EBEBEB;*/
padding:10px;
}

#video #categories a {
color: #333333;
display:block;
}

#video #categories a:visited {
}


#video #categories a:hover {
color: #4C82A8;
border: none;
}

#video #rightcolumn #leftbox {
float:left;
clear:right;
padding: 0 0 0 10px;
width:724px;
}

#video #rightcolumn #leftbox p{
padding:10px;
}

#video #rightcolumn #leftbox h3 {
padding:10px;
}

#video #logosdiv {
font-size:.7em;
float:left;
clear:both;
width:930px;
padding-top: 45px;
}

#video #logosdiv li {
display:inline;
}

#video #logosdiv p {
padding: 20px 0;
}

#video #logosdiv img {
padding: 10px 35px;
}

#video .poke {
z-index:1;
}
#video .poke2 {
z-index:2;
}

#video #vidinfo {
height:8em;
margin-top: 4px;
}

h3#videotitle {
background: #DDD;
color:#009;
font-weight:700;
border-bottom: none;
font-size:1em;
}

p#videoshortdesc {
color:#525252;
/*border-bottom: 2px #ccc solid;*/
background: #DDD;
font-size:.8em;
}

#video #leftbox a {
float:right;
font-size:.8em;
margin-top: 20px;
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dynamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*menu bar search form***********/



#quicksearchform {
	width:auto;
	float:right;
	clear:right;
	margin:5px;
	padding-right: 10px;
}
#searchbox {
	border: 2px solid #fff;
	font-size:.8em;
}
.searchbutton {
	margin: 0;
	padding: 0 4px;
	border: 1px solid #006;
	background: #006;
	font-size:.8em;
	color: #fff;
	overflow: visible;
	cursor: pointer;
}




#search p.description {
clear:both;
}

/*search result***********/


#search .searchresult,
#search #resultspaging {
padding: 10px 0 0 0;
font-size:.9em;
}

#search .searchresult,
#search #resultspaging {
padding: 10px 0 0 0;
font-size:.9em;
border-top: 1px #CCC dotted;
margin-top: 10px;
}

#search .searchresult a {
color: #009;
font-weight: 700;
}

#search .searchresult a:hover, 
#search .searresult a:visited {
color: #4C82A8;
}

#search .searchresult .date {
font-style:italic;
font-size: .9em;
color:#A3A3A3;
}

#search .searchresult .description {

}

/*this is a cool CSS only drop-down, fly-out menu that works cross browser*/

.menu {
width:950px; 
position:relative; 
z-index:100;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
/*background-color:#000;*/
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:930px;
w\idth:930px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

/*.menu ul ul {width:150px;}*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
float:left;
/*width:150px;*/
position:relative;
}

/* style the links for the top level */
.menu a, .menu a:visited {
display:block;
font-size:12px;
text-decoration:none;
color: #333;
/* width:140px; height:29px;*/ 
background: #aeaeae; 
padding: 0 10px 0 10px; 
line-height:2.3em; 
outline: none;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited 
{/*width:130px; w\idth:130px;*/}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#d4d8bd bottom right no-repeat;
}

/* style the second level hover */
.menu ul ul a.drop:hover 
{background:#c9ba65 bottom right no-repeat;
}

.menu ul ul :hover > a.drop{
background:#c9ba65 bottom right no-repeat;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
background:#e2dfa8;
}

/* style the third level hover */
.menu ul ul ul a:hover {
background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
height:0;
/*top:31px;left:0; /*width:130px;*/
}

/* another hack for IE5.5 */
* html .menu ul ul {
top:2.4em;
t\op:2.4em;
}

/* position the third level flyout menu */
.menu ul ul ul{
left:85px; 
top:-1px; 
width:75px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
left:-75px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
position:absolute; 
top:0; 
left:0; 
border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#AEAEAE; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 5px; 
width:12.5em;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:12.5em;
w\idth:12.5em;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
color: #333; 
background: #acf2fd;
text-decoration: underline;
}

.menu :hover > a, .menu ul ul :hover > a {
color: #333;
background:#acf2fd;
text-decoration: underline;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}