/*This is the normal style sheet for the Cumnor URC website*/

/*  Fonts  */


body {
left: 0px; 
width: auto;
background-color: #b5e4fc;  /*This is colour for the background
color: #000;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
/*background-image: url('images/pebbles.jpg');*/
}

#content{
margin:0 auto;
text-align:left;
width:900px;
background-color: #fff;  /*This is colour for the background*/
/*background-image: url('images/pebbles.jpg');*/
/*background-repeat: repeat;*/
border-left: 2px dotted #b5e4fc;
border-right: 2px dotted #b5e4fc;
/*border-top: 2px dotted #887099;*/
}

h0 {
color: #2E3B8E;
font-size: 4em;
text-align: left;
font-style: normal;
letter-spacing: 3px; 
}

h1 {
color: #2E3B8E;
font-size: 1.2em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
}

h2 {
color: #2E3B8E;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #2E3B8E;
font-size: 1em;
font-style: normal;
font-weight: bold;
}

h4 {
font-size: 0.9em;
font-style: italic;
color: #2E3B8E;
}


p {
font-size: 1em;
text-align: left;
line-height: 1.3em;
}

.boxpara {
border: 2px solid #2E3B8E;
background-color: #b5e4fc;
padding: 12px;

}

hr {
color: #2E3B8E;
background-color: #2E3B8E;
height: 3px;
width: 100%;
}

.error {
color: #D2232A;
font-weight: bold;
}


.accent {
color: #2E3B8E;
font-size: 1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 2px; 
}

.grey {
color: #555555;
font-size: 1.1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 1px; 
}

/*  End of Fonts  */

/*  header  */

#header {
background-color: #fff;  /* Light Blue*/
left: 0px;

/*border-bottom: 8px solid #887099;*/
}

#header a:link, #header a:active #header a:visited #header a:hover {
text-decoration: none;
font-weight: bold;
padding-bottom: 0px; 
color: #fff;  /* Dark Green 1D5B08 This is colour for the text*/ 
border: 0;
text-align: center;
}

#header img {
border: 0;
}

.black {
background-color: #000;
}

table.gallery img {
align: center;
}


/*  main text  */

#main-text {
/*position: absolute;*/
top: 170px; /* was 235*/ /*was 225px*/
width: auto;
left: 0px; 
padding: 0px 0px 0px 0px;
background-color: #fff;
text-align: left;
border-top: 2px dotted #b5e4fc;

}

#main-text ul li {
/*font-size: .9em;*/
text-align: left;
line-height: 1.7em;
list-style-type: disc;
margin: 0;
padding: 0;
}


#main-text img {
text-align: center;
paddding: 5px;
}

#main-text img.border {
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-left: 20px #fff solid;
border-right: 20px #fff solid;
text-align: center;
}

.img-left {
float: left;
border: solid white 6px;
}

.img-right {
float: right;
border: solid white 6px;
}

.cms-float-left {
    margin-right: 20px;
}
.cms-float-right {
    margin-left: 20px;
}

#main-text a:link, #main-text a:active, #main-text a:visited  {
/*background-color: #cceaff;*/
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
/*background-color: #CDD3FB;*/
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text td {
text-align: left;
padding-left:5px;
padding-right: 5px;
font-size: 0.9em;
vertical-align:top;
}

#main-text td.blue {
background-color: #CDD3FB;
}

/*
#col1 {
  float: left;
  padding: 25px 0px 0px 10px;
  width: 160px;
  font-size: 0.8em;
   min-height: 700px;  
}
*/

/*  nav bar  */

#sidenav {
  float: left;
margin-bottom: 0px;
  padding: 25px 0px 0px 10px;
  width: 160px;
  font-size: 0.8em;
}

#sidenav ul li {
    padding-bottom: 7px;
    margin:0 0 3px 0;
}

#sidenav a:link, #sidenav a:active, #sidenav a:visited {
/*background-color: #cceaff;*/
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
/*line-height: 2.5em;*/

}

#sidenav a:hover {
background-color: #CDD3FB;
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
/*padding: 2px;*/
}

/* end of nav bar */
  
#col2 {
  top: 10px;
  padding: 25px 0px 20px 20px;
  margin-left: 180px;  /* was 180 */
  margin-right: 20px;   /* was 100*/
  font-size: 0.8em;
  border-left: 2px dotted #b5e4fc;
  /*border-left: 1px  #2E3B8E dashed;*/
  min-height: 750px;
}


#footer {
/*float: bottom;*/
/*position: absolute;*/
/*bottom: 10px;*/
background-color: #2E3B8E;
margin: auto;
color:#fff;
width: auto;
font-size: 0.8em;
line-height: 1em;
text-align: center;
padding: 10px;
border-top: 2px #2E3B8E solid;
border-left: 0px #2E3B8E solid;
border-right: 0px #2E3B8E solid;
border-bottom: 0px #2E3B8E solid;

}