@import url('fonts-min.css');

/* Basic Page Layout */
html,
body{
  padding: 0;
  margin: 0;
  min-width: 800px;
  background-color: #ddddff;
}

.errors{
	padding: 1em;
	background-color: #f99;
	border: 1px solid #932;
	font-family: Verdana,sans-serif;
	font-size: 1em;
	font-weight: bold;
	
}

.errors li {
	margin-left: 1em;
}

hr.endel{
	height: 0;
	border: 0;
	background-color: transparent;
	clear: both;
	margin: 0;
	padding: 0;
}

.column{
  float:left;
  position: relative; /* this overrides an IE rendering bug which hides content on navbar hover. */
  top: 0px;
  margin: 0;
  padding: 0;
}

img.inline {
  float:right;
  border:1px solid black;
  margin-left: 1em;
  margin-top: 15px;
}

.container{
width: 750px;
margin: 0;
padding: 0;
border: 0;
min-height: 0;
}



#content {
  width: 483px;
  margin: 0;
  padding: 20px 100px 0 20px;
  min-height: 250px;
  background: #eee;
  border-top: 2px solid #555;
  border-left: 1px solid #555;
  border-right: 1px dashed #bbb;
  border-bottom: 1px solid #bbb;
}

#frontispiece {
width: 448px;
background: #bbb;
text-align: center;
border-top: none;
border-left: 91px solid #555;
border-right: 91px solid #555;
border-bottom: 1px solid #555;
  min-height: 250px;
  padding: 20px 60px 0 60px;
}

#frontispiece .quote {
text-align: center;
font-weight: bold;
font-size: 1.3em;
}
#frontispiece .quote .attrib {
font-weight: normal;
font-style: italic;
}

#frontispiece h2 {
font-family: palatino, georgia, serif;
font-size: 1.15em;
font-weight: normal;
}

#frontispiece h3 {
font-family: palatino,georgia,serif;
font-size: 1.35em;
font-weight: bold;
font-style: italic;
color: #444;
}

#frontispiece .linkbox {
background-color: #ccc;
text-align: left;
margin-bottom: 3em;
}


#left_sidebar, #basket{
  width: 143px;
  background-color: #777;
  margin: 0;
  padding-top: 0;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  padding: 0;
  min-height: 20px;
}
#footer{
  clear: both;
}

.hide{
  display:none;
}



/* Header Bar */

#header{
  color: #555555;
  border-right: 2px solid #555;
      padding: 0;
  margin: 0;
  text-align: center;
 /* 
  background-image:url('http://localhost/britcyp/public/resources/header_bar.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:left; 
*/
}

#header #links {
  text-align: center;
  background-color: #555;
  margin: 0;
  padding: 4px 0 1px 0;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
    font-size: 0.9em;
    color: #ffc;
      font-family: "Lucida Grande","verdana", "arial", sans-serif;
  

}

#header a, #header a:hover, #header a:visited {
  color: #ff7;
  text-decoration: underline;

}


#header h1 {
text-align: center;
  background-color: #999;
  font-family: "Palatino","Georgia","Times New Roman", serif;
  margin:0;
  font-size: 2.2em;
  padding-left: 30px;
}

#header #strap {
color: white;
background: #777;
border-top: 1px solid #555;
text-align:center;
text-transform: uppercase;
  font-family: "Verdana", "Arial", sans-serif;
  margin:0;
}


#header h1 a,
#header h1  a:visited,
#header h1 a:hover,
#header h1 a:active {
  color: #444;
  background-color: transparent;
  text-decoration: none;
  /*border-bottom: 6px solid black;*/
  margin: 0;
}

#header #toplinks {

}

#header h1{
  font-weight: normal;
  padding: 3px 0 4px 5px;
}

#header #strap{ 
  font-size: 0.75em;
  padding: 2px 0 3px 10px;
}
#header img{
  border: 0;
}

#masthead {
float:left
}

/* primary navigation elements */

ul#navlinks {
  padding: 0;
  margin: 0;
}

#basket h4 {
background-color: #999;
  color: #555;


	text-align: right;
	padding: 5px 10px;
	margin: 0;
	font-family: "Verdana",sans-serif;	
}

#basket .item div {
	padding: 5px 0;
}


