/*
 * Style sheet for Klondike site.
 *
 * Author: Sunpreet S. Jassal
 * Date: Dec 17, 2006
 * Edited: Dennis Lee Hon Kit
 * Date: Feb 2, 2007
 */


body {
     text-align: center;
     min-width: 700px;
     background-color: rgb(116, 194, 223);
}


/* ------------- Main Container Style Rules ---------*/

#container {
     text-align: center;
     margin: 0px auto;
     padding: 0px;
}


/* ------------- Top Banner Style Rules -----------*/

#banner_container {
     background-color: rgb(0, 80, 176);
}

#bannergumich img {
     text-align: center;
     margin: 0px auto;
     padding: 0px;
}

#bannerjerome img {
     text-align: center;
     margin: 0px auto;
     padding: 0px;
}


/* Top Navigation Style Rules */

#top_navigation {
/*DO SOMETHING HERE      background-color: rgb(175, 73, 1);*/
     background: transparent url("../images/navigation_bg.png") center center no-repeat;
     border-top: 1px solid rgb(0, 0, 0);
     border-bottom: 1px solid rgb(0, 0, 0);
}

ul#navigation {
     font: 7.5pt Verdana, sans-serif;
     text-transform: uppercase;
     list-style-type: none;
     width: 700px;
     text-align: left;
     margin: 0 auto 0 auto;
     vertical-align: center;
}

div#top_navigation, ul#navigation {
     height: 18px;
}

ul#navigation, ul#navigation a {
     color: rgb(255, 255, 255);
     text-decoration: none;
}

ul#navigation li {
     display: block;
     float: left;
     border-right: 1px solid rgb(0, 0, 0);
}

ul#navigation li a {
     padding: 3px 10px;
     line-height: 18px;
}

ul#navigation li a:hover, ul#navigation li#active {
     background-color: rgb(202, 27, 58);

}

ul#navigation li.first {
     border-left: 1px solid rgb(220, 174, 140);
}

li#top_nav_active {
     border-top: 1px solid rgb(205, 209, 218);
     border-right: 1px solid rgb(106, 113, 129);
     border-bottom: 1px solid rgb(106, 113, 129);
     border-left: 1px solid rgb(106, 113, 129);
}


/* -------------- Body Content Style Rules -----------*/
#content_container {
     font: 0.7em Verdana, sans-serif;
     text-align: left;
     width: 700px;
     margin: 0px auto;
     background: transparent url("../images/content_bg_repeat.jpg") top left repeat-y;
     clear: both;
overflow: hidden;
}

#content_top {
     width: 700px;
     background: transparent url("../images/content_bg_top.jpg") top left no-repeat;
overflow: hidden;
}

#content_bottom {
     width: 700px;
     background: transparent url("../images/content_bg_bottom.jpg") bottom left no-repeat;
overflow: hidden;
}

/* Left side Navigation Style Rules */

#left_navigation {
/*     background: transparent;/*url(./images/left_nav_bg.jpg) top no-repeat;*/
     width: 140px;
     padding-top: 20px;
     font: 1em Verdana, sans-serif;
     float: left;
     min-height: 580px;
}

#left_navigation li {
     list-style-type: none;
     padding-left: 10px;
     margin-top: 5px;
}

#left_navigation, #left_navigation a {
     color: rgb(255, 255,255);
}

#left_navigation a {
     text-decoration: none;
}

li#left_nav_active a, #left_navigation a:hover {
     color: rgb(255, 255,255);
}

li#left_nav_active a {
     font-weight: bold;
}


/* Content Style Rules */

#content {
/*     margin-left: 150px;*/
/*     background: transparent;*/
     padding: 20px;
     width: 510px;          /* Width + padding L&R must >= width of content bg */
     min-height: 580px;
	 float:left;
	 padding-bottom: 150px;
}

#content h1 {
     font: bold 18pt "Garamond", "Times New Roman", "Georgia", serif;
     font-style: normal;
     color: rgb(110, 30, 20);
}


/* ------------------ Footer Styles Rules ------------*/
#footer {
     clear: both;
     text-align: center;
     margin: 0px auto 0px auto;
     padding: 40px 0px 10px 0px;
     background-color: rgb(116, 194, 223);
     background: transparent url("../images/footer.gif") top center repeat-x;
     text-align: center;
}

#footer ul {
     list-style-type: none;
     font: 7pt Verdana, sans-serif;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: bold;
}

#footer ul li {
     display: inline;
     padding: 0 5px 0;
     border-right: 1px solid rgb(255, 255, 255);
}

#footer a {
     text-decoration: none;
     color: rgb(255, 255, 255);
}

#footer a:hover {
     text-decoration: underline;
     color: rgb(255, 255, 255);
}

#footer li.last-footer {
     border-right: none;
}

#language {
     margin-top: 10px;
     padding: 20px 0px 0px 20px;
     background: transparent url("../images/divider.gif") top left no-repeat;
}

div.side-by-side {
  width: 500px;
} 

div.side-by-side .side {
  width: 235px;
  margin-right: 15px;
  float: left;
} 


ol {
	margin: 0 0 20px 30px;
}

.indentedSubSection { 
	line-height: 1em;
	margin: 0 0 10px 12px;
	padding: 0;
}

.back
{
	margin: 10px 0 10px 0;
	text-align:right;	
}
/*
#about_this_source
{
	min-height:45px;
	width:280px;
	font-family:"Georgia", "Time New Roman", serif;
	background:url(../images/glass.gif) no-repeat;
	margin-left:auto;
	margin-right:auto;
}

makes the first letter under the glass bigger
span.first_letter_big
{
	
	font-size:28px;
		
}
#about_this_source div
{
	padding:8px 0 0 25px;
	letter-spacing: 0.2em;
	margin-bottom:25px;	
}
*/