/* (TT)Seelan - 2010-06-23 - css image swap is added (Ticket #:2680)
   (TT)Seelan - 2010-08-04 - added css for nav4 div (Ticket #:2838)
*/
BODY
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial
}
P
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: justify
}
H1
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 20pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
H2
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 11pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
H3
{
    MARGIN-TOP: 4pt;
    FONT-SIZE: 16pt;
    MARGIN-BOTTOM: 4pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
H4
{
    MARGIN-TOP: 4pt;
    FONT-SIZE: 13pt;
    MARGIN-BOTTOM: 4pt;
    TEXT-TRANSFORM: uppercase;
    FONT-FAMILY: Verdana, Arial
}
H5
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 11pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
H6
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    TEXT-TRANSFORM: uppercase;
    FONT-FAMILY: Verdana, Arial
}
h7
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 11pt;
    MARGIN-BOTTOM: 0pt;
    TEXT-TRANSFORM: uppercase;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
.redx
{
    COLOR: red
}
.greenx
{
    COLOR: #009c8c
}
.bluex
{
    COLOR: blue
}
.greyx
{
    COLOR: #cccccc
}
.blackx
{
    COLOR: black
}
.bluex
{
    COLOR: blue
}
.burgx
{
    COLOR: #800000
}
.byline
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.bylinepurple
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #082439;
    FONT-FAMILY: Verdana, Arial
}
.bylinegrey
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #aaaaaa;
    FONT-FAMILY: Verdana, Arial;
}
.bylineblue
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: blue;
    FONT-FAMILY: Verdana, Arial
}
.bylinegreen
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #009c8c;
    FONT-FAMILY: Verdana, Arial
}
.bylinered
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial
}
.bylinewhite
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial
}
.bylinesilver
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #83a9c2;
    FONT-FAMILY: Verdana, Arial
}
.bylinegold
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #cc9966;
    FONT-FAMILY: Verdana, Arial
}
.bylineburg
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #800000;
    FONT-FAMILY: Verdana, Arial
}
.tinytext
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
.tiny
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 7pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial
}
.tinytextc
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center
}
.tinytextwhite
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.tinytextblue
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #1e0055;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.tinytextwc
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center
}
.tinytextgold
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #cc9966;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.tinytextgreen
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #009c8c;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.tinytextburg
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: #800000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.tinytextred
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.medtext
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.lgtext
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 13pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: left
}
.lgtextc
{
    MARGIN-TOP: 0pt;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: center
}
TH
{
    FONT-SIZE: 11pt;
    FONT-FAMILY: Verdana, Arial
}
UL
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial
}
OL
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial
}
TD
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Arial
}
A
{
    COLOR: #0f76a1
}
A:link
{
    COLOR: #0f76a1;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #0f76a1;
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #993333;
    TEXT-DECORATION: none
}
HR
{
    MARGIN-BOTTOM: 0pt;
    HEIGHT: 1pt
}
HR.footer
{
    MARGIN-BOTTOM: 0pt;
    COLOR: #16117c;
    HEIGHT: 1pt
}
LI
{
    MARGIN-TOP: 0pt;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 0pt;
    FONT-FAMILY: Verdana, Arial
}
.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #16117c;
    FONT-FAMILY: Verdana, Arial
}
A.menu:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #16117c;
    FONT-FAMILY: Verdana, Arial
}
A.menu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #16117c;
    FONT-FAMILY: Verdana, Arial
}
A.menu:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #16117c;
    FONT-FAMILY: Verdana, Arial
}
A.menu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #16117c;
    FONT-FAMILY: Verdana, Arial
}
.hometitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #0c8a06;
    FONT-FAMILY: Verdana, Arial
}
.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #0c8a06;
    FONT-FAMILY: Verdana, Arial
}
.subtitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.subtitle
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial
}
.pageheadings
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #0f76a1;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right
}
TD.rightcolumnline
{
    WIDTH: 1pt;
    BACKGROUND-COLOR: #cccccc
}
TD.rightcolumnspacer
{
    WIDTH: 5pt;
    BACKGROUND-COLOR: #ffffff
}
TD.rightcolumn
{
    WIDTH: 150pt
}
.pagetitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #0f76a1;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right
}
.topmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    LETTER-SPACING: 2px
}
A.topmenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    LETTER-SPACING: 2px
}
A.topmenu:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    LETTER-SPACING: 2px
}
A.topmenu:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #d8c16b;
    FONT-FAMILY: Verdana, Arial;
    LETTER-SPACING: 2px
}
A.topmenu:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Arial;
    LETTER-SPACING: 2px
}
HR.TitleHR
{
    PADDING-RIGHT: 0pt;
    PADDING-LEFT: 0pt;
    PADDING-BOTTOM: 0pt;
    MARGIN: 0pt 3pt 0pt 0pt;
    COLOR: #d8c16b;
    PADDING-TOP: 0pt;
    HEIGHT: 2px;
    noshade: 
}
.pagetitlerightcol
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #993333;
    FONT-STYLE: italic;
    FONT-FAMILY: Verdana, Arial;
    TEXT-ALIGN: right
}
.pagetitlesecondary
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #993333;
    FONT-FAMILY: Verdana, Arial
}
.lstext
{
    COLOR: #0f76a1
}
A.memberbuttons
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #993333;
    FONT-FAMILY: Verdana, Arial
}
A.memberbuttons:hover
{
    COLOR: #993333
}
A.memberbuttons:link
{
    COLOR: #993333
}
A.memberbuttons:visited
{
    COLOR: #993333
}
.ContactContainer
{
 padding: 3px 0px 0px 10px;
}

