/*
CSS Styles for TyndallPark
*/

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size: 12pt;
	color: rgb(180, 210, 240);
    	background-color: rgb(71,109,133); 	/*same as#476D85; */
}

.title_bkgrnd
{
	background-color: rgb(154,204,205);
	position: absolute;
	left: 0px;
	top: 37px;
	width: 100%;
   	height: 150px;
   	z-index: -2;
}


/* =========================================================================
There are two versions of the TP_title_text class
The first one uses a gif to display the title. This will display the title
properly even if the user's computer/browser doesn't support the
exotic fonts I picked.
The second version uses text. Probably faster but prone to font availability
problems :).
============================================================================*/

.TP_title_text
{
	background: url(../images/TP_Title_Text_Only.gif) no-repeat;
	position: absolute;
	top: 40px;
	right: 15px;
	width: 600;
   	height: 150;
}


/*.TP_title_text
{
	text-align: right;
	position: absolute;
	right: 10%;
	top: 40px;
	color: rgb(100, 50, 100);
	line-height: 1;
}*/

.TP_title_photo
{
	background: url(../images/ForSaleGallery/images/Cosima_0085_0037_pano.jpg) no-repeat;
	position: absolute;
	top: 37px;
	left: 250px;
	width: 300;
   	height: 150;
   	z-index: -1;
   	opacity:0.6;
   	filter:alpha(opacity=60);
}

.hdg1
{
font-size: 4em;
font-family: Vivaldi, serif;
}

.hdg2
{
font-size: 1.2em;
font-family: "Tempus Sans ITC", sans-serif;
line-height: 1.25;
}

.hdg3
{
font-size: 2.0em;
font-family: "Tempus Sans ITC", sans-serif;
line-height: 1.25;
}

.TP_logo
{
	background: url(../images/tyndall_park_3.75x4_transparent.gif) no-repeat;
	position: absolute;
	top: 0px;
    	left: 5px;
	width: 100%;
   	height: 100%;
}

.navigation_bkgrnd
{
	background-color: rgb(154,204,205);
	position: absolute;
	left: 65px;
	top: 37px;
	width: 175px;
   	height: 95%;
}

.small_title
{
	font-size: 8pt;
}


.mombaby
{
   	background:url('../images/mombaby.gif') no-repeat;
   	position: absolute;
	left: 45px;
	top: 400px;
	width: 100px;
   	height: 150px;
}

a
{
	text-decoration: none;
	border-bottom: 1px dotted;
	color: rgb(125,30,30);
}


/* ===================================================================
The .left and .right classes used here refer to the "left column", 
which is set up for the navigatin menu on the left side of the screen,
and the "right column", which is for the main part of the window.
======================================================================*/

.left, .right
{
	/*color:#759EB7;*/
	width: 155px;
	float: left;
	margin: 0 0 0 5px;
}

.left
{
	float: left;
	/*margin: 0px 0px 0px 70px;*/
	position: absolute;
	left: 65px;
	top: 275px;
	width: 12%;
}

.right
{
	float: left;
	margin: 0 5px 0 0;
	position: absolute;
	left: 300px;
	top: 200px;
	width: 70%;
}

.intro_text
{
    font-size: 1.5em;
}

.right h1, .left h1
{
	font-size: 1.0em;
}

.right h2, .left h2
{
	font-size: 1.3em;
}

.right h3
{
	font-size: 1.7em;
	margin: 5px 0 0 0;
	padding: 3px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #759EB7;
}

.right text3
{
	font-size: 2em;
}

.right text2
{
	font-size: 1.2em;
}

.right text1
{
	font-size: 1.0em;
}

.text3
{
	font-size: 2em;
}

.text2
{
	font-size: 1.2em;
}

.text1
{
	font-size: 1.0em;
}

.left h3
{
	font-size: 1.7em;
	margin: 5px 0 0 0;
	padding: 3px;
	color: rgb(71,109,133);
    	/*border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #759EB7;*/
}

.right h4, .left h4
{
	font-size: 1.7em;
	margin: 5px 0 0 0;
	padding: 3px;
}



.right a:link {color: rgb(255, 255, 255); background-color: transparent;} 
.right a:visited {color: rgb(50, 0, 50); background-color: transparent;} 
.right a:hover {color: rgb(255, 0, 0); background-color: rgb(120,200,200);} 
.right a:active {color: #0000FF; ; background-color: transparent;}  


.menu
{
    /*margin-bottom: 0;
    padding-bottom: 0;*/
}


/* The margin-left:0 forces consistency between FF and IE.*/
.menu ul
{
	border: solid;
	border-width: thin;
	border-color: rgb(100, 50, 100);
	padding: 0;
    margin-left: 0; 
}

.menu ul li
{
	list-style-type: none;
    font-size: 1.0em;
}

.menu ul li a
{
	display: block;
	padding: 3px;
	margin: 1px;
	line-height: 1.1em;
	height: 1.5em;
	border: 0;
	color: #FFF;
}


menu ul li a:link
{
	color: rgb(255, 255, 255);
	background-color: #476D85;
}

menu ul li a:hover
{
	color: rgb(255, 0, 0);
	background-color: #476D85;
}

menu ul li a:visited
{
	color: rgb(200, 50, 50);
	background-color: #476D85;
}



li.collapsed, li.expanded
{
	font-weight: 700;
}

li.leaf
{
	font-weight: 400;
}


li.leaf a:hover,i.collapsed a:hover, li.expanded a:hover
{
	color: rgb(255,30,50);
	background-color: #476D85;

}

.double-left
{
	margin-left: 335px;
	margin-right: 5px;
}

.double-right
{
	margin-right: 335px;
	margin-left: 5px;
}

.no-left
{
	margin-left: 5px;
}

.no-right
{
	margin-right: 5px;
}