/* Warwick Design CSS */

/* CONTAINERS AND CONSTANTS*/

body {
text-align:center;
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
background-color: rgb(247, 143, 30);
}

#maincontainer{
min-width: 970px;
max-width: 1280px;
margin-right:auto;
margin-left:auto;
margin-top:0;
padding:0;
text-align:left;
border: 15px solid rgb(247, 143, 30);
}

* html #maincontainer {
display: inline-block; 
width: 1024px;
}

#innercontainer {
background-color: rgb(218, 227, 243);	
width: 100%;
position: relative;
float: left;
margin-bottom: 15px;
border: 1px solid white;
}

a {
color: rgb(247, 143, 30);
}

#corner {
background: url(images/corner.gif) transparent 100% 100% no-repeat;
position: absolute;
bottom:0;
right:0;
width: 16px;
height: 16px;
z-index: 10;
}


/* ACCESSIBILITY */

#skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
 
#skip a:active
{
position:static;
width:auto;
height:auto;
}


/* HEADER */

#header{
width: 100%;
margin: 0;
padding: 0;
position: relative;
}

#stripes{
margin: 0 20px 0 580px;
height: 64px;
background: url(images/stripes.gif) rgb(218, 227, 243) 0% 55% repeat-x;
}


/* HEADER NAV */

a
{
outline: none;
}

ul#headernav{
margin: 0;
padding: 20px 0 12px 22px;
text-align: center;
display: inline;
background-color: rgb(218, 227, 243);	
float: left;
}

ul#headernav li {
list-style: none;
margin: 0 7px 0px 0;
padding: 0;
float: left;
background-color: rgb(169,179,196);
display: inline;
}

ul#headernav a {
position: relative;
display: block;
padding: 7px 9px 8px 9px;
top: 0px;   
left: 0px;
text-decoration: none;
color: rgb(247, 143, 30);
background-color: rgb(218, 227, 243);	
font:  0.7em Verdana, sans-serif;
border: 1px solid rgb(218, 227, 243);
}

ul#headernav a:hover {
top: -2px;    
left: -2px;
border: 1px solid rgb(247, 143, 30);
}

ul#headernav a.selected {
top: -2px;    
left: -2px;
border: 1px solid rgb(247, 143, 30);
}


/* LOGIN FORM */

#loginform {
border: 1px solid rgb(247, 143, 30);
padding: 3px;
float: right;
background-color: white;
}

#loginform input {
padding: 2px;
width: 60px;
font: 0.7em Verdana, sans-serif;
margin: 0;
border: 1px solid rgb(169, 179, 196);
background-color:rgb(218, 227, 243);
}

#loginform input:focus {
border: 1px solid rgb(247, 143, 30);
}

#loginform input.button {
margin: 0;
padding: 2px;
color: rgb(247, 143, 30);
cursor: pointer;
}

#loginform input.button:hover {
border: 1px solid rgb(247, 143, 30);
}

#loginform label {
text-align: right;
width: 120px;
padding: 2px;
font-size: 0.7em;
margin: 0px;
color: rgb(247, 143, 30);
}


/* CONTENT */

#contentcontainer{
margin: 0 20px 0 580px;
height: 452px;
position: relative;
}

#content{
text-align: left;
position: absolute;
bottom: 120px;
left: 0;
}

#content p{
color: rgb(247, 143, 30);
font: 0.9em verdana, serif;
}

#content h1{
font: 2em verdana, serif;
color: rgb(247, 143, 30);
padding: 0px;
margin: 0px;
}


/* SLIDES*/

#slides {  
padding: 0;  
margin:  0;  
position: relative;
float: left;
height: 450px;  
width: 540px; 
background-color: white;
border: 1px solid rgb(247, 143, 30);
overflow: auto;
overflow-x: hidden;
}
 
#slides img {  
padding: 0px;  
max-height: 450px;  
max-width: 540px;  
top: 0; 
left: 0;
float: left;
}

