/* 
------------------------------------
patricklynch.net
------------------------------------ */

/* COLOR REFERENCES
-----------------------------------------------------------

Dark blue: 	  #2e4a6e Yale Header at top, generic templates
Dark blue:    #344461 header text
Dark blue:    #415578 header areas
Medium blue:  #8197c6 header areas
Medium blue:  #b1c6f2 
Medium blue:  #c4d5f1 
Light blue:   #d2e1fa
Light blue:   #e6eefb 
Yellow:       #f0f0c9 Highlights; login button color
Yellow:	      #fefec4

*/

/*	QUICKFIND:
----------------------------------------------------------
	=CORE GLOBAL STYLES
	=MAJOR LAYOUT IDs
	=BODY CLASSES
	=MAJOR ELEMENTS, CLASSES, IDs
		=Page container and Headers
		=Content and Footer areas
	=BODY CLASSES
	=MINITABS LINKS HEADER
	=STANDARD YALE HEADER
		=Yale Header Set-up
		=Calendar and A-Z Index links
		=Search Box 
	=MAGIC-Y MENU
	=GATEWAYS MENU (ITS Gateways)
	=SCAN COLUMN MENU LIST

*/


/* RESET STYLES
=========================================================== */
/*@import url("reset-reloaded-2007.css");*/




/* =CORE GLOBAL STYLES
=========================================================== */
body {
		background-color: #fff;
		font-family: Verdana, Tahoma, Trebuchet, sans-serif;
		margin: 5px;
		padding: 5px;
		}

body.blank {
		background: #fff;
		}
	
a:link {
		text-decoration: none;
		color: #2758b3;
		}
			
a:visited {
		text-decoration: none;
		color: #7f510e;
		}
			
a:active {
		text-decoration: none;
		/*color: #000099;*/
		}
			
a:hover {
		color: #ef2d00;
		text-decoration: underline;
		}
		
.hide	{
		display: none;
		}

.clear-l {
		clear: left;
		}

.clearer { /* clears both ways */
	clear: both;
	}		



/* =MAJOR LAYOUT IDs
=========================================================== */

/* =Page container and Headers
----------------------------------------------------------- */
#pagebox {
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
	border-right: 3px solid #000;
	border-top: 1px solid #000;
	margin: 0px auto;
	width: 900px;
	}

#yaleHeader {
	/*border-bottom: 1px solid #000;*/
	height: 36px;
	padding: 0px 0px 0px 0px;
	}
	
#identityHeader {
	/*border-bottom: 1px solid #000;*/
	height: 86px;
	clear: both;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	}
	
#identityHeader img {
	display: block;
	}

#linksHeader {
	/*border-bottom: 1px solid #000;*/
	height: 26px;
	padding: 5px 10px 4px 10px;
	}

#landingHeader {
	height: 85px;
	/*background: #414141 url(skin_graphics/xx.jpg) no-repeat;*/
	border-bottom: 1px solid #000;
 }


/* =Content and Footer areas
----------------------------------------------------------- */
#scanColumn {  /* left side scan column */
	background: #fff;
	/* clear: right; */
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 160px;
	}

#content { /* container for content tables, columns */
	background: #fff;
	float: right;
	width: 700px; 
	padding: 10px 30px 10px 10px;
	}
	
#content { /* minimum height for better browsers */
	min-height: 620px;
	height: auto !important;
	height: 620px;
	}
	
#mainColumn { /* for 3 column pages */
	float: left; 
	margin-top: 5px; 
	width: 430px;
	}

#mainColumnAds { /* for 3 column pages */
	/*border: 1px solid #666;*/
	float: left; 
	margin-top: 5px; 
	width: 500px;
	}
	
#sideBar { /* for 3 column pages */
	float: right; 
	margin-top: 5px; 
	width: 235px;
	}

#sideBarAds { /* for 3 column pages */
	/*border: 1px solid #666;*/
	font-family: Times, Verdana, Tahoma, Trebuchet, sans-serif;
	font-size: 1.1em;
	line-height: .5em;
	color: black;
	float: left; 
	margin-top: 0px; 
	padding-top: 48px;
	width: 235px;
	}



#footer {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	clear: both;
	padding: 5px 10px 15px 10px;
	}
	
	
#videoFormat {
	padding: 20px;
	text-align: center;
	width: 100%;
	}

#videoFrame {	
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	}

/* =BODY CLASSES (override styles for different page layouts)
======================================================================= */
/* for 3 column pages */
body.column3 ul#breadCrumb {
width: 425px;
}

