/* index.css */

body {
 font:Verdana;
 background-color:#FFFFFF;
}

div {position:absolute;}

div.banner {
 left:0px;
 top:0px;
 height:40px;
 width:1008px;
 border:0px;
}

div.logo {
 left:0px;
 top:0px;
}

/* left section */

div.labelindex {
 left:0px;
 top:42px;
 height:30px;
 width:167px;
 font:14pt bolder;
 text-align:center;
 background-color:#FBF9DF;
 padding:5px;
}

div.labelsearch {
 left:0px;
 top:76px;
 height:25px;
 width:167px;
 border:1px solid #0066DD;
 background-color:#EAEAEA;
 padding:5px;
}

div.labelsections {
 left:0px;
 top:104px;
 height:25px;
 width:167px;
 font:14pt bolder ;
 text-indent:5px;
 border:1px solid #0066DD;
 background-color:#FBF9DF;
 padding:5px;
}

div.field1 {
 left:0px;
 top:138px;
 height:584px;
 width:167px;
 border:1px solid #0066DD;
 background-color:#EAEAEA;
 padding:5px;
}

div.anounce {
 top:690px;
 left:4px;
 width:160px;
 border:2px solid #FF0000;
 background-color:#FBF9DF;
 font:11pt Times;
 font-weight:bolder; 
 padding:3px;
}
 
/* middle section */

div.date {
 left:178px;
 top:42px;
 height:30px;
 width:445px;
 background-color:#006699;
 text-align:center;
 line-height:160%;
}

div.h1 { 
 text-align:center;
 position:absolute;
 left:340px;
 top:4px;
 font:24pt times;
 font-style:italic;
 color:#FF0D00;
 line-height:32px;
 z-index:1;
}

div.frm { 
 left:178px;
 top:76px;
}

div.heading {
 position:relative;
 font:12pt Times;
 font-weight:bold;
 color:#000000;
}

/* article section */

div.topline {
 position:absolute;
 left:626px;
 top:42px;
 text-align:center;
 width:214px;
 height:25px;
 background-color:#FBF9DF;
 border:1px solid #0066DD;
 font:14pt bolder;
 text-align:center;
 padding:5px;
}
 
div.frm2 { 
 position:absolute;
 left:626px;
 top:77px;
 text-align:center;
}

div.bloghere {
 position:absolute;
 top:722px;
 left:305px;
 font:12pt Verdana; 
 color:black;
 z-index:1;
}
 
/* right section */ 

div.field3 { 
 position:absolute;
 left:844px;
 top:42px;
 height:2000px;
 width:162px;
 background-color:#EAEAEA;
 border:1px solid #0066DD;
 text-align:center;
}

div.accuweather {
 position:relative;
 top:2px;
 left:1px;
 text-align:left;
 z-index:0;

 }

/* blogfield */

div.field2 {
 position:absolute;
 left:5px;
 top:740px;
 width:835px;
 height:2000px;
 background-color:#EAEAEA;
 border:1px solid #0066DD;
 }
 
div.blog {
 position:relative;
 width:804px;
 border:1px solid #0066DD;
 background-color:#FFFFFF;
 padding:10px;
 margin:5px;
}

/* largest font blog */

div.title22 {
 position:relative;
 text-align:left;
 font:22pt Georgia;
 font-weight:bold;
 color:#000000;
}

div.text14 {
 position:relative;
 text-align:left;
 font:14pt Georgia;
 font-weight:bold;
 color:#000000;
}

/* less large font blog */

div.title16 {
 position:relative;
 text-align:left;
 font:16pt Georgia;
 font-weight:bold;
 color:#000000;
}

div.text12 {
 position:relative;
 text-align:left;
 font:12pt Georgia;
 font-weight:bold;
 color:#000000;
}

/* normal font blog */

div.title {
 position:relative;
 text-align:left;
 font:10pt Verdana;
 font-weight:bold;
 color:#000000;
}

div.text {
 position:relative;
 text-align:left;
 font:10pt Verdana;
 color:#000000;
} 

div.blogdate {
 position:relative;
 text-align:right;
 font:8pt Verdana;
 color:#000000;
}

a {
 text-decoration:none;
 font:9pt Verdana;
 font-weight:bolder; 
 margin-left:4px;
} 
  
a:link {color:#000099;
}

a:visited {color:#551A8B;
}

a:active {color:#FF0000;
}

a:hover {color:lime;
}