/*  CSS file  PortScreen_v1-2.css     Style Sheet for Portmahomack.net 
    Created July 04,  Last Revision: 30 Jan 2006
	  Copyright 2004-2006, all rights reserved.
	  contact into: webmaster @ Portmahomack.net	 */
  /* -- setup -- */
.noD        { display:none;}	
body, div, p, h3 {border-style:solid;border-width:0px;padding:0px;
              margin:0px;background-color:transparent;}
body         {color: #4f78e3; background-color:#fff8e3; margin:0px;
              font-weight: normal; font-size: 22px;
			   	    font-family: Verdana, sans-serif; }
  /* -- structure -- */
#skin_wrap  {position:relative;width:820px;margin-left:auto;margin-right:auto;/*background-color:blue;*/}
#iskin_wrap  {position:relative;width:800px;margin-left:auto;margin-right:auto;}
div.pagetop {position:relative;width:800px;height:152px;background-color:yellow;text-align:center}
#body_wrap  {position:relative;width:800px;top:0px;}
div.left    {width: 142px;float:left;
						 border-color:black;/*border-right-width:1px;*/
             background-color:white;text-align:center;}

div.center  {position:relative;top:0;width:500px;float:left;}
div.icenter {width:480px;margin-left:auto;margin-right:auto;clear:both;}
div.right   {position:relative;/*left:4px;*/top:0px;width:158px;
             float:right;background-color:white;}
div.bottom  {width:800px;height:60px;border-color:#000066;/*border-width:2px;*/
						 clear:both;background-color: silver;background:rgb(204,204,255);
						 background-color:RGB(200,200,200);text-align:center}
