/* side logo - cgp education styles for fixed header and footer - SH 29/11/2006 */

/* standard html tags */
body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  overflow: hidden; /*stops scroll bars */
  font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
  font-size: 84%;
  color: #ffffcc;
  text-align: center;
  line-height: 1.4;	
  background-image: url(../images/background_strip.jpg);
  background-repeat: repeat-x;
  background-position: top;
  background-attachment: fixed;
  background-color: #530118;
  z-index: 0;
  width: 100%;
  }
html {
	overflow:hidden;
	}/* fix for IE7 vertical scrollbar thingy */
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
h1 {
  font-size: 1.4em;
  padding-top: 10px;
  color: #f9f5bb;
  margin-bottom: 4px;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

  /*border-bottom: 1px solid #660033;*/
  }
h2 {
  font-size: 1.2em;
  padding-top: 4px;
  color: #fff;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

  margin-bottom: -0.5em;	
  }
h3 {
  font-size: 1em;
  color: #ffffff;
  font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
  margin-bottom: -1em;
  margin-top: 1.5em;		
} 
table {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
a {
  color: #ccffff;
  text-decoration: underline;
  }
a:hover {
  color: #ffffcc;
  }
a:active {
 	color: #cc3300;
 }
a:visited   {
  color: #fff;
  }
hr {
  height: 1px;
  width: 50%;
  color: #000066;
  }
img {
  border: none;
  }
legend {
  color: #f4f4f4;
  font-size: 120%;
  font-weight: bold;
  }

 /* changes to standard tags */
#home h1 {
	font-size: 2.2em;
	margin-bottom: 10px;
	margin-top: -10px;
	border: none;
}
#home h2 {
	margin-bottom: 0px;
	font-size: 1.5em;
}

.small {
	font-size: 0.7em;
	margin-top: -1em;
}

.bookslist table {
	border: none;
	vertical-align: top;
	margin: 0px;
}
.bookslist th {
  padding: 2px 6px;
  font-size: 82%;
  border: 1px solid #c16483;
  vertical-align: top; 
  text-align: left;  
  } 
.bookslist td {
  height: auto;
  padding: 2px 6px;
  font-size: 82%;
  color: #ebebeb;
  border: 1px solid #c16483;
  vertical-align: top; 
  text-align: left;
  }
li {
	margin-top: 7px;
}

#order ol, #order li {
  line-height: 1.3em;
  }
#order ul {
  list-style: disc;
  } 

.highlightlink {
  /*background-color: #cc3300;*/
  border-bottom: 1px dashed #cccccc;
  padding: 2px 4px;
  }  

.imgright {
  float: right;
  margin: 6px 0px 14px 14px;
  }
.imgtight {
 	margin: 0px;
	padding: 0px;
 }  
#pdflist {
  line-height: 2em;
  }
  
/* header, logo, nav and tramlines */

#header {
  position:absolute; 
  top:0; 
  left: 0px; 
  width:100%; 
  height:8em; 
  overflow:hidden; 
  background: inherit;
  color:#ffffcc;
  padding-top: 1.2em;
  z-index: 10; /* z-index order stops content 
               showing through header and footer - 
               largest number is top layer */
  }
#header h1 {
	position:relative;
	left: -80px;	
}

#nav ul, #nav li {
	display: inline;
	list-style-type: none;
	text-align: center;
	position:relative;
	left: -80px;
	color: #f2e9b0;	
}
#nav a, #nav a:link {
	width: 7.5em;
	background-color: #333399;
	color: #f2e9b0;
	display: inline;
	line-height: 1.2;
	text-decoration: none;
	font-weight: bold;
	font-size: 104%;
	margin: 0px;
	padding: 2px 6px;
}
#nav a:hover, #nav a.hover {
	background: #d2ac66;
	color: #7f0132;
}
#nav a:active {
	background: #ffffcc;	
	color: #7f0132;
	}
#nav a:visited {

	}
	
#logo {
  position: relative;
  top: 1.5em;
  left: 6px;
  float: left;
  }
  
.skip {
  display: none;
  }
#tramline {
  background-image: url(../images/line.gif);
  background-repeat: repeat-x;
  }  
#tramline2 {
  background-image: url(../images/line2.gif);
  background-repeat: repeat-x;
  }	
#tramline h1 {
	font-size: 1.5em;
}
    
/* home page */
#home {
  padding-top: 0px;
  width: 700px; /* fixes width of content container */
  background-image: url(../images/watermark2.jpg);/* temp removed for message - sh sept 2008*/ 
  background-repeat: no-repeat;
  background-position: bottom;
  height: 420px;
  }  
#homestates {

padding-left:90px; 
	
  }
  
/* home page flag nav */
#flagnav {

	font-weight:bold;
	padding:0px 0px 4px 0px;
	background:url("") repeat-x;
	height:90px;
	}