/* for 2 column pages */
body.column2 #mainColumn { 
float: left; 
margin-top: 5px; 
width: 700px;
}

body.column2 ul#breadCrumb {
width: 695px;
}

/* for 1 column full width pages */
body.column1 #content {
/*background: #fff;*/
background-image: none;
float: none;
width: auto;  
padding-left: 15px;
padding-right: 15px;
}

body.column1 #mainColumn {
width: auto;
}

body.column1 ul#breadCrumb {
width: 865px;
}



/* =u LINKS HEADER
============================================================ */

#miniTabsBox { /* keeps list open in IE */
	width: 700px;
	float: right;
	}

ul#miniTabs {
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 12px;
	}
	
ul#miniTabs li {
	display: inline;
	line-height: 11px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul#miniTabs a {
	color: #fff;
	float: left;
	line-height: 11px;
	margin: 7px 8px 0px 8px;
	text-decoration: none;
	}
	
ul#miniTabs a.active, #miniTabs a:hover {
	border-bottom: 1px solid #eef0ae;
	color: #F33;
	padding-bottom: 1px;
	}
	
ul#miniTabs a:hover {
	color: #fff;
	}



/* =TAB-RELATED STYLES, FOR HEADER TABS
------------------------------------------------------------------------ */
#tabs {
	/* background: #506489; */
	background: url(skin_graphics/ocean_linksheader.jpg) center left repeat-x;
	
	background: #62759a url(../images/tabsheader_bg.gif) top left repeat-x;
	margin: 0;
	padding: 6px 0px 0px 0px;
	width: 100%;
	/* height: 29px; */
	float: left;
	line-height: normal;
	/* clear: both; */
	}

#tabs ul {
	list-style: none;
	margin: 0px 0px 0px 155px;
	padding: 0 0 0 15px;
	}

#tabs li {
	display: inline;
	margin: 0 0 0 0px;
	padding:  0 0 0 0px;
	}
	
#tabs a {
	background: #c4d5f1;
	background: #c4d5f1 url(../images/blue_tab_off.gif) repeat-x top left;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	border-top: #000 solid 1px;
	color: #293b5a;
	display: block;
	font-family: Verdana, "Lucida Grande", Arial, sans-serif;
	/*font-family: Georgia, "Times New Roman", verdana, sans-serif;*/
	font-size: 11px;
	font-weight: normal;
	float: left;
	line-height: 15px;
	margin: 0px 3px 0px 0px;
	padding: 5px 20px 8px 20px;
	text-decoration: none;
	vertical-align: baseline;
	}

#tabs li.active-tab a {
	background: #e6eefb;
	background: #c4d5f1 url(../images/blue_tab_selected.gif) repeat-x top left;
	}

#tabs li.editable-tab a {
	background: #e6eefb;
	background: #c4d5f1 url(../images/blue_tab_selected.gif) repeat-x top left;
	}

#tabs li.tab-edit a {
	background: #e6eefb;
	background: #e6eefb url(../images/blue_tab_selected.gif) repeat-x top left;
    border-bottom: thin solid black;
	}

#tabs a:hover {
	background: #fff url(../images/blue_tab_hover.gif) repeat-x top left;
	}

#tabs li.editable-tab a:hover {
    background-color: #fffbbf;
	background-image: none;
	cursor: text;
	}

#tabs a.add-tab-link {
    color: #e6eefb;
	background-image: none;
	background-color: transparent;
	border: none;
	}


	
	

/* =STANDARD YALE HEADER (tableless, generic colors)
	Typographic styles are included here but can be
	overridden in skin styles
=============================================================== */

/* Yale Header Set-up
------------------------------------------------------ */
#yaleHeader {
background-color: #2e4a6e; /* standard color */
/*border-bottom: 1px solid #000;*/
float: left;
width: 100%;
}

/* Phark IR */
#yaleHeader h2 {  
font-size: 12px;
margin: 0;
text-indent: -9999px;
float: left;
}

#yaleHeader h2 a { /* makes the background a clickable link */
display: block;
width: 130px;
height: 36px;
}

#yaleHeader #searchTools { /* sets up container box for links, search, and magic-y */
float: right;
padding-right: 15px;
}

/* =Calendar and A-Z Index links
------------------------------------------------------ */
ul#yaleHeaderLinks {
font-family: Verdana, Tahoma, Trebuchet, sans-serif;
font-size: 11px;
line-height: 1.0em;
padding: 0;
margin: 14px 10px 0 0;
float: right;
}

ul#yaleHeaderLinks li { 
display: inline;
}

