/* /////////////				 	/////////////	*/
/* /////////////	Texas Coritani Stylesheet 	/////////////	*/
/* /////////////				 	/////////////	*/
/* /////////////	by: Jeff Scharp	,  2010	 	/////////////	*/
/* /////////////	A work in progress!!!	 	/////////////	*/

/* Page Title			*/	h1 {font-size:42; color: #4D0F00; font-weight: bold;	font-family: Times New Roman; text-align:center; height: 40;}
/* Section Tile (with boar img)	*/	h2 {font-size:18; color: #4D0F00; font-weight: bold;	display:inline; font-family: Times New Roman; background: url('includes/boar5.png');   background-repeat:no-repeat; padding: 10 0 20 70;}
/* Smaller Section Title	*/	h3 {font-size:18; color: #4D0F00; font-weight: bold;	display:inline; font-family: Times New Roman;}
/* Normal; see CSS body,table	*/	h4 {}
/* Textbox/Imagebox titles	*/	h5 {font-size:12; color: #222222; font-weight: bold; 	display:inline; margin: 0 15px 0 0;}
/* Textbox/Imagebox Contents	*/	h6 {font-size:12; color: #222222; font-weight: normal; 	display:inline; line-height:1.3;}


a:link, a:active, a:visited	{color : 990000; text-decoration: none;}
a:hover				{color : CF0000; text-decoration: underline; visibility:visible;float:none;clear:none;position:relative;top: .5pt;left: .5pt;}
img a:link, img a:active, img a:visited, img a:hover {  border: 7px solid OliveDrab;} 

body{
  margin:0;
  padding:0;
  font-size: 14;
  color: 111111;
  background: url('includes/body-shadow.png');
  background-repeat:repeat-y;
  background-attachment: fixed;
  background-position: center;
  background-color: 		#416085;
  scrollbar-arrow-color:      	#990000;
  scrollbar-face-color:       	#CEC391;
  scrollbar-3dlight-color:    	#416085;
  scrollbar-highlight-color:  	#416085;
  scrollbar-shadow-color:     	#333366;
  scrollbar-darkshadow-color:	#416085;
  scrollbar-track-color:      	#416085;
}

/* /////////////////////////////////////	headers	  			*/

#header{
  height: 77; 
  z-index: -1;  
  overflow: hidden; 
  position: relative;
  background-color: #000000;
  width: 1008; 
}

.coritanilogo{
  background: url('includes/coritaniimage.png');
  background-repeat: no-repeat; 
  height: 77;
  position: fixed;
}

.homeheaderbg{ 
  background: url('includes/9.jpg');
  height: 77;
}
	
.booksheaderbg{ 
  background: url('includes/bookshelf.gif');
  height: 77;
}

.coritaniheader2{ 
  background: url('includes/coritani-header2.jpg');
  height: 77;
}

.linksheaderbg{ 
  background: url('includes/header-links.jpg');
  height: 77;
}

.calendarheaderbg{ 
  background: url('includes/moonphase.gif') height: 50% width:50%;
  background-repeat:no-repeat;
  background-position: top right;
  margin: 0 80 0 0;
  height: 77;
}

/* /////////////////////////////////////	menu								*/							

div.menu {
  font-family:"Verdana,Arial,sans-serif";
  text-align: center;
  text-decoration: none; 
  position: relative;
  background: url(includes/menu.png);
}
#menu {
  text-align: center;
  text-decoration: none; 
  list-style: none;
  font-size: 11;
  letter-spacing: 1pt;
  font-weight: bold;
  margin: 0;
  padding: 12 0 3 0;
  position:relative;
}
#menu li {
  display: inline;
  text-align: center;
  font-weight: bold;
}
#menu a:link, #menu a:visited {
  color: #244873;
  text-align: center;
  text-decoration: none;  
  border: 0;
  font-weight: bold;
  padding: 0 12 3 12;
}
#menu a:hover{
  color: ffffff;
  text-align: center;
  background: #416085;
  padding: 4 12 3 12;
  visibility:visible;float:none;clear:none;position:relative;top:0;left:0;
}

