/*  KATE'S TO DO: 
	1.  Change the background color of a tab when that tab is active  
	2.  In .tab p, add padding around top and bottom without messing up block  
	3.  Final tweaks for Safari and IE 6/7; check Firefox 3 
	4.  Get tab 4 to work  */

/*  NOTES:
	1.  LINKS: Be sure all href links include target="_top" so that they do not open within the iframe
	2.  IMAGES: The small images used on tab 1 of the tridget template were created with a FavIcon Generator (http://tools.dynamicdrive.com/favicon/) as 		the reduction in size did not produce very clear images.  Please resize the images to suit your needs.
	3.  When a number appears in an id or class, it corresponds to that numbered tab (ex. form3 appears on the third tab).  */
 
/*  TABLE OF CONTENTS
	1.  Basic layout
	2.  The tab
	3.  Design and upper content of the page
	3A. Search forms and lower content of the page
	4.  Links  */



/*  1. BASIC LAYOUT
------------------------------------------------------------------  */

body {
	margin:0px;
	padding:0px;
	}
	
#iframecontainer {
	display:block;
	position:relative;
	overflow:auto;
	width:100%;
	clear:left;
	}

/*#framecontent {  
	/*  This is just a guide while you customize your tridget, based on 
	Haverford's available space, and should be removed when you've finished.  
	It does not appear in IE.  */
	/*background-color:black;
	width:390px;
	} */
/*  2. THE TAB
------------------------------------------------------------------  */
	
#tab {
	display:block;
	width:380px;
	overflow:auto;
	/*float:left; */
	}

.tab {
	width:92px;
	background-color: #112637; /*for dark blue tab background*/
	border-bottom:1px solid #999999;
	border-left:1px solid white;
	border-right:1px solid white;
	margin-top:0px;
	padding-top:0px;
	float:left;
	}
	
.selected { /* class to change the bg color of the selected tab */
	background:#EFEFCF;
	border-bottom:1px solid #EFEFCF;
	}
	
#content .selected.tab a { /* makes the link inside the selected tab have correct bg color and contrasting text color */
	background:#EFEFCF; 
	color:#112637;
	}
	
.tab p { 
	margin-bottom:0px;
	margin-top:5px;
	font-family:"Trebuchet MS","Lucida Sans Unicode",Verdana,sans-serif;
	font-size:0.95em;
	text-transform:uppercase;
	text-align:center;
	margin-left:0px;
	color: #ffffff; /* for white lettering in tab */
	}

#tab2 p { 
	margin-left:-8px;
	}
	
.tab a:link {
	color: #ffffff; /* for white lettering in tab */
	text-decoration:none;
	font-weight: bold;
	} 

.tab a:hover {
	color: #ffffff; /* for white lettering in tab */
	background-color:#112637; /*for dark blue tab background*/
	text-decoration:none;
	font-weight: bold;
	}

.tab a:visited { 
	color: white; /* for white lettering in tab */
	text-decoration: none;
	font-weight: bold;
	}

/*  3. DESIGN AND UPPER CONTENT OF THE PAGE
------------------------------------------------------------------  */
/* changed the names of these divs because Haverford already had content and heading divs that meant something else */

#tridgetcontent {
	width:375px;
	background-color: #EFEFCF; /* for tan tripod color */
	/*border: 1px solid #999999; */
	}

#tridgetheading {
	font-family:Georgia,Times,"Times New Roman",serif;
	color:#AF2302; /* for red tripod color */
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:10px;
	padding-bottom:5px;
	}

#tridgetheading a:link {
	color:#AF2302; /* for red tripod color */
	text-decoration:none;
	}

#tridgetheading a:visited {
	color:#AF2302; /* for red tripod color */
	text-decoration:none;
	}

#tridgetheading a:hover {
	color:#AF2302; /* for red tripod color */
	text-decoration:underline;
	}


/*  3A. SEARCH FORMS AND LOWER CONTENT OF THE PAGE 
------------------------------------------------------------------  */

form {
	text-align:center;
	margin-top:0px;
	margin-bottom:3px;
	}

#form3 {
	padding-bottom:10px;
	}

#formfooter1 {
	font-size:10px;
	font-family:Arial,sans-serif;
	color:#112637; /* for dark blue letters */
	text-align:right;
	margin-top:0px;
	padding-top:0px;
	padding-right:3px;
	}
	
#formfooter1 a {
	color:#112637; /* for dark blue letters */
	text-decoration: none;
	}
		
#formfooter1 a:visited { 
	color: #112637; /* for dark blue letters */
	text-decoration: none;
	}
#formfooter2 {
	font-size:11px;
	font-family:Arial,sans-serif;
	color:#112637; /* for dark blue letters */
	text-align:center;
	margin-top:0px;
	padding-top:0px;
	}

#searchlabels4 {
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:3px;
	padding-bottom:0px;
	}

.contentfooter {
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:14px;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:10px;
	color: #112637; /* for dark blue letters */
	}
	
.contentfooter a {
	color: #112637; /* for dark blue letters */
	}

#contentfooter3 {
	text-align:center;
	font-family:Arial,sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:7px;
	padding-bottom:5px;
	}

img {
	border:none;
	padding-bottom:0px;
	margin-bottom:0px;
	vertical-align:middle;
}


/*  4. LINKS
------------------------------------------------------------------  */

#tridget a:link { 
	color: #112637; /* for dark blue letters */
	text-decoration: none;
	}

#tridget a:visited { 
	color: #112637; /* for dark blue letters */
	text-decoration: none;
	}

#tridget a:hover {
	text-decoration: underline;
	}