/* LAST EDIT: */
/* 1/31/09 - Roy */


/* ::::::: Genereal Elements ::::::: */

img, div { behavior: url(iepngfix.htc) }


* { /* Global Reset */
margin: 0px;
padding: 0px;
}

body {
background: #08335D url(img/bg.jpg) top left repeat-x;
}

h1 {
font: bold 20px/24px Arial, Helvetica, sans-serif;
color: #08335D;
}

h2 {
font: bold 16px/20px Arial, Helvetica, sans-serif;
color: #5680AA;
padding-top: 10px;
padding-bottom: 10px;
}

h3 {
font: normal 14px/18px Arial, Helvetica, sans-serif;
color: #08335D;
}

p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #333;
padding: 5px 0px 10px 0px;
}

ul {
list-style-position: inside;
}

li {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #333;
}

a:link, a:active, a:visited {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: underline;
}
a:hover {
font: normal 12px Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}

table {
}

tr {
}

th {
font: bold 14px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

td, input, textarea {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #000000;
}

fieldset {
font: bold 12px/18px Arial, Helvetica, sans-serif;

}

/*  ::::::: Main Wrap  ::::::: */

.MainBody {
background: #ffffff url(img/mainbody.jpg) left top repeat-y;
width: 921px;
margin: 0px auto;
}

/* ::::::: Header ::::::: */

.TopOfPage {
background: url(img/header.jpg) right top no-repeat;
width: 921px;
height: 150px;
position: relative;
}

a.HomeLink {
position: absolute;
top: 30px;
left: 0px;
}

a.HomeLink span {
display: none;
}


.TopOfPage p {
text-align: right;
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #FFFFFF;
height: 30px;
margin: 0px;
padding: 0px 0px 0px 731px;
}

.TopOfPage p a:link, .TopOfPage p a:active, .TopOfPage p a:visited {
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #FFFFFF;
height: 30px;
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: center;
width: 95px;
display: block;
float: left;

}

.TopOfPage p a:hover {
font: normal 12px/30px Arial, Helvetica, sans-serif;
color: #08223B;
height: 30px;
margin: 0px;
padding: 0px;
text-decoration: none;
text-align: center;
background: #DCDBE0;
width: 95px;
display: block;
float: left;

}

.BannerAd {
background: transparent url(img/trans-blue40.png) left top repeat;
padding: 10px;
diplay: block;
height: 60px;
text-align: center;
}


.BannerAd img {
margin: 0px 20px;
}

/* ::::::: Modified Suckerfish CSS Dropdown ::::::: */

.ToolBar {
background: #ffffff url(img/nav.jpg) top left repeat-x; 
text-align: center;
margin: 0px;
padding: 0px;
width: 919px;
height: 28px;
display: block;
border: 1px solid #1a2b3e;
}

ul#nav {/* Main List */
margin: 0px;
padding: 0px 0px 1px 1px;

}

ul#nav, ul#nav li ul { /* all lists */
list-style: none;
text-align: center;
}

ul#nav li { /* main list items */
float: left;
position: relative;
width: 150px;
margin: 1px 1px 0px 0px;
border: 1px solid #112F4B;
}

ul#nav li a { /* main links */
font: bold 12px/24px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 24px;
}
ul#nav li a:hover {
background: url(img/hover.jpg) bottom left no-repeat;
font: bold 12px/24px Arial, Helvetica, sans-serif;
color: #ffffff;	
text-decoration: none;
display: block;
height: 24px;
}

ul#nav li ul { /* second-level lists */
background: url(img/bg.jpg) left -30px repeat-x;
display: none;
position: absolute;
border-top: 1px solid #171142;
border-right: 1px solid #171142;
}

ul#nav li ul li {
float: left;
position: relative;
border-bottom: 1px solid #171142;
border-left: 1px solid #171142;
border-right: none;
border-top: none;
width: 154px;
margin: 0px;
}

ul#nav li ul li a { /*sub links */
background: tranparent;
font: normal 11px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
border: none;
}