/* /////////////////////////////////////	footer								*/

div.footer {
  background: transparent url(includes/menu.png);
  height:90;
  margin:  0;
  padding: 0; 
  font-size: 11;
}

#footer {
  text-align: center;
  text-decoration: none; 
  font-weight: normal;
  letter-spacing: 1pt;
  margin: 17;
  padding: 0; 
}

#footer li {
  text-decoration: none;
  margin: 0;
  padding: 10;
  display: inline;
  list-style: none;
}

#footer a:link, #footer a:visited {
  color: #244873; 
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  }

#footer a:hover{
  color: 990000;
  background: none;
  padding: 0;
  text-decoration: none;
  visibility:visible;float:none;clear:none;position:relative;top:0;left:0;
}

/* /////////////////////////////////////	breadcrumbs							*/

div.breadcrumbs {
  text-align: right;
  letter-spacing: .5pt;
  font-size: 10;
  padding: 3 0;
}

/* /////////////////////////////////////	body-container							*/

.body-container {
  width: 1008;
  border: 1 0 1 0 solid #333333;
}

/* /////////////////////////////////////	main								*/

.main {					
  text-align: left;
  margin: 1 0 0 0;
  background: url('includes/tanspiral2.gif');
  background-repeat: no-repeat;
  background-color: #f2edd1;
  padding: 0 30 10 30;
}

.main-gallery {					
  margin: 2 0 0 0;
  padding: 0;
}


/* /////////////////////////////////////	image box							*/

.imagebox {
  padding: 10;
  margin: 10;
  background: #eeeeee;
  border: 1px solid OliveDrab;
}

.imagebox img {
  border: 1px solid OliveDrab;
}

/* /////////////////////////////////////	typesetting							*/

p {
  padding: 12 -40;
  margin: 2 0;
  text-indent: 40px;
  text-align: none;
}

div.textindent {
  padding: 0 0 0 40;
  margin: 0;
  text-indent: -40px;
}

li, ul  {
  color: green;
  line-height: 1.5em;
}

hr {
  color: olivedrab;
  height: 1px;
}

/* /////////////////////////////////////	AJAX Tabs							*/

#ajaxcontentarea, #countrydivcontainer {
  background-color: #ffffff;
  padding: 10 25;
  margin: 0;
  border: 1px solid OliveDrab;
  width: 100%;
  height: 500px;
  min-height: 500px;
}

#provincedivcontainer {
  background-color: #ffffff;
  padding: 10 0;
  margin: 0;
  border-top: 1px solid OliveDrab;
  width: 100%;
}

.shadetabs{
  padding: 1 0;
  margin: 0;
  font: bold 12px Verdana; 
  list-style-type: none;
  text-align: center;
}

.shadetabs li{
  display: inline;
  margin: 0 2;
  text-decoration: none;
}

.shadetabs li a{
  text-decoration: none;
  padding: 3px 7px;
  border: 1px 1px 0px 1px solid OliveDrab;
  visibility:visible;float:none;clear:none;position:relative;top:0;left:0;
  background: eeeeee;
}

.shadetabs li.selected{ 
  position: relative;
  text-decoration: none;
}

.shadetabs li.selected a{ 
  background: ffffff;
  border-bottom-color: white;
  text-decoration: none;
  visibility:visible;float:none;clear:none;position:relative;top:0;left:0;
}

/* /////////////////////////////////////	Used in Books or Library for title descriptions			*/

#popup {	
  position: absolute;
  width:500;
  font-family: "Verdana, Arial, sans-serif";
  border: 1px solid #666666;
  padding: 7px;
  background-color:ffffff; 
  visibility: hidden;
  z-index: 100;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* /////////////////////////////////////	email form in contact page					*/

