/* CSS layout */

body {
  text-align:left;	
  /* background-image: url("../images/blue_gradient_v5.jpg"); */
  background-image: url("../images/OregonSunset-lw.jpg");
  background-repeat: no-repeat; 
  background-position: top center;
  background-attachment: fixed;
  background-color: lightyellow;
  font-family: Palatino,Palatino Linotype,Georgia,Times,Southern,comic sans,Arial,Geneva,Helvetica,comic sans ms,apple casual;	
  color: navy;

}

.wrapper {
	text-align: left;
	max-width: 1200px;
	background: lightyellow;
	border: thin;
	border-color: #91BEFF;
	border-style: solid;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	
	
}

#masthead {
	text-align: center;
	background-color: #A6D0FF;
	padding: 1px;
	min-height: 30px;
}

#top_nav {
	text-align: center;
	background-color: black /* #91BEFF */;
	padding: 4px;
	background-image: url("../images/blue_bar_3.gif");

}

#container {
    text-align:left;
	position: relative;
	background-color:lightyellow;
	padding: 4px;
		
}

#spacer {
	width: 260px;
}

#navigation {
	border: thin #91BEFF solid;
	text-align: left;
	/* min-width: 200px; */
	/* max-width: 260px; width:expression(document.body.clientWidth > 200? "200px": "auto" );  for IE */;
	width: 260px;
	/* float: left; */
	background-color: #F2F9FF;
	padding: 0px;
	min-height: 100px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 6px;
	 -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

}

#navigation h2 {
        color: navy;
        background-color: #E8F1FF;
        border: thin #91BEFF solid;
        margin: 0px;
        padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
}

#page_content {
	text-align: left;
	background-color: lightyellow;
	padding: 5px;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 400px;
	font-size: 100%;
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

#gallery_content {
	text-align: left;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	min-height: 400px;
	font-size: 100%;
}

#footer {
	text-align: center;
	background-color: #91BEFF;
	background-image: url("../images/blue_bar_3.gif");

}

.footer_text {
	padding: 6px;
	font-weight: bold; 
}

#ads {
	border: thin transparent /* #91BEFF */ solid;
	/* float: right;
	min-width: 100px;
	max-width: 200px;
	*/
	background-color: transparent /* #F2F9FF */;
	padding: 0px;
	margin: 6px;
	text-align: left;
}

#smallads {
	border: thin transparent /* #91BEFF */ solid;
	background-color: transparent /* #F2F9FF */;
	padding: 0px;
        margin-top: -18px;
        margin-left: -200px;
        min-width: 100px;
        max-width: 200px;
	text-align: center;
	float: left;
}

#extras {
	text-align: center;
	font-size: 90%;
	padding: 10px;
}

#searchplus {
	border: thin #91BEFF solid;
	text-align: center;
	font-size: 90%;
	width: 248px;
	background-color: #F2F9FF;
	padding: 6px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 1em;
	-moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

.recentbox {
	border: thin #91BEFF solid;
	text-align: left;
	background-color: #F2F9FF;
	padding: 0px;
	width: 800px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 42px;
}

P {
    margin-bottom:6px;
    margin-top:6px;
}

.firstletter:first-letter {
	font-size:260%; 
	float:left;
	line-height:.86em;
}

HR {
   border: 0; /* bizarre Mozilla requires this to work. Standards or a bug?!?*/
   margin: 0;
   padding: 0;
   height: 1px;
   color: navy; /* IE likes this */
   background-color: navy; /* Mozilla likes this */
}

A:link {
  color: blue;
}
A:visited {
  color: darkblue;
}
A:active {
  color: darkcyan;
}

A:link, A:visited, A:active {
 font-weight: 600;
}

H1, H2, H3, H4{
   font-weight: bold; 
   margin-top:8px;
   margin-bottom:4px;
   color: navy; 
   background: transparent;
   }

H1 { font-size:160%; }
H2 { font-size:125%; }
H3 { font-size:115%; }
H4 { font-size:105%; }

.reviewheader {
	font-weight: bold; 
	margin-bottom:0px;margin-top:0px;
    background: #99ccff;
}

BLOCKQUOTE {
    margin-bottom:0px;
    margin-top:0px;
    margin-left: 1em;
}

