/* CSS Document */

/**

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

@author= "Lee Naujock"

@rollOver= "Final Project Site"

@CreationDate= 10/27/2011



comments on my design: final project

gradients-thanks colorzilla.com

rounded corners-thanks border-radius.com/





**/





body {

	background-image: url(bg.gif);

	background-repeat: repeat;

}



html {

    overflow-y: scroll;

}



#pageBody {

	font-family: Verdana, Geneva, sans-serif;

	color: white;

	width: 760px;

	margin: auto;

	padding-top: 3px;

}



/* PAGE BADGE */

div#pageName {

	background-image: url(badge.png);

	background-repeat: no-repeat;

	float: left;

	height: 200px;

	width: 200px;

	margin: auto;

	margin-left: -100px;

	margin-top: -135px;

	color: grey;

	text-align: left;

	font-size: 0px;

}



/* TITLE BAR BOXXXXX */

header, div#pageHeader {

	width: 755px;

	background-image:url(titlebar755x120.gif);

	margin-left:auto;

	margin-right:auto;

	border-radius: 1px 20px 1px 20px;

	border-top-width: 4px;

	border-right-width: 4px;

	border-bottom-width: 2px;

	border-left-width: 4px;

	border-top-style: ridge;

	border-right-style: ridge;

	border-bottom-style: ridge;

	border-left-style: ridge;

	border-top-color: #022264;

	border-right-color: #022264;

	border-bottom-color: #022264;

	border-left-color: #022264;

	height: 120px;

	margin-bottom: 3px;

	margin-top: 4px;

}



/* FOOTER BOXXXX */

footer, div#pageFooter {

	color: white;

	width: 755px;

	text-align: center;

	margin-top: 3px;

	margin-left: auto;

	margin-right: auto;

}



/* TITLE BAR BUTTONS TEXTTTTT  */

a.utilityLink, a.globalLink {

	color: white;

	background-color: #00C0FF;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

	text-shadow: 0.1em 0.1em 0.2em black;

	display: inline-table;

	float: right;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 1px;

	border-left-width: 2px;

	border-top-style: outset;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

	border-top-color: #00C0FF;

	border-right-color: #00C0FF;

	border-bottom-color: #00C0FF;

	border-left-color: #00C0FF;

	margin-top: 100px;

	margin-right: 4px;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 3px;

	

	/* ROUNDED CORNERS */

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	

	/*  GRADENTS  */

	background: #022264; /* Old browsers */

background: -moz-linear-gradient(top, #022264 0%, #2989d8 50%, #207cca 51%, #00c0ff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#022264), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#00c0ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* IE10+ */

background: linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022264', endColorstr='#00c0ff',GradientType=0 ); /* IE6-9 */

}



/* TITLE BAR BUTTONS TEXTTTTT HOVER */

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

	color: white;

	background-color: #00C0FF;

	font-size: 11px;

	font-family: Tahoma, Geneva, sans-serif;

	font-weight: bold;

	text-decoration: none;

	text-transform: uppercase;

	display: inline-table;

	float: right;

	border-radius: 4px 4px 4px 4px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 1px;

	border-left-width: 2px;

	border-top-style: inset;

	border-right-style: inset;

	border-bottom-style: inset;

	border-left-style: inset;

	border-top-color: white;

	border-right-color: white;

	border-bottom-color: white;

	border-left-color: white;

	margin-top: 100px;

	margin-right: 4px;

	padding-top: 1px;

	padding-right: 3px;

	padding-bottom: 1px;

	padding-left: 3px;

	

	/* ROUNDED CORNERS */

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	

	/*  GRADENTS  */

	background: #022264; /* Old browsers */

background: -moz-linear-gradient(top, #022264 0%, #2989d8 50%, #207cca 51%, #00c0ff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#022264), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#00c0ff)); 
/* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* IE10+ */

background: linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022264', endColorstr='#00c0ff',GradientType=0 ); /* IE6-9 */

}





/* LEFT MENU BAR BOXXX */

div#navLocal {

	width: 150px;

	height: 500px;

	float: left;

	background-image: url(leftbar.gif);

	padding-left: 5px;

	margin-top: 65px;

	margin-left: -180px;

	text-align: left;

	border-radius: 1px 20px 1px 20px;

	border-top-width: 3px;

	border-right-width: 3px;

	border-bottom-width: 3px;

	border-left-width: 3px;

	border-top-style: ridge;

	border-right-style: ridge;

	border-bottom-style: ridge;

	border-left-style: ridge;

	border-top-color: #022264;

	border-right-color: #022264;

	border-bottom-color: #022264;

	border-left-color: #022264;

}