#basket
{
clear:both;
}
#basket p {
padding: 0 5px;
text-align: left;
line-height: 1.2em;
color: #222;
font-size: 0.8em;
}
#basket .item div p {
	margin:0;
}
#basket .item img {
	border: 1px solid #333;
	margin: 0 8px;
	clear: both;
	float:left;

}

#navlinks li{
  list-style-type: none;
  text-align: right;
  padding: 5px 10px;
  margin: 0;
  border-top: 1px solid #555;
}



#navlinks a,
#navlinks a:visited,
#navlinks a:hover,
#navlinks a:active {
  color: #ddd;
  background-color: transparent;
  font-family: "verdana" sans-serif;
  font-size: 0.8em;
 text-decoration: none;
  margin: 0;
  border-top: none;   
}

#navlinks a:hover {
  color: #ec0;
}

#navlinks li.current_page {
  background-color: #999;
  color: #555;
}



/* breadcrumbs */

#breadcrumbs{
  clear: both;
  width: 100%;
  height: 20px;
}

#breadcrumbs ul{
  font-family: verdana, arial, sans-serif;
  font-size: 0.7em;
  color: #989898;
  padding: 0;
  margin: 10px 20px 2px 20px;
}

#breadcrumbs li{
  display: inline;
}

#breadcrumbs a,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active{
  color: #989898;
  text-decoration: none;
  display: inline;
}

#breadcrumbs a:hover{
  background: #ffffcc;
  color: #000;
}

/* sidebars */

.sidebar_box{
 border: 1px solid #ccbbbb;

width:100%;
  margin:0;
  padding:0;
  margin-bottom: 25px;
  padding-bottom: 5px;
  background: #ddd9d9;
}




.sidebar_box h3{
 /* border-top: 2px solid black;*/

  background-color: #A8292B;
  color: #ffffaa;
 clear: both;
  
  font-family: "verdana", sans-serif;
  font-size: 0.92em;
  padding: 5px;
  
  margin:0;
  display: block;
/*  width:100%;*/
  font-weight: bold;
}

.sidebar_box h4{
  font-size: 92%;
  padding: 10px 0 0 5px;
  margin: 0;
} 

.sidebar_box p{
  font-size: 85%;
  text-align: left;
  padding: 4%;
  margin: 0;
  width: 90%;
}

.sidebar_box ul{
  padding: 3px;
  margin: 0;
}

.key_reading{
  background:#ff9;
}
.sidebar_box li{
  list-style-type: none;
  font-size: 77%;
  margin-bottom: 5px;
}

.sidebar_box a,
.sidebar_box a:visited,
.sidebar_box a:hover,
.sidebar_box a:active{
  display: inline;
    color: #751417;

}

.sidebar_box img{
  vertical-align: middle;
}

.sidebar_box p.issue_notes{
/*  float:left;
  clear:both;
  margin:0;
*/
}
/* for form controls in sidebars*/
#left_sidebar.sidebar_box form{
  padding: 10px;
  text-align: left;
}

#left_sidebar.sidebar_box input{
  margin: 10px;
  
}
/* page content */

#content h2,
#content h3{
  font-family: "palatino","georgia", serif;
  padding-bottom: 5px;
  color: #865;
  font-size: 1.5em;
  margin-top: 0;
  margin-bottom: 0;
}

#content h4 {
   font-family: "palatino","georgia", serif;
   color: #666;
   font-size: 1.3em;
   margin-bottom: 0;
   padding-bottom: 0;
}

#content h2.title{
  border-bottom: 1px solid black;
  clear: both;
  margin-bottom: 1em;
}



#content #contents_page h2.title{
  font-size: 1.35em;
  padding: 2px;
  padding-left: 2px;
  border: 1px solid black;
  border-bottom: 2px solid black;
  background-color: #A8292B;
  color: #ffffaa ;
  clear: both;
  margin-bottom:0;
}


#content h3{
  font-size: 100%;
  border: none;
}

p,dl, label{
  line-height: 1.5em;
  font-family: 'palatino', 'georgia', serif;
  text-indent:0px;
  margin-left: 3px;
}

p {
	text-align: justify;
}

label{
	font-weight: bold;
	background-color: #bbb;
}

dt{
    font-weight:bold
  }
  dd {
margin-left: 0;
  padding-left:0;
padding-bottom: 5px;
  font-style:italic
  }


