/*hides accessibility skip navigation link from people who dont need it*/
.skiplink {display:none}

/* styles that apply to all browsers */
body, div, p, th, td, li, dd, code, tt {
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

/* styles that apply to everything but Netscape 4 */
/*/*/a{}
body, body div, body p, body th, body td, body li, body dd, body code, body tt, body h3 {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body code, html>body tt, html>body h3 {
  font-size: small;
}
body h1 {
  font-size: large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
}
html>body h1 {
  font-size: x-large;
}
body h2 {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: large;
}

html>body h2 {
  font-size: large;
}
body h4 {
  font-size: small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small;
}
html>body h4 {
  font-size: x-small;
}  
/* end NS4 hack */

/* other styles after this would apply to all browsers */

.whiteonblack {
	background: #000000;
  border: solid 1px #d70000;
  color: #ffffff;
}

.highlight {
	font-weight : bold;
}

.slanted {
	font-style: italic;
}

.bluetext {
	color : blue;	
}

.menuimage {
	background-color: Blue;
	padding: 10px;
	text-align: center;
}

.caps {
	text-decoration: underline;
	text-transform: capitalize;
}

.middle {
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.leftalign {
text-align: left;
text-indent: 25px;	
}

.leftside {
	float: left;
}

.rightside {
	float: right;
}

.clear-both {
    clear: both;        
}

.ticked {
	list-style-image: url(graphics/blue-tick.gif);
	list-style-type: disc; color: blue;
	text-align: left;
	text-indent: 30px;	
	list-style-position: inside;	
}

.nobullet {
	list-style-type: none;
}

.disk{
	list-style-type: disc;
	color: black;
}

.outline {
	width: auto;
	height: auto;
	border: 1px solid blue;
	margin-top: 100px;
	margin-bottom: 10px;
	padding-left: 5px;
	background: #FFFACD;
}

.indent50 {
	text-indent: 50px;
	list-style-type: square;
	color: black;
	list-style-position: inside;
}

li a {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
}

li a:visited {
	color: Purple;
	text-decoration: none;
	font-weight: bold;
}

li a:hover {
color: #d70000;
font-weight: bold;
}

/************************* ID's *************************/

#header {
position: absolute;
top: 0px;
left: 0;
width: 100%; 
text-align: center;
color: Blue;
display: block;  			
font-weight: bold;
height: 90px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-color: Blue;
border-style: double;
background-color: #FFFACD;
background-image: url(graphics/learning-alliance.png);
background-position: 95% 50%;
background-repeat: no-repeat;

}

#menuleft {
position: absolute;
top: 90px;
left: 0;
width: 210px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
font-weight: normal;
background-color: #FFFACD;
height: 100%;
}

#menuright {
position: absolute;
top: 90px;
right: 0;
left: auto;
width: 210px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
font-weight: normal;
background-color: #FFFACD;
height: 100%;
}

#centerDoc {
position: absolute;
top: 90px;
left: 210px;
right: 210px;
padding-left: 10px;
padding-right: 10px;
overflow: auto; 
margin: 10px;
text-align: left;
}

#footer {
height: 500px;
bottom: 0px;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
width: 100%;
left: 0;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-color: Blue;
border-style: double;
}

#pencils {
background-image: url("graphics/pencils.png");
background-position: center;
background-repeat: no-repeat;
height: 50px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#leftblockmenu{
border: 1px solid #FFFACD;
border-bottom-width: 0;
width: 209px;
}

#leftblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#leftblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 193px; /*209px minus all left/right paddings and margins*/
text-decoration: none;
color: yellow;
font-weight: bold;
background-color: blue;
border-bottom: 1px solid #FFFACD;
border-left: 10px solid #FFFACD;
}

* html #leftblockmenu li a{ /*IE only */
width: 213px; /*IE 5*/
w\idth: 193px; /*209px minus all left/right paddings and margins*/
}

#leftblockmenu li a:hover {
background-color: #FFFACD;
border-left-color: blue;
color: Blue;	
}

#leftblockmenu div.menutitle{
color: blue;
border-bottom: 1px solid #FFFACD;
border-left: 10px solid #FFFACD;
padding: 1px 0;
padding-left: 5px;
background-color: yellow;
text-align: center;
font-weight: bold;
}