/* GENERAL STYLES FOR HOMEPAGE ONLY */

img#welcomeimage1 {
border-style:solid;
border-width:2px;
border-color:#8a8ae6;
display:none; /* usually block */
width:400px;
height:214px;
margin-top:0px;
}

img#welcomeimage2 {
border-style:solid;
border-width:2px;
border-color:#8a8ae6;
position:absolute;
left:410px;
top:580px; /* 380px when 3 items of whats new; 320px when only 1 item, 350px when 2. */
width:186px;
height:245px;
}

div#whatsnew {
position:absolute;
left:410px;
top: 440px; /* used to be 244 */
width:190px;
height:120px; /*3 items: 120px; 1 item: 60px; 2 items: 90px*/
border-top-style:none;
border-top-width:2px;
border-top-color:#8a8ae6;
border-bottom-style:solid;
border-bottom-width:2px;
border-bottom-color:#8a8ae6;
padding:0px;
margin:0px;
}

div#whatsnew p {
background-color:#ffffff;
font-family:verdana;
font-size:13px;
color:#000000;
padding-left:5px;
padding-right:5px;
margin-top:10px;
margin-bottom:10px;
}

div#whatsnew h2 {
font-family:verdana;
font-size:16px;
font-weight:bold;
color:#000099;
text-align:center;
margin:5px;
}

div#whatsnew img {
vertical-align:text-bottom;
}

#fullwelcomemessage {
position:absolute;
left:0px;
top:440px;
width:400px;
}

.welcomemessage {
}

h1.welcomemessage {
margin-top:10px;
}

#diary {
position:absolute;
left:0px;
top:675px;
border-top:solid 2px #8a8ae6;
padding-top:15px;
}

#topimage {
position:absolute;
top:10px;
left:0px;
width:600px;
z-index:2;
}

#imageoverlay {
position:absolute;
top:158px; /* 150px and 460px */
left:15px;
color:#000099;
font-family:"Trebuchet MS",verdana;
font-weight:bold;
font-size:24px;
z-index:3;
}

#divider {
width:600px;
position:absolute;
left:0px;
top:430px;
border-top:solid 2px #8a8ae6;
}

p.address {
margin-top:0px;
font-family:verdana;
font-size:9px;
color:#000000;
width:186px;
text-align:center;
line-height:2;
position:absolute;
left:410px;
top:840px;
}

div#alert {
margin-top:0px;
padding:5px;
margin-bottom:0px;
background-color:#8a8ae6;
border-style:solid;
border-width:1px;
border-color:#000099;
width:390px;
}

div#alert p {
font-family:verdana;
font-size:9px;
color:#000000;
text-align:left;
line-height:1.5;
margin:0px;
}

img#warning {
height:17px;
width:17px;
margin-right:5px;
margin-top:3px;
}

/* NEWS BAR */

div#newsbar {
position:absolute;
top:10px;
left:410px;
width:190px;
display:none;
}

div#newsbarmorenews p {
text-align:center;
margin-top:0px;
margin-bottom:0px;

background-color:#000099;
padding:2px;

font-family:verdana;
font-size:13px;
color:#ffffff;
}

div#newsbar h2 {
text-align:center;
margin-top:0px;
margin-bottom:0px;

background-color:#000099;
padding:2px;

font-family:verdana;
font-size:16px;
font-weight:bold;
color:#ffffff;
}

div#newsbarmorenews a {
color:#ffffff;
}

#pscroller1 {
height:176px;
padding:5px;
background-color:#000099;
text-align:justify;
font-family:verdana;
font-size:13px;
color:#8a8ae6;
}

#pscroller1 h1 {
color:#ffffff;
margin-top:0px;
margin-bottom:4px;
font-family:verdana;
font-size:13px;
font-weight:bold;
display:block;
}

#pscroller1 a,a:visited,a:active {
color:#ffffff;
text-decoration:none;
font-weight:bold;
}

#pscroller1 a:hover {
text-decoration:underline;
font-weight:bold;
}

/* BOXES */

#boxes {
position:absolute;
left:0px;
top:210px;
}

#box1 {
position:absolute;
left:0px;
top:0px;
}

#box2 {
position:absolute;
left:204px;
top:0px;
}

#box3 {
position:absolute;
left:408px;
top:0px;
}

.box {
width:190px;
border:1px solid #b7b7b7;
background-color:#e8e8e8;
height:200px;
}

.box img {
display:block;
border:none;
}

.box h1 {
font-family:verdana;
font-weight:bold;
font-size:13px;
margin-top:2px;
margin-left:2px;
margin-bottom:5px;
}

.box p {
font-family:verdana;
font-size:13px;
margin:2px;
text-align:left;
}

.box a:visited {
color:#000099;
}

.box a {
color:#000099;
}
