/*----------------------------------------
HTML ELEMENTS
----------------------------------------*/

a:link, a:visited {text-decoration:none; color:#297CBE; font-family:Trebuchet MS;}
a:hover { text-decoration:underline;}
p, pre, a {
    font-family:Segoe UI, Verdana, sans-serif;
    font-size:medium;
}   
.reg { font-size:small;}

#logo{
    float:left;
    position:absolute;
}
#login{
    float:right;
    width:450px;
    text-align:right;
    }
#login a { color:#297CBE;}
#login a:link, #login a:visited {font-family:monospace; text-decoration:none}
#login a:hover { font-family:monospace; text-decoration:underline;}

.pageicon {
    height:50px;
    width:50px;
}

/*-------------------------------
    Copied from other projects
    _____________________________
*/
.RoundedCorners {
    border: 2px solid #CCCCCC;
    border-radius: 5px;
}
.padding2 {
    padding: 2px;
}

.padding5 {
    padding: 5px;
}
.textAlignCentre {
    text-align: center;
}
#BoxForm {
    margin: 25px 200px 25px;
    padding: 50px;
    border: 5px solid #C2EBFF;
}
.buttonStrip {
    margin: 3px auto;
    height: 30px;
/*    background-color: #C2EBFF;
*/    background-color: #EDF9FF;
    font-size: medium;
    padding-top: 3px;
}

.PleaseWait {
    height: 32px;
    float: right;
    background-image: url(Images/PleaseWait.gif);
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
}

.PleaseWaitSmall {
    height: 20px;
    background-image: url(Images/smallCircles.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    line-height: 20px;
    font-size: small;
}
.floatR {
    float: right;
}

.floatL {
    float: left;
}

/*----------------------------------------
SITE STRUCTURE
----------------------------------------*/
#header{
    clear:both;
    border-bottom: 10px solid #317DB8;
    padding-right:160px;
}
#bannerimages{
    position:absolute;
    left:650px;
}
#nav{
    clear:both;
    width:800px;
    padding-right:160px; padding-left:25px;
}
#nav ul { 
    float:right;
    list-style-type:none;
    }
#nav li {
display:inline;
border:1px solid #9CD2FE;
padding:10px;
margin-left:2px;
margin-right:0px;
}
#nav  a:link, #nav a:visited, #nav a:hover { text-decoration:none; color:#297CBE; font-family:Trebuchet MS;}
#wrapper { clear:both; position:relative;}
#lbar{
    float:left;
    width:50px;
}
#rbar{
    width:300px;
    position:absolute;
    right:0;
    top:0px;
    left:815px;

}
#main{
    clear:both;
    padding-top:25px;
    font-family:Segoe UI;
    width:760px;
    display:block;
    margin-left:50px;
    margin-right:160px;
}
#main h3 { font-family:Trebuchet MS;}
#footer {
    clear: both;
    display: block;
    text-align: center;
    font-family: Verdana;
    font-size: small;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 50px;
}
    
/* -----------------------*/

#mainleft {
    float:left;
    width:379px;
    
}
#mainright {
    float:right;
    text-align:left;
    width:379px;

}
/* -----------------------
Appeals
---------------------------------*/
/* -----------------------
SITE Admin
Admin Menu
----------------------------------------*/
#adminMenu{
    width:150px;
    float:left;
    margin: 0px;
    padding: 10px;
    padding-right: 0px;

}
#adminMenu li {
    list-style-type:none;
    border: 1px solid #cdcdcd;
    background-color:#E0F5FE;
    padding:3px;

}
#adminMenu a {
    display:block;
}
#adminMenu a:hover{
    background-color: #F2FEBF;
    text-decoration:none;
}
/*----------------------------------------
Grid
----------------------------------------*/
.grid { 
    margin-top: 20px;
    border-collapse: collapse; 
    width: 100%; 
}
 .gridHeader {
    background-color:#E0F5FE;

}  
 .gridHeaderLeft {
    background-color:#E0F5FE;
    text-align:left;
}   

 .gridFooter {
    background-color:#E0F5FE;

}
.gridcentre{
    text-align:center;
}

.gridAlt {
    background-color:#E0F5FE;
}
/*----------------------------------------
OTHERS
----------------------------------------*/
.affimages {
    width:150px;
    height:150px;
    border:0px;
}
.hrblue {
    border:3px solid #EDF9FF;
}

/*
----------------------------------------
 Projects  
----------------------------------------------------------*/  

p .imagethumbnails img{
    width:150px;
    height:100px;
    float:right;
}


/*
----------------------------------------
FORM ELEMENTS
----------------------------------------
*/

.siteBackgroundColour {
    background-color: #C2EBFF;
}

.fieldsetno  { border:3px solid #C2EBFF; }
.fieldsetmin { border:3px solid #C2EBFF; min-height:300px;}
.fieldsetfix { border:3px solid #C2EBFF; height:400px;}
.legendTitle{color: #317DB8;}

.labelleft {
    float:left; width: 145px; text-align:right; clear:left; margin-right:1px; background-color:#EDF9FF; padding-right:2px;
}
.labelright {
    float:left; width: 145px; text-align:left; clear:left; margin-right:1px; background-color:#EDF9FF;
}
.labelprojects {
    float:left; width: 160px; text-align:left; clear:left; margin-right:1px; background-color:#EDF9FF;
}
.labeldonation {
    float:left; width: 300px; text-align:left; clear:left; margin-left:25px; margin-right:1px; background-color:#EDF9FF; padding-right:2px;
}
.txtbox {
    border: 1px solid #C2EBFF; 
    padding-left:3px;
}
.textboxprojects {
    width:165px; border: 1px solid #C2EBFF; 
    padding-left:3px;
}
.amountTB {
    width:75px; border: 1px solid #C2EBFF; 
    padding-left:3px; 
}

#giftaidlogo { float:right; margin-left:2px;}

.amount { text-align:right;}

.textareabox { width: 300px; border: 1px solid #C2EBFF;}

.siteBorder1 {
    border: 1px solid #C2EBFF;
}
.siteBorder3 {
    border: 3px solid #C2EBFF;
}
/*
----------------------------------------
 copied from TechieTogs  
----------------------------------------------------------*/  

div #cartButtons {
    text-align: center;
    margin: 40px 0px 20px 0px;
}

.linkButton  {

    margin: 0px;
    padding: 2px;
}

.linkButton:hover {
    background-color: #F2FEBF;
}

/*
----------------------------------------
  Information and errors  
----------------------------------------------------------*/  
.message {
    clear: both;
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 15px;
    
    /*CSS3 properties*/
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 2px 2px 5px #888;
    -webkit-box-shadow: 2px 2px 5px #888;
    -moz-box-shadow: 2px 2px 5px #888;
}

.info {
    background: #bde5f8;
    color: #00529b;
}

.error {
    background: #ffe4e4;
    color: #be3e16;
}

.success {
    background: #dff2bf;
    color: #4f8a10;
}

input[type="text"].error-field, input[type="password"].error-field { 
    border: solid 1px #be3e16; 
    background-color: #ffe4e4;
}

.validation-error {
    display: inline;
    color: #be3e16;
    font-weight: normal;
    font-size: 0.8em;
}

    .validation-error:before {
        content: "»";
    }