/**

@aboutLink = ""https://cim.saddleback.edu/~eloss0/index.html"
@author = "Elizabeth Robin Loss"
@rollOver = "robin's saddleback homepage"
@creationDate = "11/14/08"

Final Project: Create a style for the CIM web site without changing content or structure.

*/

@import url(eloss0_content.css);

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
a,a:hover,a:visited,a:focus{color:inherit;text-decoration:none;outline:none;}

/*end css reset*/

html, body { height: 100%; }

body {
background: url(images/bg.jpg) repeat left top;
background-color: #222;
margin-left: 244px;
margin-right: 50px;
font-family: "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 65%;
min-width: 660px;
}

header, div#pageHeader {
background: url(images/bgSidebar.jpg) repeat-y top left;
background-color: #3e6b08;
width: 200px;
margin-top: 40px;
margin-left: -200px;
float: left;
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom: -150px;
padding-bottom: 150px;

}

#pageHeader:after {
content: ".";
}

#navUtility{
padding-top: 220px;
background: url(images/topSidebar.jpg) no-repeat left top;
}

a.utilityLink, a.globalLink {
display: block;
margin: 0 20px 0 26px;
padding: 10px 2px 2px 2px;
border-bottom: 1px dotted #94ff19;
color: #94ff19;
font-size: 1.1em;
text-transform: Capitalize;
font-variant: small-caps;
letter-spacing: 0em;
}

#navUtility a:hover.utilityLink, #globalLink a:hover.globalLink {
text-align:right;
}

#pageBody {
background: url(images/border-pagebody.jpg) repeat-y right top;
background-color: #343434;
}


body#index div#pageName {background:url(images/name-index.jpg);}
body#schedule div#pageName {background:url(images/name-schedule.jpg);}
body#syllabus div#pageName {background:url(images/name-syllabus.jpg);}
body#assignment div#pageName {background:url(images/name-assignment.jpg); }
body#project div#pageName {background: url(images/name-project.jpg);}
/*
body#flyer div#pageName {background: url(images1/label-flyer.jpg);}
body#test div#pageName {background:url(images/test.jpg);}

*/
body#index div#pageName, body#schedule div#pageName, 
body#syllabus div#pageName, body#test div#pageName,
body#assignment div#pageName, body#project div#pageName {
background-position: right top;
background-repeat: no-repeat;
background-color:#000;
height: 140px;
}

div#navLocal {
background-color: #505050;
height:48px;
margin-right: 50px;
border-bottom: 4px solid #518c0e;
}

#navLocal a.localLink {
display: inline-block;
width: 12%;
letter-spacing: 0px;
text-transform: lowercase;
height: 40px;
text-align: left;
padding: 4px 0 4px 0.5%;
color: #000;
font-size: 11px;
line-height: 11px;
word-spacing:-3px;
overflow:hidden;
white-space: nowrap;
}

#navLocal a#localAssignment.localLink {background:#888;}
#navLocal a#remoteClassDetail.localLink {background:#808080;}
#navLocal a#localIndex.localLink {background:#787878;}
#navLocal a#localSample.localLink {background:#707070; }
#navLocal a#localProject.localLink {background:#686868;}
#navLocal a#localSchedule.localLink {background:#606060;}
#navLocal a#localSyllabus.localLink {background:#585858;}
#navLocal a#localTest.localLink {background:#505050;}

#navLocal a#localAssignment.localLink:before,
#navLocal a#remoteClassDetail.localLink:before,
#navLocal a#localIndex.localLink:before,
#navLocal a#localSample.localLink:before,
#navLocal a#localProject.localLink:before,
#navLocal a#localSchedule.localLink:before,
#navLocal a#localSyllabus.localLink:before,
#navLocal a#localTest.localLink:before {
display: block;
font-size: 16px;
font-family: sans-serif;
padding-bottom:16px;
text-align: left; }

#navLocal a#localAssignment.localLink:before {content:"01 ";}
#navLocal a#remoteClassDetail.localLink:before {content:"02 ";}
#navLocal a#localIndex.localLink:before {content:"03 ";}
#navLocal a#localSample.localLink:before {content:"04 ";}
#navLocal a#localProject.localLink:before {content:"05 ";}
#navLocal a#localSchedule.localLink:before {content:"06 ";}
#navLocal a#localSyllabus.localLink:before {content:"07 ";}
#navLocal a#localTest.localLink:before {content:"08 ";}

#navLocal a:hover#localAssignment.localLink {background: #4E870D;}
#navLocal a:hover#remoteClassDetail.localLink {background:#497F0C;}
#navLocal a:hover#localIndex.localLink {background:#44750B;}
#navLocal a:hover#localSample.localLink {background:#3E6B0A; }
#navLocal a:hover#localProject.localLink {background:#386009;}
#navLocal a:hover#localSchedule.localLink {background:#335608}
#navLocal a:hover#localSyllabus.localLink {background:#2E4C07;}
#navLocal a:hover#localTest.localLink {background:#294406;}

body#index #navLocal a#localIndex.localLink,
body#schedule div#navLocal a.localLink#localSchedule,
body#syllabus div#navLocal a.localLink#localSyllabus,
body#test div#navLocal a.localLink#localTest,
body#assignment div#navLocal a.localLink#localAssignment,
body#flyer div#navLocal a.localLink#localFlyer,
body#project div#navLocal a.localLink#localProject {
background-color: #000;
color: #79CC14;
}

div#pageContent {
background-color: #343434;
margin-right: 50px;
font-size: 1em;
padding: 20px 8%;
}

footer, div#pageFooter  {
clear: both;
border-top: 2px solid #000;
background: #404040;
margin-right: 50px;
margin-top: 0;
color: #181818;
text-align: center;
height:20px;
padding-top: 10px;
}

body > blockquote > p > a > font { visibility: hidden; display:none; }
body > p { visibility: hidden; display: none; }
body blockquote { visibility: hidden; display:none;}
body > blockquote > p > a > img {visibility: hidden; display:none;}