/* LEFT MENU BAR TEXT */

a.localLink {

	color: white;

	background-color: #00C0FF;

	display: inline-block;

	font-weight: bold;

	text-decoration: none;

	text-shadow: 0.1em 0.1em 0.2em black;

	padding-top: 1px;

	padding-bottom: 1px;

	padding-left: 3px;

	padding-right: 3px;

	margin-top: 10px;

	margin-left: 5px;

	margin-right: 15px;

	font-family: Verdana, Geneva, sans-serif;

	border-radius: 4px 4px 4px 4px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 1px;

	border-left-width: 2px;

	border-top-style: outset;

	border-right-style: outset;

	border-bottom-style: outset;

	border-left-style: outset;

	border-top-color: #00C0FF;

	border-right-color: #00C0FF;

	border-bottom-color: #00C0FF;

	border-left-color: #00C0FF;

	vertical-align: bottom;

	

	/* ROUNDED CORNERS */

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	

	/*  GRADENTS  */

	background: #022264; /* Old browsers */

background: -moz-linear-gradient(top, #022264 0%, #2989d8 50%, #207cca 51%, #00c0ff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#022264), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#00c0ff));
 /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* IE10+ */

background: linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022264', endColorstr='#00c0ff',GradientType=0 ); /* IE6-9 */

}



a.localLink:hover {

	color: white;

	background-color: #00C0FF;

	display: inline-block;

	font-weight: bold;

	text-decoration: none;

	padding-top: 1px;

	padding-bottom: 1px;

	padding-left: 3px;

	padding-right: 3px;

	margin-top: 10px;

	margin-left: 5px;

	margin-right: 15px;

	font-family: Verdana, Geneva, sans-serif;

	border-radius: 4px 4px 4px 4px;

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 1px;

	border-left-width: 2px;

	border-top-style: inset;

	border-right-style: inset;

	border-bottom-style: inset;

	border-left-style: inset;

	border-top-color: white;

	border-right-color: white;

	border-bottom-color: white;

	border-left-color: white;

	vertical-align: bottom;

	

	/* ROUNDED CORNERS */

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	

	/*  GRADENTS  */

	background: #022264; /* Old browsers */

background: -moz-linear-gradient(top, #022264 0%, #2989d8 50%, #207cca 51%, #00c0ff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#022264), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#00c0ff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* IE10+ */

background: linear-gradient(top, #022264 0%,#2989d8 50%,#207cca 51%,#00c0ff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#022264', endColorstr='#00c0ff',GradientType=0 ); /* IE6-9 */

}





















/** ^^^^END OF LAYOUT^^^^^^ **/

/** ^^^^START OF TEXT ^^^^^^ **/



/* ALL BOXES OF CONTENT */

#indexTable tr td {

	color: black;

	background-image: url(contentbackground.gif);

	font-size: 14px;

	border-radius: 20px 20px 2px 2px;

	border-right-width: 4px;

	border-bottom-width: 4px;

	border-right-style: ridge;

	border-bottom-style: ridge;

	border-right-color: #1C1C1C;

	border-bottom-color: #1C1C1C;

	border-top-width: 3px;

	border-left-width: 3px;

	border-top-style: ridge;

	border-left-style: ridge;

	border-top-color: #1CCDC7;

	border-left-color: #1C1C1C;

	

	/* Rounded Corners */

	-webkit-border-radius: 8px;

-webkit-border-bottom-right-radius: 1px;

-webkit-border-bottom-left-radius: 1px;

-moz-border-radius: 8px;

-moz-border-radius-bottomright: 1px;

-moz-border-radius-bottomleft: 1px;

border-radius: 8px;

border-bottom-right-radius: 1px;

border-bottom-left-radius: 1px;

}



/* ALL FEATURES */

td.feature {

	text-align: center;

	font-size: 14px;

	text-transform: none;

	text-decoration: underline;

	font-weight: bold;

}



table#scheduleTable {

	color: black;

	background-image: url(contentbackground.gif);

	font-size: 14px;

	border-radius: 20px 20px 2px 2px;

	border-right-width: 4px;

	border-bottom-width: 4px;

	border-right-style: ridge;

	border-bottom-style: ridge;

	border-right-color: #1C1C1C;

	border-bottom-color: #1C1C1C;

	border-top-width: 3px;

	border-left-width: 3px;

	border-top-style: ridge;

	border-left-style: ridge;

	border-top-color: #1CCDC7;

	border-left-color: #1C1C1C;

	

	/* Rounded Corners */

	-webkit-border-radius: 8px;

-webkit-border-bottom-right-radius: 1px;

-webkit-border-bottom-left-radius: 1px;

-moz-border-radius: 8px;

-moz-border-radius-bottomright: 1px;

-moz-border-radius-bottomleft: 1px;

border-radius: 8px;

border-bottom-right-radius: 1px;

border-bottom-left-radius: 1px;

}









/*INVISIBLE LEFT ASSIGNMENT MENU BAR UNDER CLASSTIMES */

table#indexTable td.feature a.localLink {

    display: none;

    visibility: hidden;

}