#content p.link{
  text-indent: 0;
}
#content p.byline{
  text-indent:0px;
  font-style: italic;
  color: #5f5f5f;
  margin-bottom: 10px;
}

#content a,
#content a:visited,
#content a:hover,
#content a:active{
  color: #751417;
}

.content_nav {
font-family: "Palatino","Georgia","Times New Roman", serif;
/*list-style-type: none;*/
/*background-color: #dfc;*/
clear:both;
padding: 5px;
border-top: 1px solid #888;
text-align: right;

}

.content_nav li {
margin-top: 0.5em;
}

#content a:hover{
}

#content a:active{
  color: red;
}

.article_image {
  margin-left: 25px;
  float: right;
  margin-bottom: 15px;
  text-align:center;
}

.article_image img {
  margin: 5px 0;
  border 1px solid black;
}

.article_image p.caption {
  width: 150px; 
  margin: 0;
  border-top: 1px solid #777;
  border-bottom: 1px solid #777;
  padding: 5px 0;
  line-height: 1.2; 
 text-align: center;
 text-indent:0;
  font-style: italic;
  font-size: 0.8em;
  font-family: 'Arial','Helvetica',sans-serif;
}


img.article_image{
  float: right;
  margin: 10px;
  margin-right: 0;
  border: 1px solid black;
}


div#content p.noindent{
text-indent: 0;
}

#content p.notes,
.notes{
  color: #474747;
  margin:0;
  padding: 0;
  font-size: 77%;
  font-style: italic;
  color: #979797;
  margin: 0;
  text-indent: 0; 
  margin-top: 5px;
}

.notes a,
.notes a:visited,
.notes a:hover {
  color: #80595A
}

img.icon {
  padding: 0;
  padding-right: 5px;
  float: left;
}
/* footer */

#footer{
margin: 1em 0;
  color: #333;
  clear: both;
  height: 30px;
}

#footer p{
  
  margin: 0.5em 0;
  text-align: left;
 font-size: 0.9em;
}
#footer .name {
  font-style: italic;
}


#footer li{
  display:inline;
}

#footer a,
#footer a:visited,
#footer a:hover,
#footer a:active{
  color: #622;
}

#footer .tekton
{
	
	float: right;
}
#footer .bcm
{
	float:left;
}

.linkbox {
background-color: #dcb;
border: 1px solid #a98;
padding: 10px;
font-family: "Palatino", "Georgia", "Helvetica", serif;

}

.linkbox dl lh {
    font-size: 1.5em;
  color: #865;
 }

.linkbox dl {
margin-top: 0;
margin-left: 5px;
list-style-type: none;
}

.linkbox dl dt {
margin-top: 10px;
margin-left: 5px;
margin-bottom: 3px;
}
.linkbox dl dd {
margin: 0 15px;
}

  form.MyUI div.row {
    clear: both;
    padding-top: 5px;
    border-top: thin solid #cccc88;
  }
      
  form.MyUI label {
    float: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
  }
  
  .MyUI .error {
     color:red;     
   }

   .MyUI ul.error {
     
   }
  .MyUI .tabselect label, .MyUI .list label, .MyUI .boolean label {
    float: none;
    text-align: left;
    font-size: 0.9em;
    text-decoration:italic;
    margin-bottom: 0.5em;
  }

  form.MyUI .row .note {
    clear:both;
    padding:0;
    margin: 0 0 0 110px;
    font-size: 0.8em;
  }
  
  
	      
  form.MyUI div.row input, textarea, select {
       margin-left: 10px;
       margin-bottom: 5px;
  
       text-align: left;
  }

  form.MyUI div.row .primaryAction {
    margin-left: 110px;
  }

  ul.key {
    list-style-type: none;
    margin-left: 10px;
    padding: 10px;
    font-family: 'Palatino','Georgia',serif;
    border: 1px dotted black;
  }
  ul.key li {
  }

  .roll_list {
    border: 3px solid black;
    border-collapse: collapse;
    background-color: #ddd;
    font-family: 'Palatino','Georgia',serif;
  }
  .roll_list td {
    min-width: 50px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding: 0.1em 0.5em;
  }
  .header_row {
  background-color: #aaa;
  font-weight: bold;
  }
  .control_row {
  background-color: #ccc; 
  }
  .control_row td {
  border-bottom: 3px solid black;
  }