.tight {
   	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding: 0px;
	margin: 0px;
}

.small-caps {
  font-variant: small-caps;
}

OL,UL,LI {
  margin-bottom: 0em; margin-top: 0em;
}

li {
  margin-bottom: 5px;;
}


A.topmenulink:link, A.topmenulink:visited, A.topmenulink:active {
  color: navy;
  font-weight: bold;
  background-color: transparent /* #BEE2FC */;
  text-decoration: none;
  text-align: center;
  border: 0px solid transparent;
  padding: 1px 4px 1px 4px;
}

A.topmenulink:hover  {
  color: blue;
  font-weight: bold;
  /* background-color: navy;
  border: 0px solid white;
  */
  text-decoration:underline;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

A.menulink:link, A.menulink:visited, A.menulink:active {
  color: navy;
  font-weight: bold;
  background-color: transparent;
  text-decoration: none;
  display: block;
  text-align: left;
  border: 0px solid white;
  padding: 0px 2px 0px 2px;
  font-size: 90%;
  text-indent: -1em; margin-left: 1.5em;
}

A.menulink:hover  {
  color: blue;
  font-weight: bold;
  /* background-color: navy; 
  border: 0px solid white;*/
  text-decoration: underline;
  display: block;
  font-size: 90%;
  /* text-indent: 0em; margin-left: 0.5em; */
}

A.subscribemenulink:link, A.subscribemenulink:visited, A.subscribemenulink:active {
  color: white;
  font-weight: bold;
  /* background-color: #BEE2FC; */
  text-decoration: none;
  display: block; 
  text-align: left;
  border: 0px solid navy;
  padding: 0px 2px 0px 2px;
  font-size: 90%;  
  font-style: oblique;
  text-indent: -1em; margin-left: 1.5em;

}

A.subscribemenulink:hover  {
  color: blue;
  font-weight: bold;
  background-color: cyan;
  text-decoration: none;
  font-size: 90%;  
  text-indent: -1em; margin-left: 1.5em;
  padding: 0px 2px 0px 2px;

}

A.searchlink:link, A.searchlink:visited, A.searchlink:active {
  color: white;
  font-weight: bold;
  background-color: transparent /* #BEE2FC */;
  text-decoration: none;
  text-align: center;
  border: 0px solid transparent;
  padding: 1px 4px 1px 4px;
}

A.searchlink:hover  {
  color: white;
  font-weight: bold;
  background-color: navy;
}

.searchlist {
  color: yellow;
}

.tight {
   	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding: 0px;
	margin: 0px;
}

.clear {
 clear: both;
}

.img-shadow {
  float:left;
  background: url(../images/shadowAlpha.png) no-repeat bottom right !important; 
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0px 0px 10px !important; 
  margin: 10px 0 0 5px; 
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid black /* #a9a9a9 */;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  } 

.alpha-shadow {
  float: left;
  background: url(../images/shadow1.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.alpha-shadow div {
  background: url(../images/shadow2.png) no-repeat left top !important;
  background: url(../images/shadow2.gif) no-repeat left top;
  padding: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color: #fff;
  border: 1px solid #a9a9a9;

  padding: 4px;
}

.dropshadow{

}
.dropshadow img{
 padding: 6px;
 border: 1px solid black;
 background-color: white;
 -moz-box-shadow: 3px 3px 4px gray;
 -webkit-box-shadow: 3px 3px 4px gray;
 box-shadow: 3px 3px 4px gray;
 /* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='gray');
}

.dropshadowold img{
position:relative;
bottom:6px; /* 6px */
right: 4px; /* 8 px */
border: 1px solid #eee;
border-color: black /*#eee #888 #666 #ddd */;
background:#fff;
padding: 4px; /* 8px 6px 15px 6px gives us the white area - but not in IE5 + IE5.5 */
margin: 0px;
}


.image_info {
 margin: 0px 30px 30px 30px;
 padding: 0px;
}

.message {
  font-weight: bold;
  background-color: lightyellow;
  color: blue;
  font-style: oblique;
  padding: 10px;
  
}

.translate {
  font-style: oblique;
}

.edit {
  font-style: oblique; 
}

.hint {
  font-style: oblique; 
}

.small {
  font-size: 90%; 
}

.red {
  color: red; 
}

.slideshowlink {
 font-style: oblique;
 font-size: 90%;  
}

.force_above {
 width: 100%;
 background-color: yellow;

}

.indent1em {
  margin-left: 1em;
}

.indent2em {
  margin-left: 2em;
}

table.shadowbox {
	border-color: #00055D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
        padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	/* background: #ECF3FF;    #D9E8FF #C3DBFF */
	/* font-family: verdana, arial, sans-serif; */
	font-size: 115%;
	background: white; /*#E9EFFF;  #94B0FA; */
	background-image: url("../images/blue_gradient_v5.jpg");
	background-repeat: repeat-x;	

}

.shadowbox td  {
   padding: 10px;
   border-color: #00055D;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-collapse: collapse;
}

table.shadowbox td.nolines {
  /* border-style: hidden; */
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-collapse: collapse;
}

.notice {
        width: 500px;
	border-color: #00055D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	padding: 0px;
	margin: 30px;
	border-collapse: collapse;
	font-size: 115%;
	background: white; /*#E9EFFF;  #94B0FA; */
	background-image: url("../images/blue_gradient_v5.jpg");
	background-repeat: repeat-x;
}

.back {
  font-size: 90%;
  margin-top:2em;
  font-style: oblique;
}

.toggle {
  font-size: 90%;  
  margin-top:2em;
  margin-right:1em;
  font-style: oblique;
}

.mindmapping {
  margin-left: 70px;
  clear: right;
}
.ugm {
  text-align: center;
  margin-left: -2em;
  font-size: 90%;
}

.gallery_intro {
 height: 160px;
 width: 500px;
}

.gallery_group_table {
 
 min-width: 800px;
}

@media print
{
   .non-print
   {
     display: none;
   }
   
   body {
     background-image: none;
   } 
   
   #container, #page_content, .wrapper, BODY {
     background-color: white;
   }
   
   #footer {
     border-top-width: 0px;
     background-image: none;
     background-color: white;
   }
   
   .wrapper {
     border: 0;
   }
   
   #navigation, #searchplus, #top_nav, #spacer, .back {
	 display: none;
   }
   
   #masthead {
	 border-color: #00055D;
	 border-style: solid;
	 border-top-width: 1px;
	 border-right-width: 2px;
	 border-bottom-width: 2px;
	 border-left-width: 1px;
    }


}

