/*   
Theme Name: CISVToronto Theme
Theme URI: 
Description: Whatever you want to be.
Author: me
Author URI: 
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/3c-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');



/* CISV.ORG STYLES */
* html { font-size: 100%; /* IE hack */ }
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1f1f1f;
	text-align: center;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-width: 760px;
	font-size: 62.5%;
	line-height: 1.5em;
}
 
a {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
}
a:active {
	color: #333333;
}
#centre a {
	font-weight: bold;
}
 
h1 {
	font-size: 2.4em;
}
h2 {
	font-size: 1.8em;
 
}
h3 {
	font-size: 1.6em;
 
}
h4 {
	font-size: 1.45em;
	
}
h5 {
	font-size: 1.4em;
 
}
h6 {
	font-size: 1.1em;
	
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
}
#content h1 {
	padding-top: 6px;
 
} 

p {
	color: #333333;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	font-size:1.1em;
}
p.quotation {
	font-weight: bold;
	margin-bottom: 10px;
}
p.quoteCredit {
	margin-top: 0px;
}
 
p img{
	margin: 0px;
	padding: 0px;
}

#page #content {
/*	font-size: 115%; */
	overflow: visible;
} 
#page #content ul li {
   height:auto;
   float: none;   
}
 
#page #main #content li {
	font-size: 1.1em;
	float: none;
	color: #333333;
	margin-bottom: .6em;
}
#page #main #content td {
	font-size: 1.1em;
}
 
 
input, select, td, th{font-size:1em;}
li li, li p, td p, blockquote p{font-size:1.1em;}

#page #title a, #footer a {
	color: #FFFFFF;
	text-decoration:none;
}
 
#page #main #primary form {
	margin: 0px;
	padding: 0px;
	width: 150px;
 
}
 
#page #main #primary #search input {
	margin: 0px;
	padding: 0px;
	height: 17px;
	float: left;
	border: 1px solid #0077D4;
}
#page #main #primary #search .textbox {
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 121px;
}
#page #main #primary #search p {
	margin: 0px;
	padding: 0px;
	background-color: #0077D4;
}
#page #main #primary #search img {
	margin: 0px;
	padding: 0px;
}
 
#page #main #secondary img {
	margin: 0px;
	padding: 0px;
}
 
 
 
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	height: 1%;
	width: auto;
	float: none;
}
#page #main #secondary img {
	vertical-align: bottom;
}
 
#page #title, #footer  {
height:18px;
}
.padding {
	padding: 2px 10px;
}
.large {
	font-size: 1.15em;
}
 
 
ul#navigation {
	font-size: .85em;
}
ul#navigation, ul#navigation ul {
	color: #FFFFFF;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
 
}
ul#navigation li, ul#navigation li li{
	margin: 0px;
	padding: 0px;
}
 
/* mac hide \*/
ul li{
	height:1%;
	float: left;
	
}
/* end hide*/
 
ul li li{
float: none;
}
 
ul#navigation li a,  ul#navigation li li a, #secondary p.heading{
	font-size:1.1em;
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	width: 145px;
	\width: 150px;
	w\idth: 145px;
	height: 15px;
	\height: 17px;
	margin-bottom:3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
 
}
ul#navigation li a{
	text-align:right;
	padding: 1px 5px 0px 0px;
	vertical-align: middle;
}
 
#secondary p.heading {
	text-align:left;
	padding: 2px 0px 0px 5px;
	vertical-align: middle;
}
 
ul#navigation li.page0 a , #page.page0 #title, #page.page0 #main #secondary p.heading, ul#navigation li.page0 li a:hover  {background-color: #ff5f00;}
ul#navigation li.page0 a:hover, ul#navigation li.page0 li a{
	background-color: #ff8f4c;
}
 
 
ul#navigation li.page1 a, ul#navigation li.page1 li a:hover, #page.page1 #title, #page.page1 #main #secondary p.heading {background-color: #009543;}
ul#navigation li.page1 a:hover, ul#navigation li.page1 li a{background-color: #4cb57b;}
 
ul#navigation li.page2 a, ul#navigation li.page2 li a:hover, #page.page2 #title, #page.page2 #main #secondary p.heading {background-color: #ff9f00;}
ul#navigation li.page2 a:hover, ul#navigation li.page2 li a{background-color: #ffbc4c;} 
 