ul#yaleHeaderLinks li a {
color: #fff;
text-decoration: none;
padding: 0px 20px;
float: left;
/*border-right: 1px solid #fff;*/
}

ul#yaleHeaderLinks li a:hover {
text-decoration: underline;
}

ul#yaleHeaderLinks li.last a { 
padding-right: 15px;
border: none;
}


/* =Search Box
------------------------------------------------------ */
form#yaleHeaderSearch {
float: left;
margin: 0;
margin-top: 7px; /* aligns vertical position */
white-space: nowrap;
}

form#yaleHeaderSearch input.sfield {
color: #999;
font-size: 9pt; 
line-height: 1.3em;
width: 190px;
margin: 0;
vertical-align: middle;
}

form#yaleHeaderSearch input.gobutton {
width: 28px;
height: 21px;
margin-left: 2px;
vertical-align: middle;
}

#myContainer { /* sets up Magic-Y and button position */
float: left;
margin-left: 20px;
margin-top: 7px; /* aligns vertical position */
position: relative;
}






/* =SCAN COLUMN MENU LIST
	includes default font styles
============================================================ */
ul#navigationList {
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
color: #415578;
line-height: 1.2em;
margin: 40px 0 0 0;
padding: 0;
}

ul#navigationList li {
list-style-type: none;
}

ul#navigationList li a {
display: block;
padding: 10px 0px 5px 17px;
}

ul#navigationList li.nada ul {
display: none;
}

ul#navigationList li ul {
font-size: 10px;
margin: 0;
padding: 0;
}

ul#navigationList li li a {
padding: 5px 8px 1px 28px;
}

/* li.sub1 a {
background: url(../icons/sub_link.gif) no-repeat 20px 50%;
} */

ul#navigationList li a { /* fixes IE 6 */
height: 1%; 
}

/* NAVIGATION MENUS & SUBMENUS (1-15) 
   This lets you add classes A1-A15 to the 
   navigationShow div to toggle the submenus
========================================================= */

/* first you turn off all the nested child lists 
--------------------------------------------------------- */
ul#navigationList li.menu01 ul,
ul#navigationList li.menu02 ul,
ul#navigationList li.menu03 ul,
ul#navigationList li.menu04 ul,
ul#navigationList li.menu05 ul,
ul#navigationList li.menu06 ul,
ul#navigationList li.menu07 ul,
ul#navigationList li.menu08 ul,
ul#navigationList li.menu09 ul,
ul#navigationList li.menu10 ul,
ul#navigationList li.menu11 ul,
ul#navigationList li.menu12 ul,
ul#navigationList li.menu13 ul,
ul#navigationList li.menu14 ul,
ul#navigationList li.menu15 ul {
display: none;
}

/* then you turn on a particlar child list
   by adding a class to the navigationShow div
--------------------------------------------------------- */
#navigationShow.A01 li.menu01 ul,
#navigationShow.A02 li.menu02 ul,
#navigationShow.A03 li.menu03 ul,
#navigationShow.A04 li.menu04 ul,
#navigationShow.A05 li.menu05 ul,
#navigationShow.A06 li.menu06 ul,
#navigationShow.A07 li.menu07 ul,
#navigationShow.A08 li.menu08 ul,
#navigationShow.A09 li.menu09 ul,
#navigationShow.A10 li.menu10 ul,
#navigationShow.A11 li.menu11 ul,
#navigationShow.A12 li.menu12 ul,
#navigationShow.A13 li.menu13 ul,
#navigationShow.A14 li.menu14 ul,
#navigationShow.A15 li.menu15 ul { 
display: block; 
}

/* then you style the particular parent and child list
--------------------------------------------------------- */
#navigationShow.A01 li.menu01,
#navigationShow.A02 li.menu02,
#navigationShow.A03 li.menu03,
#navigationShow.A04 li.menu04,
#navigationShow.A05 li.menu05,
#navigationShow.A06 li.menu06,
#navigationShow.A07 li.menu07,
#navigationShow.A08 li.menu08,
#navigationShow.A09 li.menu09,
#navigationShow.A10 li.menu10,
#navigationShow.A11 li.menu11,
#navigationShow.A12 li.menu12,
#navigationShow.A13 li.menu13,
#navigationShow.A14 li.menu14,
#navigationShow.A15 li.menu15 {
background-color: #f5f5f5;
border-top: 1px solid #e4e4e7;
border-bottom: 1px solid #e4e4e7;
padding-bottom: 4px;
margin: 2px 0;
}


/* ====================================================== */
/* ====================================================== */
/* ====================================================== */