/* Header */
body {height: 5000px; font-family: Georgia;}

h1  {font-size: 20pt;}
div.welcome {position: absolute; left: 3%; top: 300px; width: 890px; height: 2000px;
            text-align: justify;  color: white;
            border: 10px double aqua; padding-left: 25px; padding-right: 25px; padding-top: 5px; 
            background-color: navy;}


h1.welcome  {text-align: center; border: 0px dashed red; width: 65%;}            

div.facebook {position: absolute; top: 0px; right: 0px; background-color: white;}
div.twitter  {position: absolute; top: 600px; right: 0px;}

div.triond {position: absolute; top: 1000px; right: 0px;}

div.associatedcontent {position: absolute; top: 1500px; right: 0px; width: 250px;}

div.topstory {width: 65%;}
/* ==================================================================================*/

/* Section 1 */
a {color: white;}
a.visited {color: yellow;}
a.newmenu   { color: white; }
a:visited.newmenu  {color: lime; }
a:hover.newmenu {background-color: yellow; color: navy;}
a.newmenu, a:visited.newmenu       {font-size: 14pt; background-color: navy;
                                    font-weight: bolder; height: 10em;}
div.nav     { background-color: maroon; text-align: center; width: 95%;}
table.nav { text-align: center; width: 100%;}
tr.nav { background-color: navy; text-align: center;}                    

/* ==================================================================================*/

/* Section 2 */
div.section2    {position: absolute; left: 3%; border: 0px red solid; height: 200px; width: 950px;}

img.couglogo {position: absolute; top:10px; left:0px;}
img.pjetlogo {position: absolute; top:10px; left:200px; }
img.pamslogo    {position: absolute; top:10px; right:0px;}
span.cougcaption {position: absolute; top: 180px; left: 5px; 
                    font-style: italic; color: navy; font-weight: bold;}

/* ==================================================================================*/

/* Section 3 */
div.section3    {position: absolute; top: 2400px; left: 3%; width: 950px; height: 230px;
                    border: green 0px inset;}

div.store   {position: absolute; top: 0px; right: 0.5px;}
div.newsletter  {position: absolute; top: 0px; left: 0px;
                border: 5px outset maroon; height: 220px; width: 38%;
                background-color: white; color: navy;}

h2.newsletter   {text-align: center; padding-left: 5px; padding-right: 5px; background-color: yellow;
                    font-size: 16pt;}
h3.newsletter   {text-align: justify; padding: 5px; padding-right: 5px;
                    font-size: 14pt;} 
              
   


/* ==================================================================================*/

/* Section 4 */
div.sect4 {position: absolute; left: 3%; top: 2700px; width: 950px; 
            border: 5px teal outset; text-align: center; background-color: navy; color: white;}
div.links {text-align: left; background-color: maroon;}
div.linkdesc {width: 98%;}
a.linklinks {color: white; text-decoration: underline;}
a:visited.linklinks {color: yellow; text-decoration: underline;}

/* ==================================================================================*/

/* Section 5 */
div.sect5 {position: absolute; left:3%; top: 3200px; width: 950px; 
            border: 5px double navy; height: 900px;
            background-color: #044476; color: white;}


div.right {   border: 0px blue solid; position: absolute; top: 120px; right: 1%; width: 48%;
                background-color: maroon;}
div.left {  border: 0px red solid; position: absolute; top: 120px; left: 1%; width: 45%;
                background-color: navy;}
h3.title5 {font-size: 14pt; text-align: center; width: 100%;}

img.divide {position: absolute; top: 150px; left: 48%; height: 750px; width: 6px;}
p.feedlinks {text-align: center; font-weight: bold;}

/* ==================================================================== */


/* Footer */
div.copyright { font-size:10pt; 
                text-align: center; position: absolute; top: 4980px; left:9%;}
