/* IMPORT IE style and hide from ie/mac \*/
@import url("style-IE.css");
/* END import/hide */
/* layout structure ****************************************************/
* {margin: 0; padding: 0;}
body 
	{
	color: #333;
	background: #f8f8f8;
	font-family: arial, sans-serif; font-size: 12px; 
	}
p 	{line-height: 1.5em; padding-bottom: 15px;}
h1, h2, h3, h4 {font-weight: normal;}
h1 {color: #FFBF00;}
h2 {	color: #666666;}
img {border: 0 none #fff;}
a {outline: none;}
a:hover {color: #fff; background: #B1BCC1; text-decoration: none;}
a img {border: 0 none; text-decoration: none;}

.orange {color: #FFBF00;}

/********************************************************************/
#wrapper 
	{
	width: 970px; /*height: 100%;*/
	margin: 55px auto 0 auto; 
/*	background: #fff; */
/*	border-left: solid 1px #d8d8d8; */
/*	position: relative;  /*  bronca IE */
height: 100%; /* needed for keeping all content white */
	}
#contentwrapper 
	{
	width: 700px; 
	margin-left: 0;
	background: #fff;
/*	border-left: solid 1px #d8d8d8; */

height: 100%; /* needed for keeping all content white */
	}
	/*
#header 
	{
	height: 115px; 
	background: #ff00ff url(images/header.png) top left no-repeat;
	}
#banner 
	{
	height: 115px; 
	background: #f000ff url(images/header.png) top left no-repeat;
	}
	*/
#content 
	{
	padding-top: 170px; 
	padding-bottom: 110px; /* was 110 - 11 sep 09 */
	width: 700px; 
	background: #fff url(images/banner03.jpg) top left no-repeat; /* border-top: solid 1px #d8d8d8;*/ 
	min-height: 100%; /* needed for keeping left border along */
	border-left: solid 1px #d8d8d8; 
	}
#include {padding: 0px 30px 0px 50px;}

/* footer - fixed positioned  / allocates dock menu ****************************/
/* http://tagsoup.com/cookbook/css/fixed/ */
	div#footer {position: absolute; bottom: 0; 
	width:700px; /* 9 sep 09 was 100% */
	height: 110px; border: 0 none; bottom: -1px;}
	div#side 
		{
		position: absolute; 
		top: 5px; 
		margin-left: 705px; 
		width:260px; 
		height: 300px; 
		border: 0 none;  /* background: #ff0000; */
		}
@media screen
  {
	div#footer, div#side {position: fixed}
	* html {overflow-y: hidden;}
	* html body { overflow-y: auto; height: 100%; padding: 0 0 0 0;}
	* html div#footer {position: absolute; bottom: -1px;}
	* html div#side   {position: absolute; }
	}
#fb_transp 
	{
	background: transparent url(images/fb_transp.png) top center repeat-y; 
	height: 30px; 
	width: 701px; /* 9 sep 09 was 970 */
	}
#fb_solid
	{
	background: #b1bcc1 url(images/fb_solid.png) top left repeat-x; 
	width: 701px;  /* 9 sep 09 was 970 */
	height: 80px;
	}
/* end footer **********************/

/* dock menu *********************************************/
/* #menu1 {margin:0 auto 0 132px;} - 132px for all items inluding pizza; 172px no pizza */
#menu1 
	{
	margin:0; /* 9 sep 09 was 0 auto 0 132px */
	z-index: 10;
position: absolute;	
	} /* horizontal aligment - center dock menu; 172px without pizza  */
#menu1 img 
	{
	padding: 0 10px;
	} /* space between icons */
div.jqDockLabel 
	{
	border: 0 none; 
	padding-left:20px; 
	font-weight:bold; 
	font-size:16px; 
	font-style:italic; 
	white-space:nowrap; 
	color:#fff; 
	background-color:transparent;
	height: 18px;
	}

/* end dock menu ************************************/
 
/************************************************************/
/*#side div {margin: 5px 10px; background: #FFCC33;} */
	#search 
		{
		height: 25px; 
		width: 260px; 
		margin: 10px 0 15px 10px;
		} 
	#search form input.texto 
		{
		border: 1px solid #d8d8d8; 
		width: 178px;
		} 
	#events 
		{
		height: auto; 
		width: 240px; 
		background: #C3D9FF url(images/eventsbg02.png) top left no-repeat; 
		margin: 5px 10px; 
		text-align: center; 
		color: #0052A3; 
		font-size: 12px; 
		font-weight: bold; 
		font-family: verdana, sans-serif; 
		font-variant: small-caps;
		}
	#events p 
		{
		padding-top: 5px; 
		padding-bottom: 0px;
		}
	#suscribe,
	#ccschool
		{
		background: transparent;
		margin: 5px 10px;
		}
/* image replacement for link buttons */	
	#ccschool a {position: relative; height: 55px; width: 240px; display: block;}
	#ccschool a span {position: absolute; background: transparent url(images/links.jpg) 0px 110px; /*display: block;*/ height: 100%; width: 100%; }
	#ccschool a:hover  span{position: absolute; background: transparent url(images/links.jpg) 0px 55px; /*display: block;*/ height: 100%; width: 100%;}
	#suscribe a {position: relative; height: 55px; width: 240px; display: block; }
	#suscribe a  span {position: absolute; background: transparent url(images/links.jpg) 240px 110px; display: block; height: 100%; width: 100%; }
	#suscribe a:hover span {position: absolute; background: transparent url(images/links.jpg) 240px 55px; display: block; height: 100%; width: 100%;}
		
	#extra 
		{
		height: 80px;
		}

/************************************************************/
#fancy_overlay 
	{
	background: url(images/overlaybg.png) top left;
	} 
	
/************************************************************/

#include  {font-size: 110%; /*font-family: "palatino linotype",palatino,serif;*/ /*height: 100%; min-height: 300px;*/} 
#include h3  {font-weight: normal; color: #6090C4; font-size: 145%; font-family: "palatino linotype",palatino,serif; padding-bottom: 2px;}
#include h4 {color: #666; letter-spacing: 0.5pt; font-size: 120%;}
/*#include h3 a,
#include h3 a:hover {color: #6090C4; text-decoration: none; cursor: text;} */
/* #include .item h3, h3#about {color: #6090C4; font-size: 145%; font-family: "palatino linotype",palatino,serif;} */
#include ul , #include ol {padding-left: 25px;}
#include ul li, #include ol li  {padding-left: 10px; padding-bottom: 5px; margin-bottom: 15px;}
#include .sitemap {/*margin-top: -40px;*/ color: #FFBF00; font-size: 100%; font-weight: bold;}
#include .sitemap  a {text-decoration: none; color: #FFBF00;}
#include .sitemap  a:hover {color: #fff; background: #ffbf00;}
.first {margin-top: 30px;}
/* .last {height: 100%;} */

/* home */
#include .entry {clear: both; /*font-size: 110%;*/ padding-bottom: 50px;}
/* .entry h3 {font-weight: normal;} */
/*
#include .entry a {color: #33CCFF; text-decoration: underline;}
#include.entry a:hover {color: #fff; background: #33CCFF; text-decoration: none;}
*/


#include .date {font-size: 105%; background: url(images/small-calendar2.png) top center no-repeat; width: 100px; float: left; padding-bottom: 30px; text-align: center;display: block; color: #999;}
/* #include .date h3, .date span  {display: block;} */
#include .date span  {display: block;}
#include .date span.month {font-variant: small-caps; font-size: 120%; padding-top: 10px; color: #fff; font-weight: bold;}
#include .date span.day {font-family: georgia, serif; font-size: 220%; margin-top: -5px; color: #8a8a8d;}
#include .item {/* background: #ffff00;*/ width: 470px; margin-left: 120px; /*padding-bottom: 30px;*/ }

/* archives ***acordeon*****************/
#archives  {margin-left: 15px; /*padding-bottom: 250px;*/}

#archives div.title 
	{
	cursor: pointer;
	margin-top: 5px;
	padding-left: 20px;	
/*	padding-bottom: 10px; */
	line-height: 28px;
	color: #6090C4; 
	font-weight: normal; 
	font-size: 145%; 
	font-family: "palatino linotype",palatino,serif; 	
	}
#archives .plus  {background: transparent url(images/plus.gif) no-repeat 5px 50%;  line-height: 16px;}
#archives  div.selected  {background-image: url(images/less.gif); border-bottom: 0;}

#archives ul {list-style: none; padding-left: 20px; padding-bottom: 5px;}
#archives ul li  {padding-left: 22px; padding-bottom: 5px; line-height: 16px;}
.pdfs {background: url(images/pdf-icon.png) top left no-repeat;}
.docs {background: url(images/word-icon.png) top left no-repeat;}
.xlss {background: url(images/excel-icon.png) top left no-repeat;}
.webp {background: url(images/web-icon.png) top left no-repeat;}

/* contact ********************************/

#include table {border: 0 #fff; font-size: 90%;}
#include th {text-align: left; background: #4AC23D; color: #fff; line-height: 1.5em; padding: 3px;} /* background: #4AC23D; #5CC850 C3D9FF*/ 
#include  tr.shadow {background: #f8f8f8;}
#include td {width: 210px; padding: 3px 3px 3px 6px; letter-spacing: 0.2pt;}

.centrar {display: block; text-align: center;}
#poppy {width: 100px; height: 100px; margin-top: 10px; margin-left: 80px; background: url(../images/poppy.gif) top left no-repeat; display: block;}
.red {color: #ff0000;}

/** picssel ******/
#picssel {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 10px;
	text-align: center;
	color: #a1a1c1;
}

#picssel a {
	text-decoration: none;
	color: #a1a1c1;
}

#picssel a:hover {
	text-decoration: underline;
	color: #a1a1c1;
	background: #fff;
}