#foot       {width:100%;background-color:blue;height:60px;clear:both;background-color:RGB(200,200,200);text-align:center}						 
p.copyright {color:#000066;;font-family:Times,serif;font-size:12px;}
#foot p.text {font-size:10px;} /*need material here to handle validation buttons*/
 
#cs1				{width:658px;float:right;}		 
.cs2        {width:480px;}
.cs3        {width:240px;float:left;}
.ics3 {width:236px;float:left;}
.cs4        {width:240px;float:left;} 
.ics4 {width:236px;float:right;}
.cs5        {width:320px;float:left;}
.ics5        {width:314px;float:left;}
.cs6        {width:160px;float:right;}
.ics6        {width:158px;float:right;background-color:white;}

   /*---navigation---*/
div.line		{background-color:white; width:800px;                /*navbar*/
						 position:relative;left:0;top:0px;height:28px;}
div.menu    {width: 140px;background-color:#495917;text-align:left;float:left;}
div.news    {background:rgb(204,204,255);padding:0.5em;border:none;}

div.select  {float:left; border-width: 2px; border-color: black;
             border-left-color: white; border-top-color: white;
             background-color:RGB(200,200,200);
             /*width: 138px;*/ width: 152px; height: 18px; } 
div.select2 {float:left; border-width: 2px; border-color: black;
             border-left-color: white; border-top-color: white;
             background-color:RGB(200,200,200);
             width:156px;height:18px;} 


   /*---content---*/
/*-- headings --*/
p.righthead {color:white;background-color: #3399cc;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;							
              padding: 2px; padding-left: 5px;/*margin-top: 1px;*/
              font-size: 16px; font-weight: bold; text-transform: uppercase }
p.alerthead {color:white;background-color: red;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;							
              padding: 2px; padding-left: 5px; margin: 1px; margin-top: 0px;
              font-size: 16px; font-weight: bold; text-transform: uppercase }
p.categoryhead {color:white;background-color: orange/*#3399cc*/;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;							
              padding: 2px; padding-left: 5px;/*margin-top: 1px;*/
              font-size: 16px; font-weight: bold; text-transform: uppercase }

p.rthead2, h2 {color:white; background-color: #3399cc;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;
              padding: 2px; padding-left: 5px; margin: 1px; margin-top: 0px;
              font-family: Verdana,arial,helvetica,sans-serif; 
              font-size: 16px;font-weight: bold;text-transform: uppercase }
p.panelhead {color:#af7f3a;background-color:#fff8e3;border-color:black;
             border-width:1px;padding:3px;font-size:16px;}

 					
div.clock   {width:110px;border-width:1px;border-color:red;margin-left:auto;margin-right:auto;}
div.pic     {margin-left:5px;border-color:red;float:right;} 
div.picl    {border-color:red;float:left;}
div.picpic  {height:107px; margin-bottom:10px;}

div.lab1    {border-width:2px;border-color:black;
             border-left-color:white;border-top-color:white;
             background-color:RGB(200,200,200);
             width:128px;height:18px;} 		
div.label1  {border-width:2px;border-color:black;
             border-left-color:white;border-top-color:white;
             background-color:RGB(200,200,200);
             width:128px;height:18px;margin-left:auto;margin-right:auto;} 		

/* -- links -- */
/*
a            {color: black; text-decoration: none}
a:link       {color: white } 
a:active     {color: white }
a:visited    {color: white }
a:hover      {color: #000000 }*/
a               {color:black;text-decoration:none}
a:link          {color:black;} 
a:active        {color:black;}
a:visited       {color:black;}
a:hover         {color:red;}
a:hover img  {background-color:orange;}
.menu a         {color:black;text-decoration:none}
.menu a:link    {color:white} 
.menu a:active  {color:white}
.menu a:visited {color:white}
.menu a:hover   {color:#000000}
.menub          {font-family:serif;font-style:italic;font-size:14px;}
a.menub         {  }	
a.menub:link    {  }
a.menub:active  {  }
a.menub:visited {color:blue;background-color:red;}
a.menub:hover   {color:blue;background-color:red;}			

span        {background-color:silver;}
.special    {font-weight:bold;}

p           {font-family: Arial, sans-serif;}
p.sel       {padding-left: 4px;color:black;font-size: 13px; font-weight: bold;
              font-family: Verdana,arial,helvetica,sans-serif; } 
p.selc      {padding-left: 4px;color:black;font-size: 13px;
              font-weight: bold; text-align: center;
              font-family: Verdana,arial,helvetica,sans-serif; } 							
p.menuhead  {color: white; background-color: #000066;
              border-color: black; border-width: 1px; padding: 3px;
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;
						  text-align: center; font-size: 16px; font-weight: bold; }
p.menu      {color: white; background-color: #0066cc;
              border-color: black;border-width: 1px; padding: 3px;
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;
  				  	font-size: 16px; /*font-weight: bold*/ }
p.menu2     {color:white;background-color: #FF9D5B; background-color: yellow;
              border-color: black; border-width: 1px; padding: 3px;
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;
						  font-size: 10pt; font-weight: bold }
p.menunew   {color:yellow; background-color: #0066cc;
              border-color: black; border-right-color: yellow;
							border-width: 2px; border-right-width: 5px;
							border-top-color:white;border-left-color: white;
							padding: 3px; font-size: 16px; font-weight: bold }
					
p.body      {color: black; line-height:120%;
             font-family: Verdana, sans-serif; font-size: 12px; }
p.subbody   {color: black; line-height:120%;
             font-family: Verdana, sans-serif; font-size: 11px; }

p.list      {color:#000066;line-height:120%;
             font-family:Ariel,sans-serif;font-size:13px;}
p.mid       {font-size:11px;text-align:right;}									
p.small     {font-size:9px;text-align:right;}							
p.news      {color:#663300;padding:1px;font-size:16px;}
p.newshead  {color:red;}
		

/* feed */
div.scots   {background:rgb(204,204,255);background-color:RGB(200,200,200);
             padding:0.1em;padding-top:0.1em;padding-bottom:1.1em;border-width:2px;font-size:16px;
   					   border-color: black;border-left-color: white;
						 border-top-color: white;text-align:center;}
						 
/*a.newshead {margin:0;,border-width:0;padding:0px;}*/
/*.scots a {margin:0;,border-width:0;padding:0px;}*/
.scots img  {margin-left:auto;margin-right:auto;}

/* test for weather styling */
div.wpad {width:100%;background:rgb(255,255,255);position:relative;height:172px;margin-top:2px;}
#whead {font-size:15px;font-style:bold;color:white;background-color:#3399CC;width:100%;text-align: center;}
#wtr {position:absolute;top:25px;left:15px;}
#wia {position:absolute;top:45px;left:85px;}
#wwa {position:absolute;top:95px;left:15px;}
#wtr p, #wia p, #wwa p {font-size:11px;font-style:normal;color:black;width:100%;text-align:left;}
.wpad img {border-width:0px;}
div.weather {width:100%;/*background-color:rgb(204,204,255);*/background-color:rgb(250,250,255);border:1px;position:relative;height:100px;}

/* test for cs styling*/
div.test1 {width:154px;border-style:dotted;border-bottom-width:2px;margin-bottom:6px;/*margin-top: 2px;*/}
h3, .rtsubhead, .rsh  {color:white;background-color: #3399cc;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;							
              padding: 2px; padding-left: 5px;
              font-size: 14px; font-weight: bold; text-transform: uppercase }
p.subalerthead {color:white;background-color: red;  
              border-width: 2px; border-color: black;
							border-top-color:white;border-left-color: white;
							padding:2px;padding-left:5px;
              font-size:14px;font-weight:bold;text-transform:uppercase}
p.sig       {color:black;line-height:120%;
             font-family:Verdana,sans-serif;font-size:10px;}

p.cap {font-family:Verdana,sans-serif;font-size:10px;text-align:center;}