/* CSS style sheet Andy Collinson */

body {
  margin: 0 0 15px;
  font-family: Verdana,Arial,Nimbus-Sans,sans-serif;
  font-size: 1.1em;
  color: black;
  background-color: white;
}


a:link {
color: blue;
}

a:active {
color: blue;
}

a:hover, a:visited {
color: purple;
}


h1 {

font-size: 19px;
background: url(pngs/hl_red.png) repeat-x;
color: black;
font-weight: normal;
text-decoration: underline;
}

.margin {
  margin: 4em 20px 0px 20px;
  min-width: 600px;
}


.table-head {
	margin-left: auto;
	margin-right: auto;
	background-image: url(jpgs/headbg.jpg);
   background-position: center center;
    height : 150px;
    width : 100%;
    border-collapse: collapse;
  }

.table-head td {
	font-size: 30px;
	color: red;
	vertical-align: center;
}	


.table-ccts {
	 background-image: url(jpgs/back.jpg);
    background-position: center center;
    height: 150px;
    width: 100%;
    color: red;
    border-collapse: collapse;
  }

.table-ccts td {
	font-size: 30px;
	color: red;
	}	


.table-foot {
	margin-top: 2em;
    background-image: url(jpgs/bl_shade.jpg);
    width: 100%;
    text-align: center;
    font-size: 16px;
  }
  
.table-foot td.medium {	font-size: 20px; }

.table-foot a {
	background: url(pngs/bl_head.png) repeat-x;
}
.table-foot a:link, .table-foot a:visited {
	color: blue;
}
.table-foot a:hover {
	color: purple;
}


.table-nav {
  background-image: url(nav_bg.jpg);
  height: 27px;
  width: 100%;
  border-collapse: collapse;
}


.table-ry {
	margin: 1.5em;
   background-color : #fffeaf;
   border-collapse: collapse;
   text-align: right;
   border: 2px solid red;
   padding: 1px; 
     }

.table-ry th {
	border: 0;
	background-color: aqua;
   color: blue;
}
.table-ry td.hl {
	padding: 3px;
	border: 1px solid black;
	background-color: yellow;
   color: blue;
}


.table-ry td {
	padding: 3px;
	border: 1px solid black;
	   }


.spec {
	margin: 1.5em;
   color: blue;
   border: 0;
   padding: 0; 
     }
.spec tr, td {
	padding: 0.1em 0.5em;
}
.spec td.colone {
	background: url(../pngs/hl_purple.png) repeat-x;
   color: white;
   font-variant: small-caps;In addition, it has the added security that they cannot be read under windows
}

.roll_dots a:link, .navbar a:visited  {
  background: url(gifs/dot_blue.png) no-repeat scroll 0%;
  padding-left: 1.5em;
  }


.roll_dots a:hover, .navbar a:focus  {
  background: url(gifs/dot_gn.png) no-repeat scroll 0%;
  padding-left: 1.5em;
  }

.navbar a:link, .navbar a:visited {
  font-size: 1.2em;
  margin: 0.5em;
  padding: 0.5em;
  background: url(pngs/up1.png) no-repeat scroll 0%;
  position: relative;
  top: 10px;
  left: 20px;
  bottom: 20px;
  }


.navbar a:link {
  /*color: black;*/
}

.navbar a:hover, .navbar a:focus {
  background: url(pngs/down1.png) no-repeat scroll 0%;
    /*color: red;*/
  
    }


.nav {
	margin-bottom: 2em;
	position: absolute; top: 150px; left: 0px;
	width: 100%;
	background-image: url(nav_bg.jpg); height: 27px;
  /*background-image: url(navbg.gif); height: 25px;*/
  	}
		  	

.nav ul {
display: inline;	
	}

.nav li {
	display: inline;
	padding: 0 0.5em;
   border-right: 1px solid #3a3a3a;
   text-align: center;
   margin-bottom: 2em;
	}	


.nav a:link, .nav a:visited {
  text-decoration: none;
  color: #a0522d;
  }
  
.nav a:hover, .nav a:focus {
	color: #ffd700;
  }
 
.nav a.current {
    color: blue;
     } 
         

#navh {
position: fixed; top: 300px; left: 0.5em;
width: 150px;
font-size: 16px;
list-style-type: none;
}      
         


#navh li {
	display: block;
	background: url(jpgs/menu_bak.jpg);
	padding: 0.2em; 0.1em;
  	}	


#navh a:link, #navh a:visited {
  background: url(gifs/dot_blue.png) no-repeat scroll 0%;
  padding: 1.3em;
  text-decoration: none;   
  }


#navh a:hover, #navh a:focus {
  background: url(gifs/dot_r.png) no-repeat scroll 0%;
  /*color: red;*/
    }
    
       
         	
.nav1 {
	background-image: url(nav_bg.jpg);
	height: 27px;
	}

.nav1 li {
	display: inline;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
			}

.nav1 a:link, .nav1 a:visited {
  text-decoration: none;
  color: #a0522d;
}
.nav1 a:hover, .nav1 a:focus {
	color: #ffd700;
  }


.circuits a:link, .circuits a:visited {
	/*font-size: 1.2em;*/
  text-decoration: none;
  color: blue;
}