.blog_text {
 margin-left: 30px;
 margin-right: 30px;
}

.blog_article {
 margin-top: 4px;
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-color: #00055D;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 border-left-width: 1px;
}

.iphonediv {
  background-color: orange;
}

.noniphonediv {
  background-color: lightgreen;
}


A.transparentlink:link, A.transparentlink:visited, A.transparentlink:active {
  color: transparent;
}

.intro {
 text-align:left;
 background-color: tranparent;
 width: 600px;
}

.columndiv {
  background-color: transparent;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 90px;
  min-width: 10%;
  float:left;
  display:inline;
  text-align: left;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.columndiv2 {
  background-color: transparent;
  margin: 0px;
  padding: 0px;
  float:auto;
  display:inline;
  text-align: center;
}

.summary_title {
  font-weight: bold;
}

.summary_title A {
  text-decoration: none;
  color: darkblue;
  font-weight: bold;
}

.summary_title A:hover {
  text-decoration: underline;
}

.summary_text {
  
}

.summary_text A {
  font-style: oblique;
  font-size: 80%;
}

.member_info {
 background-color: transparent;
 max-width: 1080px;
 text-align: right;
 font-size: 90%;
 margin-top: 0px;
 margin-bottom: 6px;
}

.member_info A {
  color: default;
}

.top_line {
 background-color: transparent;
 max-width: 1200px;
 text-align: right;
 font-size: 90%;
 margin-top: 0px;
 margin-bottom: 6px;
}

.top_line A {
  color: default;
}

.top_search {
 background-color: transparent;
 max-width: 1080px;
 text-align: right;
 font-size: 90%;
 margin-top: 0px;
 margin-bottom: 0px;
}

input, textarea {
  -moz-border-radius: 5px;
  border-radius: 5px;
}