ul#navigation li.page3 a, ul#navigation li.page3 li a:hover, #page.page3 #title, #page.page3 #main #secondary p.heading {background-color: #00a7d4;}
ul#navigation li.page3 a:hover ,ul#navigation li.page3 li a  {background-color: #4cc1e1;}
 
ul#navigation li.page4 a, ul#navigation li.page4 li a:hover, #page.page4 #title, #page.page4 #main #secondary p.heading{background-color: #d81f2a;}
ul#navigation li.page4 a:hover, ul#navigation li.page4 li a {background-color: #e46269;}
 
ul#navigation li.page5 a, ul#navigation li.page5 li a:hover,#page.page5 #title, #page.page5 #main #secondary p.heading{background-color: #00529b;}
ul#navigation li.page5 a:hover, ul#navigation li.page5 li a{background-color: #4c86b9;}
 
ul#navigation li.page6 a, ul#navigation li.page6 li a:hover,#page.page6 #title, #page.page6 #main #secondary p.heading{background-color: #ffc726;}
ul#navigation li.page6 a:hover, ul#navigation li.page6 li a {background-color: #ffd867;}
 
ul#navigation li.page7 a, ul#navigation li.page7 li a:hover,#page.page7 #title, #page.page7 #main #secondary p.heading{background-color: #a24e12;}
ul#navigation li.page7 a:hover, ul#navigation li.page7 li a {background-color: #be8359;}
 
#page ul#navigation li.page8 a, #page ul#navigation li.page8 li a:hover,#page.page8 #title, #page.page8 #main #secondary p.heading{background-color: #54be46;}
#page ul#navigation li.page8 a:hover, #page ul#navigation li.page8 li a{background-color: #87d17d;}
 
