/* Style file written for my MetNet homepage
               Peter Lean, October 2008         */
    

h1 		{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#99CC00; font-weight: normal; font-size: 200%; line-height:100% }
h1.header 	{ text-align: center; font-size:240%; }
p,ul,ol,a,td,b,i{ font-family: verdana,arial; font-size: 93%; line-height: 1.6; color:#555555; text-decoration: none; }

h2		{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#222222; font-weight: normal; font-size:120%; }
h3		{ font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#222222; font-weight: normal; font-size:100%; }

/* mouse-over effects for links */
a:link 		{ color: #666699; text-decoration: none; }
a:visited 	{ color: #666699; text-decoration: none; }
a:hover 	{ text-decoration: underline; color: #0066FF; background-color: #EEFFFF; }
a:active 	{ background-color:#FFFF55; }

ul 		{ list-style-type: square; list-style-position: inside; }
ol		{ list-style-position: outside; }
li.s	{ margin-top: 2em; } 

div.container 	{ width: 75%; margin-left: 15%; margin-top: 5%;
		  border: 1px solid #DDDDDD; line-height:120%; background-color: white; }

div.container-wide { width: 90%; margin-left: 5%; margin-top: 5%;
		  border: 1px solid #DDDDDD; line-height:120%; background-color: white; }

div.header, div.footer,div.spacer { padding: 0.5em; color: gray;
			  background-color: white; clear: left; }	

div.top 	{ padding-left: 5em; padding-right: 5em; color: gray;
		  background-color: white; clear: left; float:none; }	

div.header 	{ margin-left: 15%; }	

div.left 	{ float:left; width:50% ; margin: 0; padding:1em; line-height: 150%; clear:both; }

div.lhs 	{ float:left; width:50% ; margin: 0; padding:2em; line-height: 150%; }
div.rhs 	{ display:block; width:50% ; margin-left: 50%; padding:2em; line-height: 150%; }

div.content 	{ padding:1em; line-height: 150%; }

img.float	{ float: left; }

body		{ background-color: #EEEEEE; } 

/* shadow-effect for images */
.img-shadow 	{ float:left; background: url(http://www-nwp/~frpl/common/shadowAlpha.png) no-repeat bottom right !important;
		  background: url(http://www-nwp/~frpl/common/shadow.gif) no-repeat bottom right; margin: 10px 30px 0 10px !important;
		  margin: 10px 0 0 5px; }

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

.img-shadow-r 	{ float:right; background: url(http://www-nwp/~frpl/common/shadowAlpha.png) no-repeat bottom right !important;
		  background: url(http://www-nwp/~frpl/common/shadow.gif) no-repeat bottom right; margin: 10px 30px 0 10px !important;
		  margin: 10px 0 0 5px; }

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


img.left 	{ float:left; margin-left: 25px; display:inline;}	/* used on logo in header */

img.nofloat	{ float:none; clear:both; display:block; }

table.small-text{ font-size: 80%; }
table		{ float:none; display:block; clear:both; }

hr		{ width:93%;  color: #99CC00; background-color:#99CC00; border:0; margin-top:3em; margin-bottom:3em; }