/* FIRST LETTER OF CONTENT */

div.storyBody:first-letter {

	font-weight: bold;

	font-size: 125%;

	font-family: "Times New Roman", Times, serif;

	padding-right: 1px;

}





/*BOOK SQUARE INDEX PAGE */

td#book {

	text-align: center;

	padding-bottom: 10px;

}





/* ALL STORY HEADERS */

div.storyHeader {

	background-color: #00C0FF;

	text-decoration: underline;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	border-right-width: 4px;

	border-bottom-width: 4px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #022264;

	border-bottom-color: #022264;

	border-top-width: 3px;

	border-left-width: 3px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: black;

	border-left-color: black;

	margin-top: 2px;

	margin-bottom: 2px;

	padding-top: 4px;

	padding-bottom: 2px;

	padding-left: 2px;

	

	/* Rounded Corners */

	-webkit-border-radius: 8px;

-webkit-border-bottom-right-radius: 1px;

-webkit-border-bottom-left-radius: 1px;

-moz-border-radius: 8px;

-moz-border-radius-bottomright: 1px;

-moz-border-radius-bottomleft: 1px;

border-radius: 8px;

border-bottom-right-radius: 1px;

border-bottom-left-radius: 1px;

}







table#assignmentTable tr td {

	color: black;

	background-image: url(contentbackground.gif);

	font-size: 14px;

	border-right-width: 4px;

	border-bottom-width: 4px;

	border-right-style: ridge;

	border-bottom-style: ridge;

	border-right-color: #1C1C1C;

	border-bottom-color: #1C1C1C;

	border-top-width: 3px;

	border-left-width: 3px;

	border-top-style: ridge;

	border-left-style: ridge;

	border-top-color: #1CCDC7;

	border-left-color: #1C1C1C;

	

	/* Rounded Corners */

	-webkit-border-radius: 10px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-radius: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

}



body.cim298#project div#pageBody div#pageContent {

	padding-left: 100px;

	padding-bottom: 200px;

}



body.cim298#syllabus div#pageBody div#pageContent {

	padding-left: 100px;

	padding-bottom: 40px;

}



body.cim298#schedule div#pageBody {

	padding-bottom: 400px;

}



div#syllabusHeader {

	text-align: center;

}