.style3 {font-family: Geneva, Arial, Helvetica, sans-serif}
.style5 {font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 10px; }
.style9 {font-size: 14px}
.style10 {
	font-size: 16px;
	font-weight: bold;
}
.style11 {color: #0F76A1}
.style13 {font-size: 12px; color: #0F76A1; }
.style14 {color: #0F76A1; font-family: Geneva, Arial, Helvetica, sans-serif; }
a:hover {
	color: #0000FF;
}
.style16 {color: #0F76A1; font-size: 18px; }
.style17 {color: #0F76A1; font-size: 14px; }
.style18 {color: #0F76A1; font-size: 14px; font-family: Geneva, Arial, Helvetica, sans-serif; }
.style25 {font-family: Geneva, Arial, Helvetica, sans-serif; color: #1076B1;}
.style27 {font-size: 10px}
.style28 {font-size: 12px}
.style30 {font-size: 12px; color: #0F76A1; font-weight: bold; }
.style31 {	color: #0F76A1;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
/* (TT)Seelan - 2010-06-23 */
div.nav1 {
height: 100px;
width: 160px;
margin:0;
padding:0;
background-image:url("image/calendarofevents_new.gif");
}

div.nav1 a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav1 img {
width:100%;
height:100%;
border:0;
}

div.nav1 a:hover img {
visibility:hidden;
}

div.nav2 {
height: 100px;
width: 160px;
margin:0;
padding:0;
background-image:url("image/aols-magazine-button_new.gif");
}

div.nav2 a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav2 img {
width:100%;
height:100%;
border:0;
}

div.nav2 a:hover img {
visibility:hidden;
}
div.nav3 {
height: 72px;
width: 160px;
margin:0;
padding:0;
background-image:url("image/reach_bulletin_with_border.gif");
}

div.nav3 a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav3 img {
width:100%;
height:100%;
border:0;
}

div.nav3 a:hover img {
visibility:hidden;
}
/* (TT)Seelan - 2010-08-04 */
div.nav4 {
height: 90px;
width: 160px;
margin:0;
padding:0;
background-image:url("image/btn_aols_you_tube_mouse_over.jpg");
}
div.nav4 a, div.nav a:link, div.nav a:visited {
display:block;
}
div.nav4 a:hover img
{
  visibility:hidden;
}