/* CSS Document */

body{
font-family:Tahoma, Arial, Helvetica, sans-serif;
background-color:#CCCCCC;
padding-right:10px;

}
.diary{
font-size:small;
}

.aboutlinks{
color:#310863;
padding-left:20px;
}

.aboutlinks a:link{
color:#310863;
}
.aboutlinks a:visited{
color:#310863;
}

.body{
background-color:#FFFFFF;
padding-left:10px;
font-size:smaller;
}

div#popup {
background:#EFEFEF;
border:1px solid #999999;
margin:0px;
padding:7px;
width:270px;
font-size:10px;
}

h1{
color:#310863;
font-size:36px;
}

.header{
background-color:#310863;
color:#FFFFFF;
background-image:url(../images/header.jpg);
height:200px;
width:1024px;
background-repeat:no-repeat;
}

.diaryheader {
text-align:centre;
background-color:#310863;
font-family: Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.footer{
background-color:#310863;
color:#FFFFFF;
padding-left:20px; 
text-align:center;
font-size:smaller;
}

.groups{
border:#310863, thin, solid;

}

.groups2{
border:#310863, thin, solid;
background-color:#999999;

}

.footer a:link{
color:white;
}

.footer a:visited{
color:white;
}

.header{
text-align:right;
color:#FFFFFF;
}
.header a:link{
color:#FFFFFF;
text-decoration:none;
}
.header a:visited{
color:#FFFFFF;
text-decoration:none;
}
.header a:hover{
color:#999999;
text-decoration:none;
}


.headbot{
background-image:url(images/bevel.jpg);
background-repeat:repeat-x;
height:5px;
}

.foottop{
background-image:url(images/bevel2.jpg);
background-repeat:repeat-x;
height:5px;
}

.login{
text-align:right;
background-color:#FFFFFF;
padding:3px;
}

.login a:link, .login a:visited{
color:#000000;
}

.alert{
color:#FF0000;
font-weight:bold;
}