/* CSS Document */

 


.headingStyle1{ color: #330033;} 
.smallerText{ font-size:12px;}

.borderDiv{
border-width:1px;
border-style:solid;
border-color:#CCCCCC;
}


.eclipsePurple{color:#660066;}

body {margin: 0; padding: 0; font: normal 82% sans-serif; background-image: url(blocksbg1.jpg); background-attachment: fixed;}
h1 {margin: 0; margin-bottom: 0px; padding: 8px; color: #ffffff; background-image: url(laptop1.jpg); background-color: #CCCCFF;}
.tagline {font-size: 60%; color: #ffffff;}

#search {float: right; width: 280px; padding: 5px; text-align: right;}
.button {border: outset; 2px #000000; background-color: #CC99FF; color: #ffffff; font-weight: bold;}
.text {border: solid 1px #000000; background-color: #eeeeee;}

#bread {margin-top: 0px; margin-bottom: 10px; padding: 5px; border-top: solid 1px #000000; border-bottom: solid 1px #000000; background-color: #CC99FF; text-align: right;}
#bread a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#bread a:hover {text-decoration: underline;}

#left {float: left; width: 18%; border-style:inset; border-width:2px; border-color:#cccccc; 
margin-bottom: 15px;  border-top: 0;
background-color:#CC66FF;

}
#left ul {list-style: none; margin: 0px; padding: 0; margin-top:5px; margin-left:2px;}
#left li {margin: 0px; padding: 0px;}
#left a {display: block; 
width: 95.5%; margin: 0px; padding: 2px; 
border: solid 1px #ffffff; 
color:#FFFFFF; text-decoration: none;}

#left a:hover {border-style:inset;
border-width:2px;
margin:0px; padding:2px;
border: solid 1px #ffffff; 
color:#99CCCC;}

#left h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #CC99FF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}

#content {margin-left: 20%; padding: 0; border-left: solid 1px #cccccc; border-top: 0; border-bottom: solid 1px #ffffff;  background-color: #ffffff;}
#content h3 {margin: 0; padding: 2px; font-weight: normal; background-color: #CC99FF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}
.headingStyle2 {margin: 0; padding: 2px; font-weight: normal; 
background-color: #CC99FF; border-top: solid 1px #000000; 
display:block;
border-bottom: solid 1px #000000;}
#content .header   { display:block;margin: 0; padding: 2px; font-weight: normal; background-color: #CC99FF; border-top: solid 1px #000000; border-bottom: solid 1px #000000;}

#content p {margin: 5px; color: #000000;}
#content a {color: #0066cc; text-decoration: none;}
#content a:hover {color: #0000ff; text-decoration: underline;}
#content .point {margin: 3%; padding: 0px; border: solid 1px #000000; border-top: 0; background-color: #f9f9f9;}
#content .point h3 {}
#content .code {margin: 3%; padding: 7px; border: solid 1px #cccccc; background-color: #eeeeee; font: normal 100% courier; color: #000000;}

#footer {clear: both; margin-top: 0px; padding: 5px; border: solid 1px #cccccc;}
#footer p {float: left; margin: 0;}
#footer h5 {margin: 0; text-align: right; color: #000000;}
#footer a {margin-left: 2px; margin-right: 2px; color: #000000; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


.togOver{
background-color:#990099;
color:#FF99FF;
text-align:center;
border: 1px ridge #FF99FF;
}

.togOut{
	background-color:#FF99FF;
	color: #990099;
	text-align:center;
	border: 1px ridge #660066;
}