body { background-color:#ccc;
       color: #333;
       background-image: url(images/texture1.png);
       font-family:Verdana, Geneva, sans-serif;
	   margin:0;
}
#wrapper {background-color:#FFFFFF;
          width: 960px;
		  margin: 0 auto;
		  padding-top:0;
		  padding-bottom: 0;
		  min-width: 960px;
		  border: solid 1px #39312e;
		  -moz-box-shadow: 5px 5px 5px #333;
          -webkit-box-shadow: 5px 5px 5px #333;
          box-shadow: 5px 5px 5px #333;
}
#header {background-color: #000033;
	     background-image: url(images/pc5a.jpg);
	     background-repeat: no-repeat;
	     background-position: left;
	     position: relative;
	     color:#eaeaea;
	     height: 80px;
	     margin-top:0;
	     margin-bottom: 0;
	     padding-bottom: 1px;
	     padding-top: 0; }
#header h1 { margin: 0 2em;
             padding-top: 20px;
             text-align: right;
	         font-family:Arial, Helvetica, sans-serif; 
			 font-size: 2.25em;
			 text-shadow: #999 2px 2px 2px; }
a:link    { color:#003642;}
a:visited { color:#003642; }
a:hover   { color:#399; }
#SkipNav a {color: #000033;
            font-size: 80%;
		    position: absolute;
			top: 0;
			right: 0;}
#SkipNav a:link, #SkipNav a:visited {
           color: #000033; 
           text-decoration: none; }
#SkipNav a:hover {
     color: #FFFFFF; 
	 outline:dotted;  
     text-decoration: underline; }
#SkipNav a:active, #SkipNav a:focus {
     color: #cc0000; 
     text-decoration: underline; 
	 outline:dotted; }
h2, h3, h4 { font-family:Georgia, "Times New Roman", Times, serif; }
h3, h4 {color:#093b80; }
#nav {background-color: #eaeaea;
      background-image: url(images/chrome7.png);
      margin-top: 0;
      padding-top: 1px;
	  font-family: Verdana, Geneva, sans-serif;
	  font-size: 100%;  }
#nav h2 { text-indent: -99999px;
         display: none; }               
#nav ul {text-align: center;
		 margin: 0;
	     padding-left: 0;
	     padding-top: .50em;
		 padding-bottom: .80em;
}
#nav li {display: inline;
         padding-left: 20px;
         padding-right: 20px;
		 list-style-type: none;
		 font-size: 1em;
		 font-weight: bold;
}

#nav a {text-decoration: none;
}
#nav a:link {	color: #000033;}
#nav a:visited {color: #000066; }
#nav a:hover {color: #399; }
#subnav {float: left;
width: 200px; }
#subnav ul {list-style-type: none; }
#subnav h2 { text-indent: -99999px;
         display: none; }
#subnav { font-size: 90%;
         font-family: Verdana, Geneva, sans-serif; }
#subnav li {padding-bottom: 10px;  }
#subnav a {text-decoration: none; }
#subnav a:link    { color:#003642;}
#subnav a:visited { color:#003;}
#subnav a:hover   { color: #399; 
    text-decoration: line-through; } 
#section li {padding-bottom: 0; }
#content {margin-top: 0;
padding: 10px 2em 0 2em; }
#home #content {font-size: 90%; }
#content h2 { color: #003642; 
		      font-size: 2.5em;
			  text-shadow: #ccc 2px 2px 2px;}
#content p img {float: left;
                margin: 0 10px 0 0;		}
#content ul { padding-left: 15px;}
#footer { font-size: .90em;
          background-color:#F7F7F7;
		  font-family: Verdana, Geneva, sans-serif;
		  background-image: url(images/chromec.png);
		  background-position: top;
		  background-repeat: repeat-x;
		  clear: both;
		  margin-bottom: 0;
		  text-align: center;
		  font-size: .90em;
		  padding: 20px 10px 5px 10px;		}
#footer p {font-size: .80em;
           font-style: italic;
		   margin-top:2px; }
#footer ul {text-align: center;
		 margin: 0;		}
#footer li {display: inline;
         padding-right: 15px;
		  list-style-type: none;
		  padding-bottom: 0; }
#footer a {text-decoration: none; }
#footer a:link    { color: #000033; }
#footer a:visited { color: #000066; }
#footer a:hover   { color: #dc4c08; }
#basics #wrapper {background-color: #F7F7F7; }
#basics #content { padding-left: 0; 
                   padding-top: 0; } 