.infoBox {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url('img/white_dot.jpg');
	background-repeat: repeat-x;
	background-position: bottom;
}
.page0 .infoBox{background-color: #ffcfb2;}
.page1 .infoBox{background-color: #b2dfc6;}
.page2 .infoBox{background-color: #ffe2b2;}
.page3 .infoBox{background-color: #b2e4f2;}
.page4 .infoBox{background-color: #f3bbbf;}
.page5 .infoBox{background-color: #b2cbe1;}
.page6 .infoBox{background-color: #ffeebd;}
.page7 .infoBox{background-color: #e3cab7;}
.page8 .infoBox{background-color: #cbebc7;}
 
.infoBox h3 {
	margin: 3px 5px 0 5px;
	padding: 3px 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.1em;
}
.infoBox p {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	font-size: 1em;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	line-height: 1.2em;
}
.infoBox p a, .infoBox p a:link, .infoBox p a:active, .infoBox p a:visited   {
	color: #333333;
}
.infoBox p a:hover  {
	color: #666666;
}
 
 
.page0  h1, .page0 h2, .page0 h3, .page0 h4, .page0 h5,  .page0 h6 {color: #ff5f00;}
.page0 a, .page0 strong, .page0 a:active, .page0 a:visited, .page0 a:link,  .page0 p.quotation, .page0Text {color: #ff5f00;}
.page0Text a, .page0Text a:link, .page0Text a:active, .page0Text a:visited {
	color: #ff5f00;
	text-decoration: none;
	}
.page0 a:hover, .page0Text a:hover {color: #ff8f4c;}
 
.page1  h1,  .page1 h2, .page1 h3, .page1 h4, .page1 h5, .page1 h6 {color: #009543;}
.page1 a, .page1 strong, .page1 a:active, .page1 a:visited, .page1 a:link, .page1 p.quotation, .page1Text{color: #009543;}
.page1Text a, .page1Text a:link, .page1Text a:active, .page1Text a:visited{
	color: #009543;
	}
.page1 a:hover, .page1Text a:hover{color: #4cb57b; text-decoration: none;}
 
.page2  h1, .page2  h2, .page2  h3, .page2  h4, .page2  h5, .page2  h6 {color: #ff9f00;} 
.page2 a, .page2 strong, .page2 a:active, .page2 a:visited, .page2 a:link,  .page2 p.quotation, .page2Text{color: #ff9f00;}
.page2Text a, .page2Text a:link, .page2Text a:active, .page2Text a:visited{
	color: #ff9f00; 
	text-decoration:none;
	}
.page2 a:hover, .page2Text a:hover{color:#ffbc4c;}
 
.page3  h1, .page3  h2, .page3  h3, .page3  h4, .page3  h5, .page3  h6{color: #00a7d4;}
.page3 a, .page3 strong, .page3 a:active, .page3 a:visited, .page3 a:link, .page3 p.quotation, .page3Text{color: #00a7d4;}
.page3Text a, .page3Text a:link, .page3Text a:active, .page3Text a:visited{
	color: #00a7d4;
	text-decoration: none;
	}
.page3 a:hover, .page3Text a:hover{color:#4cc1e1;text-decoration: none;}
 
.page4  h1, .page4  h2, .page4  h3, .page4  h4, .page4  h5, .page4  h6 {color: #d81f2a;}
.page4 a,  .page4 strong, .page4 a:active, .page4 a:visited, .page4 a:link, .page4Text, .page4 p.quotation{color: #d81f2a;}
.page4Text a, .page4Text a:link, .page4Text a:active, .page4Text a:visited{
	color: #d81f2a;
	text-decoration: none;
	}
.page4 a:hover, .page4Text a:hover{color:#e46269;text-decoration: none;}
 
.page5  h1, .page5  h2, .page5  h3, .page5  h4, .page5  h5, .page5  h6  {color: #00529b;}
.page5 a, .page5 strong, .page5 a:active, .page5 a:visited, .page5 a:link, .page5Text, .page5 p.quotation{color: #00529b;}
.page5Text a, .page5Text a:link, .page5Text a:active, .page5Text a:visited{
	color: #00529b;
	text-decoration: none;
	}
.page5 a:hover, .page5Text a:hover{color:#4c86b9;text-decoration: none;}
 
.page6  h1, .page6  h2, .page6  h3, .page6  h4, .page6  h5, .page6  h6{color: #ffc726;}
.page6 a, .page6 strong, .page6 a:active, .page6 a:visited, .page6 a:link, .page6Text, .page6 p.quotation{color:  #ffc726;}
.page6Text a, .page6Text a:link, .page6Text a:active, .page6Text a:visited{
	color:  #ffc726;
	text-decoration: none;
	}
.page6 a:hover, .page6Text a:hover{color:#ffd867;text-decoration: none;}
 
.page7  h1, .page7  h2, .page7  h3, .page7  h4, .page7  h5, .page7  h6 {color: #a24e12;}
.page7 a, .page7 strong, .page7 a:active, .page7 a:visited, .page7 a:link, .page7Text, .page7 p.quotation{color:  #a24e12;}
.page7Text a, .page7Text a:link, .page7Text a:active, .page7Text a:visited{
	color: #a24e12;
	text-decoration: none;
	}
.page7 a:hover, .page7Text a:hover{color:#be8359;text-decoration: none;}
 
.page8  h1, .page8  h2, .page8  h3, .page8  h4, .page8  h5, .page8  h6 {color: #54be46;}
.page8 a, .page8 strong, .page8 a:active, .page8 a:visited, .page8 a:link, .page8Text, .page8 p.quotation{color:  #54be46;}
.page8Text a, .page8Text a:link, .page8Text a:active, .page8Text a:visited{
	color: #54be46;
	}
.page8 a:hover, .page8Text a:hover{color:#87d17d; text-decoration: none;}
#main #centre table {
	float: none;
}


/* LAYOUT */

#main {
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	width: 760px;
	font-size: 1.1em;
}

#header {
	margin: 20px 0 18px 0;
	
}

#header #logo {
	height: 73px;
	margin-bottom: 10px;
}

#header #title {
	height: 18px;
	background-color: #ff5f00;
	color: white;
	font-size: 1.1em;
	margin-bottom: 18px;
	text-align: left;
	width: 100%;
}

#container {
	float: left;
	margin: 0 0 0 168px;
	width: 424px;}

#primary {
float: left;
margin: 0 0 0 -592px;
padding: 0;
width: 150px;
border: none;
}

#secondary {
	float: right;
	margin: 0 0 0 18px ;
	width: 150px;
	font-size: 100%;
}

#content {
	margin: 0;
}

#footer {
	width: 760px;
	background-color: #0066CA;
	text-align: left;
	color: #FFFFFF;
	font-size: 1em;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#disclaimer {
	font-size: 0.9em;
	width: 760px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
 
#page #title a, #footer a {
	color: #FFFFFF;
	text-decoration:none;
}

span.chapter {
	color: #3F7689;
	font-size: 28pt;
padding-left: .5em;	
}