/* http://www.cleo.newport.gov.uk */
/* Stylesheet for Community Learning Online (CLEO) */
/* Newport City Council */

/* StyleSheet.css */


/*---STRUCTURE---*/

/*main body section*/
body {
 margin:5px;
 text-align:center;
 background:#FFFFFF;
 }

/*top header bar*/
#headerbar {
 height:87px;
 width:780px;
 background:#FFFFFF; /*specify background colour if image unavailable*/
 background-image: url(./images/cleo1.gif);
 background-repeat: no-repeat;
 border:none;
 }

/*middle header (menu) bar*/
#menubar {
 height:24px;
 width:780px;
 background:#FFFFFF; /*specify background colour if image unavailable*/
 background-image: url(./images/cleo2.gif);
 background-repeat: no-repeat;
 border:none;
 }

/*lower header bar*/
#bar {
 height:22px;
 width:780px;
 background:#FFFFFF; /*specify background colour if image unavailable*/
 background-image: url(./images/cleo3.gif);
 background-repeat: no-repeat;
 border:none;
 }





 /*page title bar*/
 #pagetitlebar {
 height:18px;
 width:780px;
 background:#FFFFFF;
 }

/*main internal section*/
#bodyblock {
width:780px;
background:#FFFFFF;
text-align:left; 
 }

/*content section of each page*/
#cont {
 width:700px;
 background:#FFFFFF;
 text-align:left;
 }

/*upper footer*/
#ftrup {
 height:10px;
 width:780px;
 background:#CCCCCC;
 }

/*lower footer*/
#ftrlo {
 height:20px;
 width:780px;
 background:#D43128;
 text-align:right;
 }




 
 /*copyright footer*/
#copyright {
 height:24px;
 width:780px;
 background:#FFFFFF;
 }

/*FORMATTING*/

H1 
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
}

H2
{
    color: #D43128;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
}

H3
{
    color: #D43128;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
}

.menu
{
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
}

.menu:hover
{
    color: #FFFFFF;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
    text-decoration: underline;
    font-weight: bold; 
}

.menu2
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 80%;
    text-decoration: none;
    font-weight: bold;
}

.menu2:hover
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 80%;
    text-decoration: underline;
    font-weight: bold; 
}

a.breadcrumblinkUnselected		
{
 text-decoration: none;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#000000;
 font-weight: bold;
}

a.breadcrumblinkUnselected:hover		
{
 text-decoration: underline;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#D43128;
 font-weight: bold;
}

a.breadcrumblinkSelected		
{
 text-decoration: underline;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#D43128;
 font-weight: bold;
}


a.breadcrumblinkSelected:hover		
{
 text-decoration: underline;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#D43128;
 font-weight: bold;
}

.welcomeText  
{
 font-size: 100%;
 text-align:justify;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 text-decoration: none;
}

.wrongIDText  
{
 font-size: 90%;
 text-align:justify;
 color: #FF0000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
}

P
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
}

.bodytext
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 90%;
}

A
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
}

A:hover
{
    color: #D43128;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
}

.copyright
{
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: justify;
    font-size: 70%;
}

UL
{
    text-align: right;
}

A.addFavourites		
{
 text-decoration: none;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-weight: bold;
}

A.addFavourites:hover	
{
 text-decoration: none;
 font-size: 80%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-weight: bold;
}