.csc-mailform { 
  border: 0; 
}
.csc-mailform input, .csc-mailform textarea { 
  padding: 3px;
  border: 1px solid OliveDrab;
}
.csc-mailform-field label { 
  width: 120px; 
  display: block; 
  float: left; 
  font-size: 12px; 
}
.csc-mailform-field { 
  padding-bottom: 5px; 
}
.csc-mailform-submit { 
  color: #990000; 
  background: url('includes/gradient.jpg');
  font-size: 14px; 
  font-weight: bold;
  cursor: pointer; cursor: hand;
  border: 3px ridge olivedrab;
}

/* /////////////////////////////////////	expanding menus	(as seen in Calendar with + and - )		*/

#containerul, #containerul ul{
  text-align:left;
  margin:0; 		/* Removes browser default margins applied to the lists. */
  padding:0; 		/* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 0px; 	/* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; 		/* Removes browser default padding applied to the list items. */
  list-style-type:none;	/* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols { /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:18px;
  height:17px;
  background-position:0 50%;
  background-repeat:no-repeat;
  cursor: pointer; cursor: hand;
}


/* /////////////////////////////////////	various TABLES							  */


table{
  font-family: "Verdana,Arial,sans-serif";
  font-size:14;
  min-width:30px;
}

div.table1 {				
  background: #CEC391 url('includes/gradient.jpg');
  border: 1px solid OliveDrab;
  background-repeat:repeat-x;
  padding: 0;
  margin: 0;
}


/* /////////////////////////////////////	Alternating Row Colors							*/


th {
  	background: #4D0F00;
 	background: url(includes/gradient.jpg);
  	color: #000000;
	font-size: 14; 
  	text-align: center;
  	padding: 10;
	font-style: italic;
      	border-bottom: 1px solid OliveDrab;	
}	

th img {
	vertical-align:middle;
}

table.alternate_rows {
	border: 1px solid OliveDrab;
}

table.alternate_rows td {
	text-align: left;
}

table.alternate_rows tr.odd td {
	background-color: #ffffff;
}

table.alternate_rows tr.even td {
	background-color: #eeeebb;
}


/* /////////////////////////////////////	Roll-over Sprites	http://wellstyled.com/css-nopreload-rollovers.html						*/


	#up a {
		display:block;
		width: 125px;
		margin:  10; padding:0;
		background: url("includes/top.png") 0 0 no-repeat;
		}
	#up a:hover {	
		background-position: -132px 0;
		}

	#previous a {
		display:block;
		width:16px;
		margin:  0; padding: 0;
		background: url("includes/before.png") 0 0 no-repeat;
		}
	#previous a:hover {	
		background-position: -16px 0;
		}


	#next a {
		display:block;
		width:16px;
		margin:  0; padding: 0;
		background: url("includes/after.png") 0 0 no-repeat;
		}
	#next a:hover {	
		background-position: -16px 0;
		}


/* /////////////////////////////////////	Calendar Dates							*/


.calendar-frame {
	font-size:12; color: #ffffff; font-weight: bold; float: middle;
	padding: 4 0 0 0;
	text-align:center;
	background: url('includes/date.png') no-repeat;
	width:76px;
	height: 72px;
}
.calendar-date {
	color: #444444;
	text-align:center;
	font-size:20;  font-weight: bold;
	padding: 15 0 10 0;
}


/* /////////////////////////////////////	Lists of links							*/


div.lists {
  font-size=11; 
  color: 003366;
  border: 1px ridge #DDBBAA;
  background-color: #EBE7DC; 
  padding: 4;
  margin: 0 10;
  font-weight:normal; 
  text-align: left;
  width:160;
}

#lists {
  text-indent: -30px;
  list-style-image:url('includes/point.png');
}


/* /////////////////////////////////////	Fields and Legends	http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html						*/





fieldset { padding: 10;}

legend {
  	padding: 0.2em 0.5em;
 	border:1px solid green;
  	color:green;
  	font-size:90%;
  	text-align:right;
}
legend  {
	color: #fff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 6px
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

/* /////////////////////////////////////	Simple Viewer - Gallery											*/