.mainpod { margin-left: 240px; }
.mainpod p, .mainpod li {font-family:Verdana, Geneva, sans-serif;
margin-top: 0;
margin-bottom: 5px;
padding-top: 0;
margin-right: 10px;
font-size: 90%; }
.mainpod h2 {background-repeat: no-repeat;
             height: 100px;
			 width: 650px;
			 color: #ffffff;
			 font-size: 2em;
			 margin-top: 0;
			 padding-top: 5px;
			 padding-left: 1em; }
#lo .mainpod h2 { background-image: url(bk1.jpg);
                  font-size: 2em;
                 color: #fff;
				 text-shadow: #333 4px 4px 4px; }
#bb .mainpod h2 {background-image: url(bbnew3flip.jpg);
                 font-size: 2em;
			     color: #003642;
			     text-shadow: #999 2px 2px 2px;  }
#cs .mainpod h2 {background-image: url(keys2.jpg);
                 color: #fefefe;
				 font-size: 2em;
                 text-shadow: #000 4px 4px 4px; }
#ut .mainpod h2 { background-image: url(resources.jpg);
                  font-size: 2em;
                  color: #ffffff;
                  text-shadow: #333 4px 4px 4px; }
#ut .mainpod li { font-size: 90%; }
h3 { font-size: 1.5em;
	 text-shadow: #ccc 1px 1px 1px; }
h4 { font-size: 1.25em;
	 text-shadow: #ccc 1px 1px 1px;
	  margin-top: 20px;
	margin-bottom: 0; }
.candy { margin-right: 50px;
         float: right; }
#content .pod h2 { background-color: #fdd002;
     color: #007D86;
     margin-top: 2px;
	 font-size: 1.25em;
     line-height: 130%;
	 padding-left: 1em;
	 width: 240px;
	 margin-bottom: 9px;
	 -webkit-box-shadow: 3px 3px 3px #aaa;
	 -moz-box-shadow: 3px 3px 3px #aaa;   
     box-shadow: 3px 3px 3px #aaa; }
#content li { margin-left: 2px; }
#content a:hover { text-decoration: none; }
#slideshow { width: 100%; 
              margin-bottom: 0; }
a { outline: none; }
#sidecontent { padding-left: 30px;
               margin-right: 220px;
			   padding-bottom: 20px; }
#sidecontent form { margin-left: 200px; }
#sidebar { float: right;
           width: 200px; }
img { border-style: none; }
.floatleft { float: left;
             padding-right: 10px; }
.floatright { float: right;
              padding: 10px; }
.clear { clear: both; }
#me { font-weight:bold; }
#breadcrumbs { margin-top: -20px;
               padding-top: 0;
			   font-size: 90%;
			   font-style: italic; }
form { font-size: 90%;
       padding-right: 20px; }
fieldset { border-width:0;
           margin-bottom: 8px; }
.decor { height:136px;
	 background-image: url(images/femalestudentwithnotebook.jpg);
	 background-repeat: no-repeat;
     padding-left: 230px;
	 padding-top: 50px;
 	 vertical-align:middle; }
.decorreadi { height:136px;
 	 background-image: url(images/malestudentcomputer.jpg);
	 background-repeat: no-repeat;
	 padding-left: 230px;
 	 padding-top: 35px;
     vertical-align:middle; } 
.decortime { height:100px;
	 background-image: url(images/clock.jpg);
	 background-repeat: no-repeat;
	 padding-left: 120px;
	 padding-top: 25px;
     vertical-align:middle;
	 margin-bottom: 0; } 
.decortime2 { height:100px;
	 background-image: url(images/hourglass.jpg);
	 background-repeat: no-repeat;
	 padding-left: 120px;
	 padding-top: 25px;
     vertical-align:middle;
 	 margin-bottom: 0; } 
.decorstory 	{ clear: both; }   
.scores {width: 400px; }	  
.scores td {text-align:center; }
h5 { font-size: 100%;
     margin-bottom: -10px; }
#advice {float: left; }
#myVideo {display: none; }
table, td, th {border: #000033 1px solid; 
               border-collapse: collapse;}
td, th {font-size: 90%;
         padding: 10px;}
#example {float:right; }
#Assessment2 label {padding-left: 2em; }