﻿/*
   No Reset: A Base Stylesheet For Your Projects
   Makes browser default styles more consistent, and provides a canvas that
   you SHOULD modify to fit your needs.
   http://covertprestige.info/css/base-stylesheet/
   
*/


/* --- BASIC STYLES --- */

/* Page */
html {
  font-size: 100%; /* Avoids IE 5-7 bug with EM fonts */
}
body {
  margin: 0;
  padding: 0em; /* set to zero if needed! */
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: .8em; /* Adapt for your chosen type! Usual range: .625 to 1 */
  line-height: 1.4; /* Adapt for your design and chosen type! 1.1-1.2 is good
    for title text or narrow column text but you will want to increase that
    to something in the 1.2-1.8 range for main content text. */
  color: black;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 .5em 0; /* Titles should be close to the text they describe */
  line-height: 1.2; /* Bigger text is often nicer with smaller line space */
  font-weight: bold; /* Browser default. Use "normal" for less bulky titles */
  font-style: normal;
}
h1 {
  font-size: 1.75em;
}
h2 {
  font-size: 1.5em;
}
h3 {
  font-size: 1.25em;
}

h3.NoTopBorder {
  margin: .5em 0 .35em 0; /* Titles should be close to the text they describe */
  line-height: 1.2; /* Bigger text is often nicer with smaller line space */
  font-weight: bold; /* Browser default. Use "normal" for less bulky titles */
  font-style: normal;
  font-size: 1.5em;
  color:#305065;   /* change color to blue for headings */
}

h4 {
  font-size: 1em;
}


/* <div's> */
div.body{
  padding:0px 15px 5px 15px;
}
div.footer{
  padding:5px 15px 5px 15px;
}
div.indent{
  padding:0px 15px 5px 10px;
}


/* Jim's classes */
.CalendarReserved
{
background-color:#F1F37B;
 font-size:10px;
 color:Black;
 height:20px;
 background-image:url(/_Images/Calendar_Reserved.gif);
 background-repeat:no-repeat;
}

.CalendarTentative
{
 background-color:#FAB066;
 background-image:url(/_Images/Calendar_Tentitive.gif);
 background-repeat:no-repeat;
 height:20px;
}



/* Lists */
ul, ol {
  margin: .75em 0 .75em 32px;
  padding: 0;
}

/* Paragraphs */
p {
  margin: .75em 0; /* Most browser defaults are "1em 0". */
}
address {
  margin: .75em 0; /* You may want display:inline;margin:0; in HTML 5 */
  font-style: normal; /* The annoying browser default is "italic". */
}

/* Links */
a {
  text-decoration: underline;
}
a:link {
  color: #11C;
}
a:visited {
  color: #339;
}
a:hover, a:focus, a:active {
  color: #00F;
}
/* No dotted outline or halo around links when clicking them */
a:active {
  outline: none;
}
/* No border around images in links */
a img {
  border: none;
}

/* Misc inline elements */
/* These are default styles in virtually any browser, but you may want to
   change them for a specific project. */
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/* Stopping superscript and subscript from augmenting the line's leading */
sup, sub {
  line-height: 0;
}

/* Forms */
form, fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
input, button, select {
  vertical-align: middle; /* Not perfect,
  but best compromise for most browsers */
}


/* --- ADDITIONAL BASIC STYLES --- */

/* Make abbreviations more clearly visible */
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* Make quotations more clearly visible */
blockquote {
  margin: .75em 0 .75em 20px;
  padding: 0 0 0 10px;
  border-left: solid 2px #ddd;
}
q, cite {
  font-style: italic;
}
q cite, q q {
  font-style: normal
}

/* Suppression des guillemets automatiques pour citations courtes */
q {
  quotes: none;
}
q:before, q:after {
  content: ""; /* Needed for Safari/Chrome */
}

/* Bring paragraphs inside lists or quotations closer */
blockquote p, li p {
  margin: .5em 0;
}

/* Basic styles for definition lists */
dl {
  margin: .75em 0;
}
dt {
  margin: .75em 0 0 0;
  font-weight: bold;
}
dd {
  margin: .25em 0 .25em 32px;
}

/* Simple styles for tables */
table.nospace {
  margin: 0;
  border: none; /* Set to "none" to suppress the table border */
  border-collapse: collapse; /* Default is "seperate" */
  border-spacing: 0; /*! No IE 6-7 support */
}
table td.nospace, table th.nospace {
  padding: 0px; /* Set to "0" for no white space around cell contents */
  border: none; /* Set to "none" to suppress cell borders */
  vertical-align: top; /* Default is "middle" */
}




/* HTML 5 semantic wrapper elements */
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu {
  display: block;
}

img.floatRight{
  float:right;
  padding:2px 0px 2px 10px;
}


ul.ul_jim{
  margin: .25em 0 1.25em 32px;
  padding: 0;
  }

.GrayText
{ color:#666666;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FAFBD2;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:650px;
}

/*-- slideshow */

ul.slideshow {
	list-style:none;
	width:500px;
	height:334px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
 font-size:13px;
	width:500px;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;	
	z-index:1000;	
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

