/* B O D Y   */
body {
        text-align:center ;
        padding:0;
        margin: 1em;
        font-family: "Georgia", arial, serif;
        line-height: 100%;
        background:  #eee;
        color: #017B81;
}
/* ------------------------------ */
/* C O N T E N T S    */
#contents
{
        width: 60%;
        border: 5px solid #afbfaf;
        margin: 0em;
        padding: 0.5em ;
        text-align:center;
        background:  #fff;
        color: #025460;
/*        height: 100%; */
}
/* ------------------------------ */
/* B A N N E R H E A D */
#bannerhead {
   float: left;
        width: 30%;
        margin: 0em;
        padding: 0.2em 0.0em 0.4em 0.2em;
        text-align:center;
        background: #fff;
        color: #fff;
                height: 124px;
        }
#bannerhead img {
        float:left
                }

/* ------------------------------ */

.box {
        clear:both;
        float:right;
        border: 0px solid #cfcfcf;
        font-size:60%;
        line-height:120% ;
        background-color: #fff;
        color: #000;
        height:100%;
        text-align: left;
        padding: 0.1em 0.1em 0.3em 0.1em;
        }
.box p {
        font-size:60%;
        line-height:105%;
        }
.box img {
        float:left;
        margin: 0.3em 0.5em 0em 0.1em;
        }
.box a {
        font-weight:600;
        color :blue;
        text-decoration:none;
        }
.box a:visited {
        color: purple;
        }
.box a:hover {
        text-decoration: underline;
        }
.box h5 {
        font-size:70%;
        line-height:55%;
        padding-bottom:0em;
        margin-bottom:0em;
        }
/* ------------------------------ */
/* R I G H T  B O X */
#rightbox {
        float: right;
        border: 0px solid #E1CBD4;
        color: #025460;
        line-height: 120%;
       /* background: #B9D9DE;   */
        text-align: right;
        margin:3.8em 0em 0em 0em;
        padding: 0.0em 0.0em 0.2em 0.0em;
        width: 319px;
        font-size: 1.0em;
        }
#rightbox a {
                font-size:0.9em;
        font-weight:bold;
        padding:0.1em;
        margin : 0em;
        line-height:110%;
        text-decoration:none;
        }
#rightbox p {
        color: #000;
        font-size:1.0em;
        padding:0.4em;
        margin-top: 0em;
        margin-bottom:0.5em;
        text-align:left;
        }
 /* ------------------------------ */
/* L E F T B O X */
#leftbox {
        clear:left;
        float:left;
        width:244px;
        border: 0px solid #9797BE;
        color: #000;
        color: #017B81;
        background: #C3D5D7;
        height:100%;
        text-align: left;
        margin:0.1em 0em 0em 0.3em;
        padding: 0.1em 0.1em 0.1em 0.1em;
        font-size: 1.6em;
        }
#leftbox p{
        font-size:0.7em;
        line-height:110%;
        padding:0.3em;
        margin : 0.3em;}
#leftbox h4{
                color: #000000;
        font-size:1.3em;
        text-align:center;
        margin: 0;
        padding:0;}

#leftbox img {
        float:left;
        margin: 0.6em 0.3em 0em 0.1em;
        padding: 0.1em;
        }
#leftbox a {
        font-size:1em;
        font-weight: 600;
        padding:0.1em;
        margin : 0em;
        text-decoration:none;
        background: #C3D5D7;
        color:#077104;
        }
#leftbox a:visited {
        color:#077104;
        }
#leftbox a:hover {
        text-decoration:underline;
        background: #C3D5D7;
        }
#leftbox h5 {
        font-size:100%;
        padding:0.2em;
        margin-bottom:0em;
        margin-top:0em;
        }

/* ------------------------------ */
#footer {

        font-size: 60%;
        margin: 0;
        padding: .3em 1em;
        text-align:center;
        font-style:italic;
        border: 1px solid #999;
        color: #fff;
        background:  #f7E8C6;
        background-image: url(lluniau/craidd/footer_bg.jpg);
        width:95%;
        }
#footer a, p {
        font-size:90%;
        }
#footer img {
        margin-top:0em;
        }
.copyright {
        font-size:60%;
        text-align:right;
        margin-right:1.9em;
        }
.clear {
        clear: both;
        font-size: 1px;
        line-height: 0px;
        margin: 0;
        padding: 0;
        }
/*------------------------------------*/
/* HTML tags redefined */
a {
        text-decoration: none;
        color: #2A5993;
        background: transparent;
        }
a.visited {
        color: purple;
        background: transparent;
        }
a.hover {
        text-decoration: underline;
        }
ul {
        list-style: disc;
        margin: 0.6em 0em 0em 1.4em;
        padding-left:0.1em;
        font-size:70%;
        }
li {
        padding-bottom:0.2em;
        }
small {
        font-size: 80%;
        }
big {
        font-size:160%;
        }
td {
        padding-right: 0em;
                vertical-align: top;
        }
/*   T H E   E N D   H U R R A H     */
.userquicklinks ul{
        margin-left: 2em;
}
.userquicklinks ul li a{
        font-size: 1.3em;
        margin-left: -0.5em;
}
.userquicklinks ul li.curr_subpage{
        font-size: 1.3em;
    color: #017B81;
        font-weight: bold;
}
.userquicklinks {
        background-color: Ivory;
        margin: 0px;
        margin-bottom: 5px;
        padding: 3px;
}
.userquicklinks h4 {
    color: #2A5993;
        font-size: 1.3em;
        font-weight: bold;
    color: #9F5D8F;
        margin: 3px 6px;
}
.userimg {
        padding: 5px;
}
.indent {
        margin: 0px 20px;
}
#newsblock h3 {
        text-align: left;
        font-size: 120%;
}
#newsblock a{
        font-weight: bold;
        text-decoration: underline;
}
#newsblock a:hover{
        color: black;
}
.notloggedin {
        color: Silver;
        font-size: 9px;
        float: right;
}
.loggedin {
        color: Maroon;
        font-size: 9px;
        float: right;
}
.loggedin a{
        color: Maroon;
        font-size: 9px;
}
.loggedin a:hover{
        color: Navy;
        font-size: 9px;
}
a.editlink {
        border: 1px solid black;
        font-size: 9px;
        background-color: Green;
        color: Black;
        padding: 0px 2px;
        font-weight: normal;
}
#col2 table.userstuff{
        margin-left: 20px;
        margin-right: 20px;
}
#col2 table.userstuff td{
        text-align: left;
        padding: 2px 3px;
}
a:hover.croeso {
	text-decoration: underline;
	color: Maroon;
}