/* Generic HTML Styles */

body 
{

    padding:1%; 
    margin:0; 
    font-size:75%; 
    color:#333; 
    font-family:Arial, Helvetica, sans-serif;
    
}

a {color:blue;} a:hover, a:active, a:focus {color:blue;}
input, textarea, select { background:#F6F2E7; border:1px solid #C7C3B8; font-family: verdana; font-size:80%; color:#716D60; margin:0; padding:2px; }
form {margin:0;}

/* Header Styles */

/**************************************/
/******************** Events Calendar styles ************/

.calendartable
{
width:100%;
border:2px;

border-color:#EEEEEE;

}
.dayofmonth
{
border-width:1px;
border-style:solid;
border-color:#ffffff;
background-color:#E4E0D0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;

}

.calendarheader
{
background-color:#EAA536;
}

.weekdays
{
border-width:1px; 
border-style:solid; 
border-color:#ffffff;
background-color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
}

.rightimagewithcaption
{
float:right;
margin:5px 5px 5px 5px;
padding:0px 0px 10px 10px;
border-width:1px; 
border-style:solid; 
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
}

.leftimagewithcaption
{
float:left;
margin:5px 10px 5px 0px;
padding:0px 0px 10px 10px;
border-width:1px; 
border-style:solid; 
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
}

.leftimagewithcaptionnoborder
{
float:left;
margin:5px 10px 5px 0px;
padding:0px 0px 10px 10px;
border-style:none; 
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
}


.newscolumns
{
padding:0px 2px 5px 0px;
margin-right:2%;
margin-bottom:2%;
float:left;
width:45%;
height:150px;

}

/************* #generic text styles *************/

.text
{
text-align:left;
width:99%;
}

.textlarge
{
font-size:125%;
width:99%;
}

.textcenter
{
text-align:center;
width:99%;
}

.textright
{
float:right;
}

.textbold
{
font-weight:bold;
width:99%;
}

.textitalic
{
font-style:italic;
}

.textbolditalic
{
font-weight:bold;
font-style:italic;
}

.textsmall
{
font-size:75%;
width:99%;

}

.textsmallright
{
font-size:75%;
float:right;
}

.textwhitebold
{
font-weight:bold;
color:white;
width:99%;
}


h1{
font-size:150%;
font-weight:bolder;

}

h2{
font-size:125%;
font-weight:bold;
margin-top:25px;
}

h3{
font-size:110%;
font-weight:bold;
}

.textwhite
{
color:white;
width:99%;
}

.quote
{
font-size:small;
font-weight:bold;
}

.texttwocolumns100
{
float:left;
width:100%;
}

.texttwocolumns
{
float:left;
padding:5px 5px 5px 0px;
width:48%;
}

.textthreecolumns
{
float:left;
padding:5px 5px 5px 0px;
width:30%;
}

.textfourcolumns
{
float:left;
padding:5px 15px 5px 0px;
width:22%;
}

/************* #generic link styles *************/
a.menulink
{
color:#000000;
text-decoration:none;
}

a.menulink:hover
{
color:#000000;
text-decoration:underline;
}

a.leftmenulink
{
color:#000000;
text-decoration:none;
margin-left:22px;
width:90%;
float:right;
line-height:140%;
}

a.leftmenulink:hover
{
text-decoration:underline;
}

a.bodylink
{
color:#0033CC;
line-height:120%;
}

a.bodylinksmall
{
color:#0033CC;
line-height:100%;
font-size:70%;
}


/************** .image styles ***************/

img.left 
{
float:left;
margin:0px 10px 0px 0px;
padding:0px;
border-style:solid;
border-width:1px;
border-color:#000000;
}

img.right
{
float:right;
margin:0px 0px 0px 10px;
padding: 0px;
border-style:solid;
border-width:1px;
border-color:#000000;
}

img.noborder
{
float:left;
margin:0px 10px 0px 0px;
padding: 0px;
border-style:none;
}

img.noborderright
{
float:right;
margin:0px 0px 0px 10px;
padding: 0px;
border-style:none;
}

img
{
border-style:none;
}

#dottedlinetop
{	
padding-top:10px;
margin-top:10px;
border-top:1px dotted #CFCFCF;
}



/************** #bin collection styles **************/

.blackbin
{
background-color:#000000;
color:white;
padding:1px;
}

.brownbin
{
background-color:#CC7D0D;
color:#FFFFFF;
padding:1px;
}

.bluebin
{
background-color:#3300CC;
color:#FFFFFF;
padding:1px;
}

/************** #a to z styles **************/

.atozcolumns
{
width:100%;
margin:0px 0px 10px 0px;
padding:0px;
float:left;
vertical-align:top;
border-left:0;
}

.atozcolumnone
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:40%;
}

