 BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #000000;
    PADDING-TOP: 0px;

    
}
A:link
{
    COLOR: #cc6600;
    FONT-FAMILY: Arial, 'Times New Roman', Helvetica, serif
}
A:active
{
    COLOR: #ff1493;
    FONT-FAMILY: Arial, 'Times New Roman', Helvetica, serif;
    TEXT-DECORATION: overline
}
A:visited
{
    COLOR: #336600;
    FONT-FAMILY: Arial, 'Times New Roman', Helvetica, serif
}
#right-column
{
    BORDER-RIGHT: ;
    BORDER-TOP: ;
    Z-INDEX: 8;
    RIGHT: 0px;
    LEFT: 80%;
    FLOAT: none;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: ;
    WIDTH: 170px;
    COLOR: navy;
    BORDER-BOTTOM: ;
    BACKGROUND-REPEAT: repeat;
    POSITION: absolute;
    TOP: 156px;
    BACKGROUND-COLOR: #ffffff
}
#left-column
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    Z-INDEX: 3;
    LEFT: 10px;
    BACKGROUND-IMAGE: none;
    WIDTH: 130px;
    COLOR: #333333;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: medium none;
    BACKGROUND-REPEAT: repeat;
    POSITION: absolute;
    TOP: 165px;
    BACKGROUND-COLOR: #ffffff
}
#main-area
{
    
border:12px #0057a7 ridge;
margin:0px; padding:0px; width:98%; height:96%;
    Z-INDEX: 9;
    BACKGROUND: #ffffff;
    LEFT: 0px;
    COLOR: #000000;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: auto;

}
#header
{
    BORDER-RIGHT: ;
    PADDING-RIGHT: 10px;
    BORDER-TOP: ;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 20pt;
    BACKGROUND: #ffffff;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    TEXT-TRANSFORM: capitalize;
    BORDER-LEFT: ;
    WIDTH: auto;
    COLOR: #000000;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #000000 0px solid;
    FONT-FAMILY: 'Copperplate Gothic Bold','times new roman', arial, sans-serif, 'Comic Sans MS', serif;
    HEIGHT: 145px;
    TEXT-ALIGN: center;
    FONT-VARIANT: small-caps
}
#center-column
{
    BORDER-RIGHT: ;
    BORDER-TOP: #000000 0px solid;
    MARGIN-TOP: 0px;
    Z-INDEX: 2;
    BACKGROUND-IMAGE: none;
    MARGIN-LEFT: 145px;
    BORDER-LEFT: #000000 0px solid;
    COLOR: #000066;
    MARGIN-RIGHT: 0px;
    BORDER-BOTTOM: #000000 0px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Arial, 'Times New Roman', Helvetica, serif;
    POSITION: relative;
    HEIGHT: 100%;
    BACKGROUND-COLOR: #ffffff
}
#footer
{
    BORDER-RIGHT: ;
    PADDING-RIGHT: 25px;
    PADDING-LEFT: 130px;
    BACKGROUND: #eeeeee;
    PADDING-BOTTOM: 25px;
    MARGIN: 0px;
    BORDER-LEFT: ;
    WIDTH: auto;
    COLOR: gray;
    PADDING-TOP: 25px;
    BORDER-BOTTOM: ;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Tahoma, Verdana, Helvetica, sans-serif, 'Times New Roman', serif;
    TEXT-ALIGN: center;
    lower-nav: #ffffff
}
#pscroller1{
width: 145px;
height: 150px;
border: 2px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 150px;
height: 50px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}



P
{
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PAGE-BREAK-AFTER: auto;
    MARGIN-RIGHT: 15px;
    PADDING-TOP: 5px;
    TEXT-ALIGN: center
}
H1
{
    PADDING-RIGHT: 20px;
    PADDING-LEFT: 20px;
    FONT-WEIGHT: bolder;
    FONT-SIZE: xx-large;
    PADDING-BOTTOM: 20px;
    TEXT-TRANSFORM: capitalize;
    COLOR: black;
    PADDING-TOP: 20px;
    FONT-STYLE: normal;
    FONT-FAMILY: 'Copperplate Gothic Bold', 'Times New Roman', Zabreze, Geneva, Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: large;
    TEXT-TRANSFORM: none;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial,'Times New Roman', Zabreze, Geneva,  Helvetica, sans-serif;
    TEXT-ALIGN: center;
    FONT-VARIANT: small-caps;
    TEXT-DECORATION: none
}
H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: large;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    FONT-FAMILY: 'Copperplate Gothic Bold',Arial, Courier, 'Franklin Gothic Book', Helvetica, serif
}
H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Courier, 'Franklin Gothic Book', HlvE, Helvetica, serif
}
H6
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px;
    TEXT-ALIGN: center;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Courier, 'Franklin Gothic Book', HlvE, Helvetica, serif
}
P.ja
{
    TEXT-ALIGN: justify
}
P.la
{
    MARGIN-LEFT: 15px;
    MARGIN-RIGHT: 15px;
    TEXT-ALIGN: left
}
P.ra
{
    MARGIN-LEFT: 15px;
    MARGIN-RIGHT: 15px;
    TEXT-ALIGN: right
}
P.cal
{
    PADDING-RIGHT: 100px;
    PADDING-LEFT: 150px
}
LI
{
    LIST-STYLE-POSITION: outside
}
UL.la
{
    TEXT-ALIGN: left
}
UL
{
    TEXT-ALIGN: center
}
UL.superpad
{
    PADDING-RIGHT: 30%;
    PADDING-LEFT: 30%;
    TEXT-ALIGN: left
}
#lower-nav
{
    PADDING-LEFT: 130px;
    PADDING-BOTTOM: 8px;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: center;
    serif:
}
#newsarticle
{
    BORDER-RIGHT: ;
    PADDING-RIGHT: 20px;
    BORDER-TOP: ;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 20px;
    BORDER-LEFT: ;
    COLOR: #000000;
    PADDING-TOP: 20px;
    BORDER-BOTTOM: ;
    FONT-FAMILY: 'Times New Roman', arial, serif;
    text-algn: left
}
.redtext
{
    COLOR: #ff0000
}
.burgtext
{
    COLOR: #990000
}
.greentext
{
    COLOR: #29AB87
}
.whitetext
{
    COLOR: #ffffff
}
#myscroller {
position:relative; // mandatory
width:140px; height:150px; // set as required
background-color:#cccccc; // set as required
overflow:hidden; // mandatory
border:solid 1px; margin:5px; // optional
}