/**************************************
 * THEME NAME: standardgreen
 *
 * Files included in this sheet:
 *
 *   standardgreen/gradients.css
 *   standardgreen/a.css
 **************************************/

/***** standardgreen/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

a:link {
  color:DarkOliveGreen;
}
a:visited {
  color:Olive;
}

th.header,
td.header,
div.header {     
    background-color: #79AF93; /*background-image:url(gradient.jpg);*/     
    background-position:top;    
    background-repeat:repeat-x;     
}

.navbar {
    background-color: #79AF93; /*background-image:url(gradient.jpg);*/     
    background-position:top;    
    background-repeat:repeat-x;     
}

/***** standardgreen/gradients.css end *****/

/***** standardgreen/a.css start *****/

/* 
 * Easy-to-Change Colors Template by Charles Kelly
 * http://www.manythings.org/tesl/moodle
 * March 22, 2008
 *
 ***** Instructions
 *
 * You can easily change places that say "background-color" or "color."
 * The word "color" refers to the color of the text font.
 * The word "background-color" refers to what's behind the text.
 *
 * For colors, you can use the X11 color names or HEX.
 * Reference = http://en.wikipedia.org/wiki/Web_colors#X11_color_names
 * If you use HEX, don't forget the #.
 * If you use words, of course there is no #.
 *
 * Colons (:) and semi-colons (;) are important. Don't delete them.
 *
 ****/


/****** Background
 *
 * It's best to only use a (not-so-dark) background-color that 
 * allows blue links to be visible.
 */

body{

    background-color: Ivory;
    color: Black;

}


/****** Nav Bar, Sides of the lessons
 *
 * It's best to only use a (not-so-dark) background-color that 
 * allows blue links to be visible.
 */
 
#course-view .section td.side,th.header,td.header,.navbar{

    background-color: #79AF93; /*background-image:url(gradient1.jpg);*/     
    border: 1px solid DarkGreen; 

/*    background-color: WhiteSmoke; */
    color: Black;

}


/****** Block Headers, Headings in Lessons, This week highlight color
 *
 * If you use a dark "background-color,"
 * then the text "color" should be White.
 *
 * If you use a light "background-color,"
 * then the text "color" should be Black.
 *
 * If you make the "background-color" too dark,
 * then the editing icons in the blocks will be
 * difficult for teachers to see.
 */
 
#course-view .weekscss .current,#course-view .current td.side,
.section h1,.section h2,.section h3,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,th.header,td.header .left,.headingblock,.sideblock .header{

    background-color: #79AF93; /*background-image:url(gradient.jpg);*/     

/*    background-color: MediumSeaGreen; */
      border-top:1px solid DarkGreen;
      border-bottom:1px solid DarkGreen;
      border-left:1px solid DarkGreen;
      border-right:2px solid DarkGreen;
    
    color: DarkGreen;

}


/****** Content of Blocks
 * 
 * It's best to only use a (not-so-dark) background-color that 
 * sallow blue links to be visible.
 */
 
.sideblock .content {

    background-color: #EEDCC4; /*PaleGoldenrod;*/
/*    border-color: DarkGreen;*/
    border: 1px solid DarkGreen;
/*      border-top:1px solid #CECECE;
        border-bottom:2px solid #4A4A4A;
        border-left:1px solid #CECECE;
        border-right:2px solid #4A4A4A */
    
}

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width: 664px;
	height: 504px;
	margin: 0 auto;
	background: url("../images/back.png") no-repeat scroll 0 0 transparent; 
}
.slideshow a img {
	border: 0;
}
/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	width: 640px;
	height: 480px;
	left: 12px;
	top: 12px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
	position: static;
}





/***** standardgreen/a.css end *****/