.atozcolumntwo
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:25%;
}

.atozcolumnthree
{
float:left;
padding:0px 2px 0px 0px;
margin:0px;
width:30%;
}


/************** #parks styles **************/

.parkscolumns
{
width:100%;
margin-bottom:5px;
padding:0px;
float:left;
vertical-align:top;
border-left:0;
}

.parkscolumnone
{
float:left;
padding:0px 2px 0px 0px;
margin:0px 0px 5px 0px;
width:42%;
}

.parkscolumntwo
{
float:left;
padding:0px 2px 0px 10px;
margin:0px 0px 5px 0px;
width:25%;
}

.parkscolumnthree
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:30%;
}


/************** #community centres styles **************/

.communitycentrescolumns
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
}
.communitycentrescolumnone
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 5px 0px 0px;
width:20%;
}

.communitycentrescolumntwo
{
float:left;
padding:0px 0px 0px 10px;
margin:0px 5px 0px 0px;
width:30%;
}

.communitycentrescolumnthree
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:45%;
}
/************** #leisure centres styles **************/

.leisurecentrescolumns
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:100%;
}
.leisurecentrescolumnone
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 5px 0px 0px;
width:20%;
}

.leisurecentrescolumntwo
{
float:left;
padding:0px 0px 0px 10px;
margin:0px 5px 0px 0px;
width:30%;
}

.leisurecentrescolumnthree
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:45%;
}

.leisurecentreactivitiescolumnone
{
float:left;
padding:0px 2px 0px 0px;
margin:0px 0px 5px 0px;
width:10%;
}

.leisurecentreactivitiescolumntwo
{
float:left;
padding:0px 2px 0px 10px;
margin:0px 0px 5px 0px;
width:5%;
}

.leisurecentreactivitiescolumnthree
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:10%;
}

.leisurecentreactivitiescolumnfour
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:5%;
}

.leisurecentreactivitiescolumnfive
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:10%;
}

/************** #sports clubs styles **************/

.sportslubscolumns
{
width:100%;
margin-bottom:5px;
padding:0px;
float:left;
vertical-align:top;
border-left:0;
}
.sportsclubscolumnone
{
float:left;
padding:0px 2px 0px 0px;
margin:0px 0px 5px 0px;
width:42%;
}

.sportsclubscolumntwo
{
float:left;
padding:0px 2px 0px 10px;
margin:0px 0px 5px 0px;
width:25%;
}

.sportsclubscolumnthree
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
width:30%;
}

/************** #emergency contacts **************/

.emergencycolumns
{
width:100%;
margin-bottom:5px;
padding:0px;
float:left;
vertical-align:top;
border-left:0;
}

.emergencycontactscolumnone
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:30%;
}

.emergencycontactscolumntwo
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 5px;
width:20%;
}

/************** #ISB IT Training course schedule **************/

.courseschedulecolumns
{
width:100%;
margin-bottom:5px;
padding:0px;
float:left;
vertical-align:top;
border-left:0;
}

.courseschedulecolumnone
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:40%;
}

.courseschedulecolumntwo
{
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 5px;
width:55%;
}

acronym
{
text-decoration:none;
}