/*  
@aboutLink = "http:/cim.saddleback.edu/~msangha0"
@author = "Manpreet Sangha"
@rollOver = "Go Chargers!"
@CreationDate = 10-29-2009

Final Project: Chargers Theme for CIM298

*/

body
{
   background-color: #02060F;
   background-image: url('bg.png');  
   background-repeat: repeat-x;
   background-attachment: scroll;
}

body#assignment
{
   background-color: #02060F;
   background-image: url('bg2.png');  
   background-repeat: repeat-x;
   background-attachment: scroll;
}

body#syllabus
{
   background-color: #02060F;
   background-image: url('bg2.png');  
   background-repeat: repeat-x;
   background-attachment: scroll;
}

div#pageName
{
    background-image: url('chargers3.jpg');
    background-repeat: no-repeat;
    height: 121px;
    width: 968px;
    margin-left:10px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    text-indent: 50px;
    color: #00295B;
}
div#navLocal
{
    width: 968px;
    margin-left:10px;
    background-color: #011128;
    color: #FFFFFF;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

div#navLocal a.localLink
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bolder;
    display: inline;
    padding: 10px;
}

div#navLocal a.localLink:hover
{
    color:#EAC117;
}

header, div#pageHeader {
	height: auto;
	padding-top: 5px;
	padding-right: 4px;
	padding-bottom: 10px;
	margin-top: 150px;
	float: left;
	width: 134px;
}

a.utilityLink, a.globalLink {
    margin: 5px 10px 5px 10px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;   
    font-size:13px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
    width: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00295B;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

}

a.utilityLink:hover, a.globalLink:hover
{
    background-color: #EAC117;
    color:#011128;
}