ul#nav li ul li a:hover {
background: #142E47;
font: normal 11px/30px Arial, Helvetica, sans-serif;
color: #ffffff;
height: 30px;
}

ul#nav li>ul#nav ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
display: block;
}



/* ::::::: Main Content Area ::::::: */
.Home {
background: url(img/girlsabs.jpg) left top no-repeat;

}

.Home-top {
background:transparent;
padding: 20px 30px 20px 240px;
}

.Home-top h1, .Home-top h2 {
color: #090909;

}

.Home-top h1 {
font: bold 18px/24px arial;
}

.Home-top h2 {
font: normal 13px/20px arial;
}

.Home-bottom {
background: #E2E7ED;
float: right;
width:100%;
margin: 0px 0px 10px 0px;
padding: 10px 0px 0px 0px;
}

img.lillogo {
margin: -10px 0px 0px -30px;

}



.Home-bottom p {
font: bold 12px/16px Arial, Helvetica, sans-serif;
text-align: left;

}

.Home-bottom h2, .Home-bottom h2 a {
font: bold 16px/16px Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: left;
}

a.Button {
background: url(img/button.jpg) left top repeat-x;
font: bold 12px/22px Arial, Helvetica, sans-serif;
text-align: center;  
color: #FFFFFF;
display: block;
margin: 5px;
padding: 0px 10px;
height: 22px;
border: 1px solid #7D0703;
text-decoration: none;
float: left;
}


.One, .Two, .Three {
width: 231px;
padding: 0px 20px;
float: left;
border:1px solid #afc5d9;
}

.Home-bottom .One {
margin: 5px 25px 0px 25px;
}


.Home-bottom .Two {
margin: 5px 25px 20px 0px;
}

.Home-bottom .Three{
margin: 5px 0px 20px 0px;
}

/* ::::::: Inner/Right Wrap ::::::: */

.Wrap {

width: 786px;
float: right;
}

/* ::::::::: */
.InnerBody {
width: 556px;
padding: 20px;
float: left;
}
.InnerBody ul {
list-style-position: outside;
margin-left: 20px;
}


/* ::::::: Right Column  ::::::: */

.RightMargin {
width: 180px;
padding: 0px 10px 0px 0px;
float: right;
}

.RightMargin p, .RightMargin h2, .RightMargin h3 {
padding: 0px 10px;
}

.sublinks {
margin: 10px 0px;
}

.sublinks a {
display: block;
height: 34px;
width: 170px;
padding: 0px 10px;
margin: 2px 0px;
background: url(img/sublink.jpg) left top no-repeat;
font: bold 12px/34px arial;
color: #ffffff;
text-decoration: none;
}

.sublinks a:hover {
display: block;
height: 34px;
width: 170px;
padding: 0px 10px;
margin: 2px 0px;
background: url(img/sublink.jpg) right bottom no-repeat;
font: bold 12px/34px arial;
color: #ffffff;
text-decoration: none;
}

/* ::::::: Left Column ::::::: */

.LeftMargin {
width: 125px;
padding: 10px 0px 20px 10px;
float: left;
}

 /* ::::::: Bottom Links ::::::: */
.SiteFooter {
width: 100%;
background: #142E47;
text-align: center;
float: left;
clear: both;
border-top: #3d6085 1px solid;
padding: 20px 0px;
}
 
.ExtraContent {
margin: 0px auto;
width: 800px;
display: block;

}

.ExtraContent p {
text-align: left;
color: #ffffff;
float: left;
width: 245px;
margin: 0px 20px 0px 0px;
}

.ExtraContent a:link, .ExtraContent a:active, .ExtraContent a:visited {
color: #ffffff;
text-decoration: underline;
}


.ExtraContent a:hover {
color: #ffffff;
text-decoration: none;
}



/* ::::::: Copyright Area ::::::: */

.Footer {
clear: both;
width: 100%;
background: #142E47;
text-align: center;
padding: 20px 0px;
border-top: #3d6085 1px solid;
}

.Footer p {
font-size: 9px;
color: #FFFFFF;
}

.Footer a {
margin: 0px 25px;
color: #FFFFFF;
font-size: 9px;
}