html{
  background:url("../Main%20Page/header-images/html%20border2-updated_gray.png") repeat-x scroll left top ;

}

html, body
{
  margin:0px;
  padding:0px;
  font-family: 'Times New Roman',Arial,sans-serif;
  width:1423px;
  height:auto;
  overflow-x:hidden;

}
body
{
   overflow:hidden;
}

h1{
   color: #CE160A;
    font: 35px/45px 'Times New Roman',Arial,sans-serif;
    margin-bottom: 30px;
}

h2 {
    font: 26px/26px 'Times New Roman',Arial,sans-serif;
    margin-bottom: 10px;
    color: #3B3227;
   
}
h3
{
  color: #3B3227;
  font-family: 'Times New Roman',Arial,sans-serif;
}


#header
{
  
  background-image: url('../Main%20Page/header-images/new_header3_gray.png');
  background-repeat:no-repeat;
  margin-left:230px;
  height:176px;
  margin-bottom: 5px;

  
}
#header #logo
{
  
margin-top:10px;

}
#header a img{
  border:none;
}

#header  p
{
  padding-top: 81px;
  float:right;
  font-size: 21px;
  color:white;
  padding-right:242px;
  font-style:italic;
  
  
}
/* Nav-Header */
nav { margin-top: -110px; margin-left:200px; width:900px; }
nav ul { list-style: none; background: #CCCCCC; border-radius: 5px; padding: 0 5px; }
nav ul:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0px; }

nav ul li { float: left; position: relative; line-height: 20px; }
nav ul li a { display: block; color: #64140D; text-decoration: none; padding: 14px 15px 15px; font-size: 17px; -webkit-transition: 0.25s ease-out; }
nav ul li > a:hover { color: #D32027; }
nav ul li.active > a { color: #D32027; }


/* SUB MENU */
nav ul li > ul:before {
  content: "";
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #D32027 transparent;
  width: 0;
  height: 0;
  position: absolute;
  left: 70px;
  top: -12px;
}

nav ul li > ul { position: absolute; left: -40px; top: 80%; padding-bottom:10px; padding-right: 5px; padding-top: 4px; background: #FFFFFF; width:auto; white-space:nowrap;  z-index: -9999; opacity: 0; -webkit-transition: 0.25s easeInOutElastic; border-style:solid; border-width:5px 2px 2px 2px; border-color:#D32027 #90191C #90191C #90191C;}

nav ul li:hover > ul { display: block; z-index: 100; opacity: 1; top: 95%; }

nav ul li > ul li:first-child { border-radius: 0px 0px 0 0; padding-top: 3px; }
nav ul li > ul li:last-child { border-radius: 0 0 4px 4px; }
nav ul li > ul li { padding: 10px 3px 0px 15px; background: #FFF;  }
nav ul li > ul li a { display: block;  border-radius: 2px; font-size: 15px; color:#64140D; padding:0px;  text-decoration: none;}
nav ul li > ul li > a:hover  { color: #CE160A;   }


/* MAIN MENU */
#main {
  margin:auto;
  width:960px; 
  padding:auto;
  margin-bottom: 5px;

 
}


#main #inner-container{
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
   


}

.hymn-column1
{
    float: left;
    font-size: 16px;
    font-weight: bold;
    width: 300px;
    text-align: justify;

}

.hymn-column2
{
    border-left: 1px solid #3b3227;
    font-size: 16px;
    font-weight: bold;
    margin-left: 320px;
    margin-top: 25px;
    padding-left: 20px;
    text-align: justify;
}
/*Clear Fix*/
#inner-container:after { content: '.'; clear: both; visibility: hidden; display: block; height: 0px; }

#main #main-background-img {
 height:400px;
 margin-left: -705px;
 position:absolute;
 z-index: -1;
  
}

#sidebar-content
{
  font-size: 1.1em;
  line-height: 1.6em;
  width: 195px;
  float:left;
}
/*#main-left-sidebar ul
{

width:200px;

}*/
#main-left-sidebar-logo-info
{

margin-left:25px;

}

#main-left-sidebar-logo-info h2
{
   color: #B17A32;
    font: 14px/15px 'Times New Roman',Arial,sans-serif;
    text-align: center;
}
#main-left-sidebar-logo-info img
{
width:120px ;
height :110px;
margin-left:20px;
}
#main-left-sidebar-logo-info p
{
  font-size:14px;
  font-family: 'Times New Roman',Arial,sans-serif;
  text-align: center;
}
#primary-content{
  float:left;
  width: 735px;
  padding-left: 10px;
  margin-left:20px;
  font-size:15px;
  font-family: 'Times New Roman',Arial,sans-serif;
  text-align: justify;

}
#primary-content #TopPrimary1_PageName1{

    color: #CE160A;
    font: 32px/45px 'Times New Roman',Arial,sans-serif;
    margin-bottom: 10px;

}

#primary-content #presidentpotrait{
  background: url("../Main%20Page/primarycontent-images/bg-diagonal.png") repeat scroll left top rgba(0, 0, 0, 0);
  padding: 10px;
  margin-left: 12px;
}
#primary-content .img-frame
{
  background: url("../Main%20Page/primarycontent-images/bg-diagonal.png") repeat scroll left top rgba(0, 0, 0, 0);
  padding: 10px;
  padding-bottom: 5px;

}


#primary-content p.lead-in-message{
    color: #C05F4C;
    font: 16px/21px 'Times New Roman',Arial,sans-serif;
    font-weight:bold;
    text-align: justify;
}

 #primary-content .unordered-list-style >li {

  padding-bottom:5px;
  color:#CE160A;
  margin-left: -24px;

}
#primary-content .unordered-list-style >li span {

 
  color:#000000;
  
}

 a .img-border-remove
{

top:3px; 
position:relative;
border:none;

}