div#pageContent
{
    background-color: #00295B;
    font-family: Arial, Helvetica, sans-serif;  
    color: #FFFFFF;
    width: 845px;
    height: auto;
    margin-left: 125px;
    margin-top: 10px;
    padding-top: 10px; 
    padding-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div#pageContent a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}

div#pageContent a:hover
{
    color:#EAC117;
}

body#assignment div#pageContent a
{
    color: #011128;
    text-decoration: none;
    font-weight: bold;
}

body#assignment div#pageContent a:hover
{
    color:#0177C1;
}

td#book
{
  background-image: url('field.png');
  background-repeat: no-repeat;
  padding: 10px;
}

td#book a img
{
  margin-left: 210px;
}

table#indexTable
{
   padding-top: 10px;
   padding-right: 10px;

}

td.feature
{
  background-image: url('back2.jpg');
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;  
  background-repeat: repeat-x;
}

td.feature a.localLink
{
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-weight: bolder;
    display: inline;
    margin: 5px;
}

td#storyMain.story div.storyHeader
{
  background-image: url('back.jpg');
  font-family: Arial, Helvetica, sans-serif;  
  font-weight: bold;
  text-align: center;
  width: 750px;
  height: 25px;
  margin-top: 25px;
  margin-left: 25px;
  padding-top: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

td#storyMain.story div.storyBody
{
  background-image: url('back.jpg');
  font-family: Arial, Helvetica, sans-serif;  
  width: 730px;
  height: 120px;
  margin-left: 25px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

td#storyMain2.story div.storyHeader
{
  background-image: url('back.jpg');
  width: 280px;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  margin-left: 200px;
  margin-top: 50px;
  padding: 5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

td#storyMain2.story div.storyBody
{
  background-image: url('back.png');
  height: 160px;
  width: 420px;
  margin-left: 150px;
  padding-bottom: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

td#storyMain2.story div.storyBody p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
}


td.storyLeft.story div.storyHeader
{
    background-image: url('back.jpg'); 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    width: 280px;
    height: 25px;
    margin-top: 25px;
    margin-left: 25px;
    padding-top: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
td.storyLeft.story div.storyBody
{
    background-image: url('back.jpg'); 
    font-family: Arial, Helvetica, sans-serif;
    width: 260px;
    height: 120px;
    margin-left: 25px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}


td.storyRight.story div.storyHeader
{

  background-image: url('back.jpg');
  font-family: Arial, Helvetica, sans-serif;  
  font-weight: bold;
  text-align: center;
  width: 280px;
  height: 25px;
  margin-top: 25px;
  margin-left: 25px;
  padding-top: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
}

td.storyRight.story div.storyBody
{
  background-image: url('back.jpg');
  font-family: Arial, Helvetica, sans-serif;  
  width: 260px;
  height: 120px;
  margin-left: 25px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
}

footer, div#pageFooter
{
  background-image: url('footer.png');
  font-family: Arial, Helvetica, sans-serif; 
  font-variant: small-caps;
  text-align: center;  
  width: 600px;
  height: 50px;
  margin-top: 20px;
  margin-left: 250px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

div#footerCounter
{
  margin-top: 20px;
  margin-left: 400px;
}

#assignment #pageBody #pageContent table tr .number

{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

#assignment #pageBody #pageContent table tr .description
{
    background-color: #ffffff;
    color: #011128;
    padding-left: 5px;
}

#assignment #pageBody #pageContent table tr .description h3
{
    text-align: center;
}


#assignment #pageBody #pageContent table tr .feature
{
    background-color: #EAC117;
    background-image: none;
    color: #011128;
    font-weight: bold;
    text-align: center;
}

#assignment #pageBody #pageContent table tr .date
{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
    font-weight: bold;
}

#assignment #pageBody #pageContent table td .description
{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
}


#syllabusHeader h3.feature, h4.feature
{
    text-align: center;
}

#syllabusHeaderTable
{
    margin-left: 20px;
    margin-bottom: 20px;
}

#syllabusHeaderTable tr .number
{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
}

#syllabusHeaderTable tr .number a
{
    color: #011128;
    text-decoration: none;
    font-weight: bold;
}

#syllabusHeaderTable tr .number a:hover
{
    color:#0177C1;
}

#syllabusHeaderTable tr .description
{
    background-color: #ffffff;
    color: #011128;
    padding-left: 5px;
}

#syllabusHeaderTable tr .description a
{
    color: #011128;
    text-decoration: none;
    font-weight: bold;
}

#syllabusHeaderTable tr .description a:hover
{
    color:#0177C1;
}

#syllabus div.storyHeader
{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
    font-weight: bold;
    margin-left: 50px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 720px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

#syllabus div.storyBody
{
    background-color: #ffffff;
    color: #011128;
    font-weight: bold;
    margin-left: 50px;
    margin-bottom: 20px;
    width: 700px;
    padding: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

#schedule table tr .feature
{
    text-align: center;
    background-image: none;
    font-weight: bold;
    width: 300px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#schedule #pageBody #pageContent table tr .number
{
    background-color: #EAC117;
    color: #011128;
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

#schedule #pageBody #pageContent table tr .description
{
    background-color: #ffffff;
    color: #011128;
    padding-left: 5px;
}

#schedule #pageBody #pageContent table tr .date
{
    background-color: #EAC117;
    color: #011128;
    text-align: center;
    font-weight: bold;
    padding-left: 30px;
}

#project #pageBody #pageContent div .storyHeader
{
    background-color: #EAC117;
    color: #011128;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    width: 700px;
    height: 25px;
    margin-top: 25px;
    margin-left: 50px;
    padding-top: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

#project #pageBody #pageContent div .storyBody
{
    font-family: Arial, Helvetica, sans-serif;
    width: 680px;
    height: 300px;
    background-color: #ffffff;
    color: #011128;
    margin-left: 50px;
    padding: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

#project #pageBody #pageContent div .storyBody a
{
    color: #011128;
    text-decoration: none;
    font-weight: bold;
}

#project #pageBody #pageContent div .storyBody a:hover
{
    color:#0177C1;
}