#flagnav li {

	list-style:none;
	display:inline;
	}
#flagnav a {

	width:100px;
	height: 90px;
	color:#ccffff;
	text-decoration:none;
	float:left;
	padding:0px 2px;
	margin:0px 10px;
	text-align: center;
	vertical-align: text-bottom;
	white-space: nowrap;
	}
.flagcal {
	background:url("../images/california_button.gif") no-repeat;
	}
.flagny {
	background:url("../images/newyork_button.gif") no-repeat;
	}
.flagtex {
	background:url("../images/texas_button.gif") no-repeat;
	}
.flagall {
	background:url("../images/all_button.gif") no-repeat;
	}
#flagnav a:hover { 
	background-position: 0 -90px;
	color:#ffffcc;
	}
#flagnav a:active {
	background-position:;
	color:#fff;
	}
#flagnav a:hover { 
	background-position: 0 -90px;
	color:#ffffcc;
	}
#flagnav a:active {
	background-position:;
	color:#fff;
	}
	
.tagline {
  font-size: 1em;
  font-weight: bold;
	width: 80%;
  }
 
/* content and main */ 
  
#content {
  position: fixed;
  top:8em; 
  left: 0px;
  bottom:7em; 
  right:0px; 
  overflow:auto; 
  background: inherit; 
  z-index: 1; 
  width:700px;
  padding: 0px;
  text-align: center;
  }
#content ul {
  margin-top: ;
  }
#content ul li {
  margin-left: -1.5em;
  }   
#main {
  padding: 10px 0px 0px 40px;
  text-align: left;
  width: 700px; /* fixes width of content container */
  }
#main img {
  margin: 6px 0px 14px 14px;
  } 
  
/* styles for state subject links with tiny books */
.subjectlist {
	padding-left: 10px;
	height: 2em;
}
.subjectlist a, .subjectlist a:link {
	color: #ccffff;
}
.subjectlist a:hover { 
	color:#ffffcc;
}
.subjectlist a:active {
	color:#fff;
}
/* tiny books for lists */	
.caltext {
	list-style-image: url(../covers/tiny/caltext_tiny.jpg);
}
.calmath {
	list-style-image: url(../covers/tiny/calmath_tiny.jpg);
}
.caleng {
	list-style-image: url(../covers/tiny/caleng_tiny.jpg);
}
.calalg {
	list-style-image: url(../covers/tiny/calalg_tiny.jpg);
}
.allbiol {
	list-style-image: url(../covers/tiny/allbiol_tiny.jpg);
}
.allchem {
	list-style-image: url(../covers/tiny/allchem_tiny.jpg);
}
.alleng {
	list-style-image: url(../covers/tiny/alleng_tiny.jpg);
}
.allmath {
	list-style-image: url(../covers/tiny/allmath_tiny.jpg);
}
.nychem {
	list-style-image: url(../covers/tiny/nychem_tiny.jpg);
}
.nybiol {
	list-style-image: url(../covers/tiny/nybiol_tiny.jpg);
}
.nyphys {
	list-style-image: url(../covers/tiny/nyphys_tiny.jpg);
}
.texmath {
	list-style-image: url(../covers/tiny/texmath_tiny.jpg);
}

/* footer */
  
#footer {
  background-image: url(../images/line2.gif);
  background-repeat: repeat-x;
  background-position: top;
  position:absolute; 
  bottom:0; 
  left:0;
  width:100%; 
  height:7.5em;
  overflow:hidden; 
  text-align:center; 
  text-align: center;
  color: #fff;
  border-top: 1px solid #fff;
  font-size: 80%;
  padding-top: 6px;
  z-index: 5;	
  }
  
#footerstates {
	font-weight:bold;
	padding:0px;
	background:url("") repeat-x;
	width: 100%;
	}
#footerstates {
	margin-bottom: -10px;
}
#footerstates li {
	list-style:none;
	display:inline;
	}
#footerstates a {
	width:10em;
	color:#ccffff;
	text-decoration:none;
	padding:0px 10px;
	margin: 0px;
	text-align: center;
	}
#footerstates a:hover { 
	color:#ffffcc;
	}
#footerstates a:active {
	color:#fff;
	}	

/* for non IE */
html>body body {
	text-align: -moz-center;
}
html>body #content {
	text-align: -moz-center;
	width: 100%;	
	}
/* IE7 ignores lang(en) styles */	
*:lang(en) #header {
	padding-top: 10px;
  	height:100px;
  }
*:lang(en) #homestates {
	padding-left: 4em;
  }

*:lang(en) #home h1 {
	margin-top: 12px;
}
   
/* for IE */

* html body {
  padding:110px 0 8em 0;
  }
* html #content {
  height:100%; 
  width:100%; 
  }