#primary-content #wcstaffmembers 
{
margin-left: -40px;
font-size: 1.2em;
line-height: 1.5em;

}
#primary-content #wcstaffmembers li
{
list-style: none;
font-size: 16px;
color:#61584E;

}
#primary-content #wcstaffmembers li a
{

margin-left: 10px;
color: #B17A32;
}
#primary-content #wcstaffmembers li a:hover
{

color: #CE160A;
}

#primary-content #wcstaffmembers li a img
{

margin-right: 10px;

}

#primary-content .top-horizontalbar
{
  border:1px solid #CE160A;
  width:547px;
  height: 10px;
  background-color:#CE160A;

}

#wc-news-post .newsposts  
{
margin-left: -40px;
}
#wc-news-post .newsposts  li 
{
list-style: none;
border-bottom:2px solid #CE160A;
border-bottom-width: 1px;
width: 547px;
}

#wc-news-post .newsposts > li >p 
{
 
 font-size: 17px;
 
 
}
#wc-news-post .newsposts > li >p >a
{
 text-decoration: none;
 font-size: 17px;
 padding-left:20px;
 
}



table.styled {
    border-collapse: collapse;
    margin-bottom: 1.8em;
    width: 100%;
   font-size: 18px;
}

table.styled th {
    background: url("../Main%20Page/primarycontent-images/table-diaganol.png") repeat-x scroll left top #CE160A;
    border-bottom: 1px solid #CE160A;
    border-top: 1px solid #CE160A;
    color: #ECE6E0;
    font-weight: normal;
    line-height: 1em;
    padding: 0.5em;
    text-shadow: 0 -1px 1px #000000;
    vertical-align: top;
}

table.styled td {
  
    border-bottom: 1px solid #E1E1E0;
    border-top: 1px solid #E1E1E0;
    padding: 4px 6px;
    vertical-align: top;
    font-size:16px;
}
table.styled tr.alternaterow {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000;
   
    vertical-align: top;
}

 #right-side-secondary-content
{
  float:left;
  width:266px;
  padding-left: 40px;
  font-size: 16px;

}

.blockstatementcallout  {
    background: url("../Main%20Page/primarycontent-images/bg-diagonal.png") repeat-x scroll left top rgba(0, 0, 0, 0);
    padding: 20px 10px;
    color: #C05F4C;
    text-align: justify;

}

#sports-slideshow .image-wrapper{
 background: url("../Main%20Page/primarycontent-images/bg-diagonal.png") repeat scroll left top rgba(0, 0, 0, 0);
    padding: 10px;

}
#sports-slideshow .image-wrapper img{


}

#right-side-contact-us .contact-us-image-wrapper, .applyingforms-image-wrapper {
    background: url("../Main%20Page/primarycontent-images/bg-diagonal.png") repeat scroll left top rgba(0, 0, 0, 0);
    padding: 10px;
    color: #C05F4C;

}
#right-side-contact-us a{

  text-decoration: none;
  color:#CE160A;



}
#ourvalues
{
margin-top: 0;
position: relative;
right: 30px;
}
.unorderlist-styling{
margin-top: 0;
position: relative;
right: 24px;
}

#right-side-secondary-content #ourvalues >li
{
 padding-top: 3px;
}

#right-side-secondary-content #wc-rightside-logo img
{
margin-left:50px;
padding-top: 10px;
height:150px;
width: 120px;
}

.button-styles {
    background-clip: padding-box;
    background-color: #CCCCCC;
    background-image: linear-gradient(90deg, rgba(83, 42, 1, 0.04) 0%, rgba(255, 255, 255, 0.02) 50.12%, rgba(247, 245, 245, 0) 100%);
    border: 1px solid #D9D3C1;
    border-radius: 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.51) inset, 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
    margin: 0 0 10px;
    padding: 17px 15px 15px;
    
}
.button-styles a {
    border: medium none !important;
    color: #64140D;
    display: block;
    font: 18px/24px 'Times New Roman',Arial,sans-serif;
    margin: 0;
    padding: 0;
    text-decoration: none;

}

#main-left-sidebar
{
  margin: 20px 0 30px;
  width:200px;
}

#main-left-sidebar ul li{

    border-top: 1px dotted #968064;
    font: 13px/15px 'Times New Roman',Arial,sans-serif;
    margin: 0;
    padding:0;
    list-style:none;

}

#main-left-sidebar ul li a.active  {
    color: #CE160A;
}
#main-left-sidebar ul li a:hover  {
    color: #CE160A;
}