#slides .leftimage{
float: left;
padding: 2px;
margin: 15px;
clear: both;
border: 1px solid rgb(247, 143, 30);
}

#slides .leftimage2{
float: left;
padding: 2px;
margin: 15px;
clear: both;
border: 0px solid rgb(247, 143, 30);
}

#slides .leftimage3{
vertical-align: top;
float: top;
padding: 2px;
margin: 15px;
clear: both;
border: 0px solid rgb(247, 143, 30);
}

#slides .rightimage{
float: right;
padding: 2px;
margin: 15px;
clear: both;
border: 1px solid rgb(247, 143, 30);
}

#slides .rightimage2{
vertical-align: text-bottom;
float: right;
padding: 2px;
margin: 15px;
clear: both;
border: 1px solid rgb(247, 143, 30);
}

#slides .rightimage3{
vertical-align: text-bottom;
float: right;
padding: 2px;
margin: 15px;
clear: both;
border: 0px solid rgb(247, 143, 30);
}

#slides .horizimage{

margin-bottom: 15px;
border-bottom: 1px solid rgb(247, 143, 30);
}

#slides .horizimage2{

margin-top: 15px;
margin-left: 15px;
margin-right: 100px;
margin-bottom: 15px;
border: 1px solid rgb(247, 143, 30);
}

#slidecontent{ 
float: left;
clear: both;
width: 542px;
height: 452px;
margin: 0;
position: relative;
background-color: transparent;
padding: 0 0 0 20px;
}

#slides p{
padding: 10px 15px 8px 15px;
font-size:0.8em;
color: rgb(55, 58, 63);
}

#slides h2{
padding: 10px 15px 0px 15px;
margin: 0;
font:  bold 1em verdana, serif;
color: rgb(55, 58, 63);
position: relative;
}


/* SLIDE ARTICLES */

#slides .article {
width: 100%;
}

#slides .articleheading {
color: rgb(247, 143, 30);
float: left;
padding: 20px 15px 10px 15px;
}

#slides .articleinfo{
margin: 0;
float: right;
font: 0.6em verdana, sans-serif;
padding: 25px 15px 10px 0;
}


#slides .article .datetime {
margin: 0 10px; 
color: rgb(169,179,196);
}


#slides .article .author {
color: rgb(169,179,196);
}

#slides .articlecontent {
clear: both;
border-top: 1px solid rgb(169, 179, 196);
padding: 0px;
margin: 14px;
float: none;
}

#slides .articlecontent p{
clear: both;
padding: 10px 1px 0px 1px;
margin: 0px;
font: 0.75em verdana, sans-serif;
text-align: justify;
}

#slides .articlecontent h1{
padding: 15px 1px 0px 1px;
margin: 0;
font:  bold  1em verdana, serif;
color: rgb(55, 58, 63);
}

#slides .articlecontent h2{
padding: 15px 1px 0px 1px;
margin: 0;
font:  bold 0.9em verdana, serif;
color: rgb(55, 58, 63);
display: block;
clear: both;
float: none;

}
#slides .articlecontent h3{
padding: 15px 1px 3px 1px;
margin: 0;
font:  bold 0.8em verdana, serif;
color: rgb(55, 58, 63);
display: block;
border-bottom: 1px solid rgb(169, 179, 196);

}

#slides .articlecontent h4{
padding: 15px 1px 0px 1px;
margin: 0;
font: bold 0.8em verdana, serif;
color: rgb(247, 143, 30);
display: block;
}


#slides .articlecontent h5{
padding: 15px 1px 3px 1px;
margin: 0;
font: 0.8em verdana, serif;
display: block;
border-bottom: 1px solid rgb(247, 143, 30);
color: rgb(247, 143, 30);
}

