BODY {

background-color:#263768;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 15px;
margin-bottom: 20px;
scrollbar-arrow-color:#FFFFFF; 
scrollbar-face-color:#2D5296;
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#263768; 
margin-top: 50px;
}



p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}
li        {list-style-image: url(images/bullet.gif);}



/* this group sets the normal link colors */

A:LINK {

color: #9CADCF;
text-decoration: none;
font-weight: bold;

}

A:VISITED {

color: #9CADCF;
text-decoration :none;
font-weight: bold;

}

A:HOVER {

color: #9CADCF; 
background-color: #1B315F;
text-decoration: underline overline;
font-weight: bold;

}

A:ACTIVE {

color: #9CADCF;
text-decoration: none;
font-weight: bold;

}

/* this grouping sets the heading colors and sizes */

H1 {

font-size: 130%;
font-weight: bold;
color: #9CADCF;
letter-spacing: 2px;

}

H2 {

font-size: 125%;
font-weight: bold;
color: #FFFFFF;
letter-spacing: 2px;

}

H3 {

font-size: 120%;
font-weight: bold;
color:#CBD4E6;
letter-spacing: 2px;

}

H4 {

font-size: 110%;
font-weight: bold;
color: #203B6D;
letter-spacing: 2px;

}

H5 {

font-size: 110%;
font-weight: bold;
color: #110D04;
letter-spacing: 2px;

}

H6 {

font-size: 90%;
font-weight: bold;
color: #C7D3EB;
letter-spacing: 2px;

}

/* this class sets the properties for the horizontal rule bar */

hr {

color:#FFFFFF;
width: 80%;
height: 2px;

}

.maincell {

font-family: Verdana, Arial, sans-serif;
background-color: #2D5296;
color: #FFFFFF;
background-image: url('images/mainimage.jpg'); 
background-position: top left; 
background-repeat: no-repeat;
height: 400px;
width: 230px;
border-top: 1px solid #1B315F;
border-bottom: 1px solid #1B315F;
border-left: 1px solid #1B315F;
}

.textarea1 {

font-family: Verdana, Arial, sans-serif;
background: #2D5296;
color: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border-top: 1px solid #1B315F;
border-bottom: 1px solid #1B315F;
padding: 10px;
width: 380px;
height: 400px;
}

.textarea2 {

font-family: Verdana, Arial, sans-serif;
background:#2D5296;
background-image: url('images/mainback.jpg'); /* sets the background image */
background-position: bottom right; /* positions the background image */
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #1B315F;
padding: 10px;
width: 610px;
height: 400px;

}

.textarea3 {

font-family: Verdana, Arial, sans-serif;
background:#2D5296;
background-image: url('images/mainback.jpg'); /* sets the background image */
background-position: bottom right; /* positions the background image */
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 100%;
text-align: justify;
line-height: 20px;
border: 1px solid #1B315F;
padding: 10px;
width: 720px;
height: 400px;

}

.sidebar {

background-color: #2D5296;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
line-height: 20px;
width: 140px;
vertical-align:top;
padding-top: 25px;
padding-right: 5px;
padding-left: 5px;
border: 1px solid #1B315F;

}

.sidebar a:link {display: block; text-align: center; text-decoration: none;  color: #FFFFFF;}
.sidebar a:active {display: block; text-align: center; text-decoration: none;  color: #FFFFFF;}
.sidebar a:hover {display: block; text-align: center; text-decoration: none; color: #FFFFFF;  background-color: #1B315F;}
.sidebar a:visited {display: block; text-align: center;  text-decoration: none; color: #FFFFFF;}



.logocell1 {

font-family: Verdana, Arial, sans-serif;
background-color: #110D04;
width: 750px;
border-left: 1px solid #1B315F;
border-right: 1px solid #1B315F;
border-bottom: 1px solid #1B315F;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}

.logocell2 {

font-family: Verdana, Arial, sans-serif;
background-color: #110D04;
width: 750px;
border-left: 1px solid #1B315F;
border-right: 1px solid #1B315F;
border-top: 1px solid #1B315F;
color: #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;

}

.bottomnav {

background-color:#2D5296;
padding-top: 2px;
padding-bottom: 2px;
color: #000000;
font-size: 80%;
text-align: justify;
line-height: 20px;
border-left: 1px solid #1B315F;
border-right: 1px solid #1B315F;
border-bottom: 1px solid #1B315F;
}

.bottomnav {text-align: center; color: #FFFFFF;}
.bottomnav a {display: inline; width: 80px; padding: 2px 0px 2px 0px; font: bold 12px sans-serif; color: #FFFFFF;}
.bottomnav a:hover {color: #FFFFFF; text-decoration: none; background-color: #1B315F;}
.bottomnav a:visited {color: #FFFFFF; text-decoration: none;}



.footer {

font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
text-align: right;
padding-right: 10px;
padding-top: 5px;
font-weight: bold;
line-height: 20px;
color: #FFFFFF;

}

.feedback{

background-color: #203A73;
color: #FFFFFF;
border: 1px solid #1B315F;

}

.imageright  {margin: 0px 10px 0px 10px; float: right;}
.imageleft  {margin: 5px 5px 0px 2px; float: left;}



/* Brooks Advisory Group */