#main-left-sidebar ul li.first-child{

    border: none;
}

#main-left-sidebar ul li a {
    border: medium none !important;
    color: #64140D;
    margin: 0;
    padding: 10px 10px;
    text-decoration: none;
    display:block;
    font-size: 14px;
    text-transform: uppercase;


}



/* Main-Column 1 */
#main #column1 {

  margin-left:5px;
}

#main .style-column1
{
    
    height: 130px;
    overflow: hidden;
    position: relative;
    width: 265px;
    margin-bottom:5px;

}

#main #our-vision {
    background: url("../Main%20Page/maincontent-images/column1-images/ourvision_updated2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 265px;
    margin-left:7px;
 
    
    
  }

  #main #slider {
    background: url("../Main%20Page/maincontent-images/column1-images/slider-image-2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 265px;
    margin-left:7px;

   
  }
  #main #news-calendars {
    background: url("../Main%20Page/maincontent-images/column1-images/newsandcalendarimages_updated.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap;
    width: 265px;
    margin-left:7px; 
  }

/*Main-Column 2 */


/*
Slideshow Cycle.
*/
#slideshow {
  width: 548px;
  margin: 0 auto;
  height:401;
  margin-top:60px;
}
#slideshow > div {
  width: 548px;
  vertical-align: center;
  overflow:hidden;
  height:397px;
  
}
#slideshow > div > img {
  margin: auto;
  display: block;
}
#column2
{
  margin:-460px 0px 0px 130px;
}

.meta {
  position: absolute;
  bottom: -80px; left: 0px; right: 0px; height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  text-align: center;
  color: white;
  font-family: 'Times New Roman',"Helvetica Neue", Helvetica, sans-serif;
  background-color: rgba(206, 22, 10, 0.7);
  cursor: pointer;
  width:546px;


}

.facilities-meta
{
  position: absolute;
  bottom: -80px; left: 0px; right: 0px; height: 18px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 15px;
  text-align: center;
  color: white;
  font-family: 'Times New Roman',"Helvetica Neue", Helvetica, sans-serif;
  background-color: rgba(206, 22, 10, 0.7);
  cursor: pointer;
  width:300px;
  margin-bottom: 4px;


}
  /*Nav for Slider*/

.nav-arrow {
  width: 30px;
  height: 140px;
  background-color: white;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  text-align: center;
  line-height: 140px;
  cursor: pointer;
  font-size: 18pt;
  color: darkgray;
}
.nav-arrow:hover {
  background-color: lightgray;
  font-size: 20pt;
  color: #888;
}
.nav-arrow-left {
  float:left;
  border-left: 1px solid #C11217;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.nav-arrow-right {
  float: right;
  border-right: 1px solid #C11217;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#next-prev
{
position:relative; 
margin-left:630px;
margin-top: -80px;
 

}
#next-prev a
{
text-decoration: none;
border: 1px solid #ccc; 
background: #FFF; 
margin: 0 5px; 
padding: 3px 5px; 
color:#C11217;

}
#next-prev a.activeSlide { background: #D32027; color:#FFF;}
#next-prev a:focus { outline: none; }

/*Main-Column 3*/


#main #column3
{

margin:-397px 0px 0px 815px;
}



#main #col3-school-creed {
    background: url("../Main%20Page/maincontent-images/column3-images/btn-summerupdated.png") no-repeat;
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 201%;
    white-space: nowrap;
    width: 265px;
    margin-left:7px;
    position:relative;
    margin-bottom: 5px;
    background-position: 0px -135px;
    
  }

  #main #col3-slider {
    background: url("../Main%20Page/maincontent-images/column3-images/Image-2.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 130px;
    overflow: hidden;
    text-indent: 201%;
    white-space: nowrap;
    width: 265px;
    margin-left:7px;
    margin-bottom: 5px;

   
  }
  #main #col3-programs {
    background: url("../Main%20Page/maincontent-images/column3-images/btn-summerupdated.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    height: 127px;
    overflow: hidden;
    text-indent: 201%;
    white-space: nowrap;
    width: 130px;
    margin-left:7px;
    
  }

/**Footer**/

footer #socialmedia-navbar{
background-color:#C11217;
padding: 11px 0px 9px 0px;
}


footer #address-visitorcentre{
background-color:#E3E3E3;
padding: 9px 0px;
width: 100%;
}

footer #social-media-icons
{
  margin-left: 275px;
}
footer #nav-next-prev{
  margin-right:240px; 
  float:right;
}

footer #westminster-logo
{
  float:left; 
  margin-left:260px;
}
footer address
{
  float:left; 
  padding-left:10px;
}

footer #visitors-center-img
{
  padding-left:395px;
 

}
#footer-bar-bottom
{
  background-color: #C11217;
  padding-top:33px;
  border: 1px solid #C11217;
  width:100%;
  
  overflow:hidden;

}
#socialmedia-navbar > a >img {
  border:none;
}
#address-visitorcentre >a >img {
  border:none;
}

footer #announcements
{
 
  float:left;
 margin-left: 20px;
}
footer #info
{
 
float:left;
margin-left: 10px;
}