#slides .articlecontent h6{
padding: 15px 1px 3px 1px;
margin: 0;
font: 0.7em verdana, serif;
display: block;
border-bottom: 1px solid rgb(169, 179, 196);
color: rgb(169, 179, 196);
}

#slides .articlecontent ul{
font: 0.75em verdana, serif;
display: block;
color: rgb(55, 58, 63);
list-style-type: square;
}
#slides .articlecontent ol{
font: 0.75em verdana, serif;
display: block;
color: rgb(55, 58, 63);
list-style-type: lower-alpha;
}

#slides .articlecontent address{
font: italic 0.8em verdana, serif;
display: block;
color: rgb(55, 58, 63);
padding: 0px 1px 0px 1px;
}

#slides .articlefooter{
font: 0.7em verdana, serif;
display: block;
border-top: 1px solid rgb(169, 179, 196);
margin: 15px;
padding: 10px 1px 0px 1px;
}

#slides .articlefooter a.nextslide{
float: right;
}

#slides .articlefooter a.prevslide{
float: left;
}


/* SLIDES NAV */

#slidesnav{
list-style: none;
padding: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 2;
width: 220px;
}

#slidesnav li{
float: left;
display: inline;
}

#slidesnav a{
font-size: 0.7em;
position: relative;
margin: 0 10px 0 0;
padding: 0;
float: left;
background: url(images/slidelink.gif) transparent 0% 0% no-repeat;
text-decoration: none;
color: rgb(218, 227, 243);
height: 55px;
width: 34px;
display: inline-block;
}

#slidesnav a.activeSlide { 
background: url(images/slidelinkover.gif) 0% 0% no-repeat;
}

#slidesnav a:hover {
color: rgb(247, 143, 30);
display: inline;
background: url(images/slidelinkover.gif) rgb(218, 227, 243) 0% 0% no-repeat;
z-index: 3;
}

span.slidetext{
margin: 20px 0 5px 0;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 150px;
z-index: 1;
}


/* FOOTER */

#footer {
clear: both;
padding: 0;
background: url(images/footer.jpg) rgb(247, 143, 30) 100% 0% no-repeat;
position: relative;
float: right;
width: 100%;
}

#footer p{
margin: 0;
}

#footer img{
float: right;
position: relative;
margin: 62px 50px 20px 0;
border: none;
}

#footer a{
border: none;
}

#footer .credits{
float: left;
position: absolute;
bottom: 0;
left: 0;
margin: 0px 0px 20px 20px;
padding: 0 20px 0 0;
color: white;
font-size: 0.6em;
font-variant: small-caps;
}

#footer .copyright {
padding: 0 10px 0 0px;
}

#footer .footertext{
color: white;
padding: 0 10px 0 10px;
text-decoration: none;
border-left: 1px solid white;
}


/* Google Error Text */
   
#goog-wm {
  width: auto;
  padding: 0px 10px 10px 10px;

  border: 1px solid rgb(247, 143, 30);
  background-color: white;
}


#goog-wm h3.closest-match {
font:  1em verdana;
font-weight: normal !important;
border-bottom: 1px solid rgb(247, 143, 30);
color: rgb(247, 143, 30);
padding: 3px;
}

#goog-wm h3.closest-match a { 
color: rgb(247, 143, 30);
font-size: 0.8em;
}
   


#goog-wm h3.other-things {
font:  1em verdana;
font-weight: normal !important;
border-bottom: 1px solid rgb(247, 143, 30);
color: rgb(247, 143, 30);
padding: 3px;
}
   
#goog-wm ul li { 
color: rgb(36, 65, 121);
list-style-type: none;
font-size: 0.7em;
}
   
#goog-wm li.search-goog {

}

#goog-wm-sb {
padding: 4px 2px 2px 2px;
font: 0.9em verdana, sans-serif;
margin: 0 0 0 3px;
border: 1px solid rgb(169, 179, 196);
background-color:rgb(218, 227, 243);
color: rgb(36, 65, 121);
}