.circuits a:hover, .circuits a:focus {
  color: #ff6f0f;
 }

.circuits li {
   /* line space all schematics*/
	text-indent: 1em;
	line-height: 2.5em;
}


.clearer {
  clear: both;
}

.gallerycontainer {
  position: relative;
}
.thumbnail img {
  border: 2px solid red;
  margin: 5px;
}
.thumbnail:hover {
  background-color: transparent;
}
.thumbnail:hover img {
  border: 2px solid blue;
}
.thumbnail span {
  padding: 5px;
  position: absolute;
  background-color: yellow;
  left: -1000px;
  visibility: hidden;
  color: blue;
  text-decoration: none;
}
.thumbnail span img {
  border-width: 0;
  padding: 2px;
}
.thumbnail:hover span {
  visibility: visible;
  top: 0;
  left: 280px;
  z-index: 50;
}

#title {
  font-size: 1.7em;
  color: red;
  text-decoration: underline;
}
#large {
  font-size: 1.7em;
  color: blue;
}


h2 {
  color: purple;
}


#heading {
  color: blue;
  font-size: 1.3em;
  text-decoration: underline;
}
#subheading {
  color: red;
  font-size: 1.1em;
  text-decoration: none;
}

#headingred {
  color: red;
  font-size: 1.3em;
  text-decoration: underline;
}

#heading1 {
  color: blue;
  font-size: 1.3em;
}

#heading2 {
  color: red;
  font-size: 1.3em;
}

#heading3 {
  color: blue;
  font-size: 1.2em;
}

#white {
  color: white;
  font-size: 1.1em;
}

.small {
  text-align: center;
  color: purple;
  font-size: 0.8em;
  font-style: italic;
  text-align: center;
}

.date {
  color: green;
  font-size: 0.9em;
  font-style: italic;
}

.domeus {
  color: blue;
  font-size: 0.8em;
  font-style: italic;
}

.hlblue {
font-size: 0.9em;
background: url(pngs/bl_head.png) repeat-x;
color: white;
}

.hlgreen {
font-size: 0.9em;
background: url(pngs/hl_green.png) repeat-x;
color: white;
}

.hlpurple {
font-size: 0.9em;
background: url(pngs/hl_purple.png) repeat-x;
color: white;
}

.hlred {
font-size: 19px;
background: url(pngs/hl_red.png) repeat-x;
color: black;
text-decoration: underline;
}



#sidebarleft {
  margin-top: 50px;
  /* border: 1px solid #000; */
  float: left;
  width: 15%;
  height: 30%;
  }

#sidebarleft img {
border: 2px solid orange;
width: 100px;
height: 70px;
margin: 15px 0 0 0;
}


#sidebarleft a img:hover {
border: 2px solid red;
}


#sidebarright {
  margin-top: 50px;
 /* border: 1px solid #000; */
  float: right;
  width: 15%;
  height: 30%;
  }
  
#sidebarright img {
border: 2px solid orange;
width: 100px;
height: 70px;
margin: 15px 0 0 0;
}

#sidebarright a img:hover {
border: 2px solid red;
}

.flags img {
	margin: 15px 2px 10px 2px;
	display: inline;
	width: 50px;
	height: 35px;
	border: 2px solid white;
}

.flags a img:hover {
border: 2px solid #ff6f0f;
}

#oval { 
width: 600px;
height: 200px;
background: red;
/*background-image: url(jpgs/cxilogo1.jpg);*/
-moz-border-radius: 600px / 200px;
-webkit-border-radius: 400px / 20px;
border-radius: 600px / 200px;
  } 


.gallery img {
	margin-top: 2em;
	border: 2px solid blue;
	height: 224px;
}

.gallery img:hover {
border: 2px solid red;
}

.transparent img {
	background-attachment: fixed;
	position:absolute;
   left: 25%;
   top:  200px;
	z-index: -1;
	opacity:0.4;
	filter:alpha(opacity=40);
}

	
.answer {
    border: 2px solid brown;
    background-color: #ff0;   
     
    padding: 2px;
    color: blue;	
    }
    
   
.fraction {
	text-align: center;
	vertical-align: middle;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.5em;
		}     
    
.formula {
	font-size: 1.2em;
	color: blue;
	text-align: center;
	vertical-align: middle;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
		}  

.formula sub {
	font-size: 0.7em;
		}  

.vinculum {
	border-top: 2px solid black;
}


#highlight {
	width: 500px;
	font-family: Arial;
	font-size: 16px;
	color: white;
	background-color: black;
}



#warning {
	margin-left: auto;
	margin-right: auto;
	width: 600px;
	padding: 3px;	
	color: red;
	border: 3px double red;
}


#return {
	display: block;
	width: 280px;
	background: url(pngs/bl_head.png) repeat-x;
	font-size: 1.2em;
	text-align: center;
   margin-bottom: 2em;
   border: 2px solid #ff6f0f;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
      }


#return a:link, a:visited {
text-decoration: none;
color: blue;
	}
	
#return a:active, a:hover {
text-decoration: none;
color: red;
	}
	
#return a:hover {
	padding: 0em 0.8em;
	background: url(pngs/hl_green.png) repeat-x;
	color: white;
   -moz-border-radius: 20px;
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
}