/* CSS Document */

/*

@authorName = "Chris Young"

@creationDate = "10/4/2011"

@aboutLink = "https://cim.saddleback.edu/~cyoung45"

@rollOver = "Main Index Site"
Uses only clouds.png

*/

* {

font-family: arial, helvetica, sans-serif;

color: #FFF;

font-weight: bold;

}

.story { 

padding:10px;

margin: 20px;

border-radius: 3px;

background-color: #79e;

border: solid 1px #FFF;

-webkit-box-shadow: 3px 3px 3px 1px #000;

-moz-box-shadow: 3px 3px 3px 1px #000;

box-shadow: 3px 3px 3px 1px #000;

background: #7799ee; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #7799ee 0%, #4b7ced 100%, #cccccc 100%, #2765ea 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#7799ee), color-stop(100%,#4b7ced), color-stop(100%,#cccccc), color-stop(100%,#2765ea)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #7799ee 0%,#4b7ced 100%,#cccccc 100%,#2765ea 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #7799ee 0%,#4b7ced 100%,#cccccc 100%,#2765ea 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #7799ee 0%,#4b7ced 100%,#cccccc 100%,#2765ea 100%); /* IE10+ */

background: linear-gradient(-45deg,  #7799ee 0%,#4b7ced 100%,#cccccc 100%,#2765ea 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7799ee', endColorstr='#2765ea',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

 }



 body {

 /*background from colourlovers.com and made by Vania Sofiandi*/

 background-image: url(clouds.png);

 background-repeat: repeat;

 background-color: #FFF;

 }

 

#navLocal {

font-size: 22px;

color: #97e;

text-align: center;

}

a.localLink {

margin-right: 24px;

text-shadow: 1px 1px 1px #000;

filter: dropshadow(color=#000000, offx=1, offy=1); 

}



a.localLink:hover {

text-decoration: underline;

}



.storyHeader {

color: #FFF;

font-weight: bold;

font-size: 24px;

text-shadow: 1px 1px 1px #000;

filter: dropshadow(color=#000000, offx=1, offy=1); 

border-radius: 3px;

background-color: #000;

}



table#syllabusHeaderTable {

border-collapse:collapse;

}

table#syllabusHeaderTable,#syllabusHeaderTable th,#syllabusHeaderTable td {

border: solid #FFF 1px;

}

td.feature h3 {

font-size: 20px;

color: #FFF;

text-shadow: 1px 1px 1px #000;

filter: dropshadow(color=#000000, offx=1, offy=1); 

}



#pageHeader {

float:left;

width: 150px;

background-color: #FFF;

border-radius: 6px;

padding-bottom: 1em;

padding-top: 6px;

margin-left: 20px;

text-align:center;

-webkit-box-shadow: 3px 3px 3px 2px #000;

-moz-box-shadow: 3px 3px 3px 2px #000;

box-shadow: 3px 3px 3px 2px #000;

position: fixed;

border: solid #79e 2px;

font-weight:bold;

font-size: 18px;

}

#pageBody {

margin-left: 215px;

background-color: #6885D0;

border: solid 1px #FFF;

border-radius: 6px;

margin-top: 50px;

padding: 10px;

width:990px;

-webkit-box-shadow: 3px 3px 3px 2px #000;

-moz-box-shadow: 3px 3px 3px 2px #000;

box-shadow: 3px 3px 3px 2px #000;



}

#pageFooter #footerInfo {

text-align:center;

color: #79e;

text-shadow: 2px 2px 2px #000;

filter: dropshadow(color=#000000, offx=2, offy=2); 

font-weight:bold;

padding-top: 5px;

}



a.utilityLink, a.globalLink{

display: block;

width:150px;

padding-top: 10px;

padding-bottom: 12px;

border-bottom: solid #000 2px;

color: #79E;

}



a.utilityLink:visited, a.globalLink:visited {

color: #79e;

}

a.utilityLink:hover, a.globalLink:hover {

background-color: #6885D0;

font-size: 110%;

color: #FFF;

}

a {

text-decoration: none;

color: #FFF;

font-weight: bold;

}

#pageContent {

text-align:center;

}

table {

margin: auto;

}

a:visited { 

color: #FFF;

 }

 #pageName {

 text-align:center;

 font-size: 32px;

 color: #FFF;

 text-shadow: 1px 1px 1px #000;

 filter: dropshadow(color=#000000, offx=1, offy=1); 

 font-weight: bold;

 padding-bottom: 5px;

 }