/* <!-- */
	/* General styles */
	
	@import url(https://fonts.googleapis.com/css?family=Ubuntu);

	body {
		margin:0 auto;
		padding:0;
		border-top:15px solid black;
		border-bottom:15px solid black;
		border-right:20px solid black;
		border-left:20px solid black;			/* This removes the border around the viewport in old versions of IE */
		-moz-border-radius:20px; 
		-webkit-border-radius:20px; 
		border-radius:20px;
		width:100%;
		background-color:maroon;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		max-width:1200px;
		font-size:100%;
		font-family:'Ubuntu', Arial;
	}
	
	p {
	line-height:140%;
	}
	
	a {
		color:#369;
	}
	a:hover {
		color:#fff;
		text-decoration:none;
	}
	
	img {
	margin-top:5px;
	margin-bottom:5px;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px;
}
	
.kirkwood {
	margin:10 auto;
	width:77%;
	border:1px solid red;
	background-color:black;
}

.kirkwood td {
	width:25%;
	padding:10px;
	text-align:center;
	border:1px solid red;
}
	
	h1, h2, h3 {
		text-align:center;
	}
	
	.obitdiv {
	background-color:#CAD3D4;
	border:8px solid black; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px; 
	border-radius:8px; 
	font-size:99%; 
	padding:15px; 
	margin:10px;
	width:750px;
}
	
	.fancyletters {
	font-family: Ubuntu;
	font-variant:small-caps;
	font-size:230%;
	color:black;
	padding:15px;
	text-shadow: 2px 2px 2px rgba(100, 160, 132, 1);
}
	
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
		background-color:black;	
	}
	
	.header h1, .header h2, .header h3, .header h4, .header p {
		color:white;
	}
	
	
	.headertable {
		margin:0 auto;
		width:100%;
	}
	
	.headertable td {
		text-align:center;
	}
	
	.headertable td img {
		text-align:center;
		margin:0 auto;
		-moz-border-radius:8px; 
		-webkit-border-radius:8px; 
		border-radius:8px;		
	}
	
	

.coursetable {
	margin:10px auto;
	width:auto;
	border-collapse:collapse;
	border:1px solid black;
}

.coursetable td {
	border-bottom:1px solid black;
	padding:3px 4px;
	font-size:75%;
	text-align:left;
}

.statstable {
	margin:0 auto;
	width:60%;
}

.statstable tr {
	background-color:lightgray;
}

.statstable th {
	padding:5px 10px;
	font-variant:small-caps;
	font-weight:700;
	text-align:center;
	background-color:lightblue;
}

.statstable td {
	text-align:center;
	padding:1px 10px;
	border-bottom:1px solid black;
}

.maspctable {
	margin:0 auto;
	border:5px double black;
	background-color:navy;
}

.maspctable th {
	padding:10px 6px;
	text-align:center;
	font-size:80%;
	font-weight:300;
}

.maspctable tr.blue {
	background-color:lightblue;
	text-align:center;
	font-weight:300;
}

.maspctable tr.gray {
	background-color:white;
	color:black;
	text-align:center;
}

.maspctable td.blue {
	background-color:lightblue;
	text-align:center;
	font-weight:300;
}

.maspctable td.gray {
	background-color:whitesmoke;
	text-align:center;
}

.maspctable td {
	padding:3px;
	font-size:75%;
	text-align:center;
}

.maspctable a {
	color:maroon;
	font-weight:700;
}

.othertable {
	margin:0 auto;
	border:1px solid black;
	font-size:80%;
}

.othertable th {
	padding:3px 6px;
	border:1px solid black;
	background-color:lightblue;
	text-align:center;
	
}

.othertable td {
	padding:3px 6px;
	border:1px solid black;
	background-color:white;
	text-align:center;
	font-weight:800;
}


	
	
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* Full page settings */
	.fullpage {
		background-color:whitesmoke;		/* page background color */
		-moz-border-radius:8px; 
		-webkit-border-radius:8px; 
		border-radius:8px;
	}
	.fullpage .col1 {
		width:96%;			/* page width minus left and right padding */
		left:2%;			/* page left padding */
		background-color:whitesmoke;
	}
	/* Footer styles */
	
   
#footer {
	clear:both;
	padding:5px;
	background-color:black;
	color:white;
	border-top:3px solid black;
	border-left:3px solid black;
	border-right:3px solid black;
}

#footer a {
	color:white;
	background-color:black;
}

#footer a:hover {
	color:black;
	background-color:white;
} 

.framed {
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px;
}	

.center  {   
	text-align:center;
	margin:0 auto;
}	

#centeredmenu {
	clear:both;
	float:left;
	margin-top:5px;
	margin-bottom:1px;
	padding:0;
	background-color:black;
	width:100%;
	font-family:Ubuntu; 					
	font-size:95%; 											/* Menu text size */
	/* z-index:1000; 	*/										/* This makes the dropdown menus appear above the page content below */
	position:relative;
}

/* ---------------------------------------------Top menu items */
#centeredmenu ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	position:relative;
	right:50%;
}
#centeredmenu ul li {
	margin:5px 2px;
	padding:0;
	float:left;
	position:relative;
	left:50%;
	top:1px;
}
#centeredmenu ul li a {
	display:block;
	padding:5px 10px;
	font-family:ubuntu;
	font-size:90%;
	background:black;
	text-decoration:none;
	color:white;
	/*border-left:2px dotted lightblue;*/
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius:0px;
	/* margin:1px 1px 8px 1px; */
}

#centeredmenu ul li a:hover {
	background:black;								/* Top menu items background colour */
	color:black;
	
}
#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { 								/* This line is required for IE 6 and below */
	background:black;									/* Top menu items background colour */
	color:black;
	
}

/* --------------------------------------Submenu items */
#centeredmenu ul ul {
	display:none; 												/* Sub menus are hidden by default */
	position:absolute;
	left:0;
	float:left;
	right:auto; 												/*resets the right:50% on the parent ul */
	width:13em; 										/* width of the drop-down menus */
}

#centeredmenu ul ul li {
	left:auto;  												/*resets the left:50% on the parent li */
	margin:0;													 /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:100%;
	z-index:1000;		
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { 							/* This line is required for IE 6 and below */
	
	font-weight:normal; 										/* resets the bold set for the top level menu items */
	background:#333;
	color:lightblue;							
	float:left;
	width:100%;
	-moz-border-radius: 4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	padding:12px 10px;
	border: 1px dotted lightblue;
	box-shadow: 0 0 0 5px maroon;
	/* margin-bottom:4px; */
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { 					/* This line is required for IE 6 and below */
	background:maroon;							/* Sub menu items background colour */
	color:white;
	float:left;
}

/* -----------------------------------------------Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
	left:auto;												 /* reset left:0; value */
	right:0; 												/* Set right value instead */
}
#centeredmenu ul ul.last li {
	float:right;
	position:relative;
	right:.8em;
}

/* -----------------------------------------------------Make the sub menus appear on hover */
#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { 								/* This line is required for IE 6 and below */
	display:block; 											/* Show the sub menus */
}

#active a {
	background-color:maroon;
	color:white;
	padding:3px 10px;
}

/* General styles --------------------------------------------------------*/

#slidingDiv, #slidingDiv_2, #slidingDiv_3, 
#slidingDiv_4, #slidingDiv_5, #slidingDiv_8,
#slidingDiv_6, #slidingDiv_14, #slidingDiv_9,
#slidingDiv_10, #slidingDiv_13, #slidingDiv_7,
#slidingDiv_11 {
	height:100%;
	background-color:#E1E9E9;
	padding:10px 29px 1px 29px;
	margin:10px 8px 18px 1px;
	border:5px solid black;	
	-moz-border-radius:4px; 
	-webkit-border-radius:4px; 
	border-radius:4px;
	box-shadow:5px -3px 5px #333333;
	display:none;
	text-align:justify;
	font-size:95%;
	line-height:1.3em;
}

#slidingDiv_15,  {
	height:100%;
	background-color:none;	
	margin:15px;
	display:none;
	text-align:center;	
}

#slidingDiv_20,  {
	height:100%;
	background-color:none;	
	margin:15px;
	display:none;
	text-align:center;	
}
	
audio {
	max-width:230px;
	margin-bottom:10px;
} 


		
		
a {
	color:black;
	text-decoration:underline;
}

img { 
	display:block; 	
}

img.center {
	display:block;
	margin:0 auto;
}

a:hover {
	color:red;
	background:black;
	text-decoration:underline;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px;
} 

.fancyletters {
	font-family: Ubuntu;
	font-variant:small-caps;
	font-size:230%;
	color:black;
	margin:20px auto 7px auto;
	text-shadow: 2px 2px 2px rgba(100, 160, 132, 1);
}

h1, h2, h3, h4 {
	margin:.8em 0 1em 0;
	padding:0;
	text-align:center;
	font-weight:400;
}

h3 a {
	font-weight:400;
}

h3 span {
font-weight:400;
}

p {
	margin:.4em 0 .8em 0;
	padding:0;
}


					






/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 1 column full page settings */
	.fullpage {
	    background:whitesmoke;
	    
	}
	.fullpage .col1 {
        margin:0 15px;
	}




.two-col {
    -moz-column-count: 2;
    -moz-column-gap: 2px;
    -webkit-column-count: 2;
    -webkit-column-gap: 2px;
    text-align:justify;
    column-count: 2;
    column-gap: 2px;
    margin-bottom:20px;
}

.two-col p {
	padding-left:25px;
	padding-right:25px;
	margin-top:0px;
	padding-top:0px;
}

.two-col p.inlineblock {
	display: inline-block;
} 

.two-col div {
	padding-left:25px;
	padding-right:25px;
	margin-top:0px;
	padding-top:0px;
}


.two-col h3 {
    -webkit-column-break-before:always;
    -moz-column-break-before:always;
    column-break-before:always;
}

.three-col {
    -moz-column-count: 3;
    -moz-column-gap: 5px;
    -webkit-column-count: 3;
    -webkit-column-gap: 5px;
    text-align:justify;
    column-count: 3;
    column-gap: 5px;
    margin-bottom:20px;
}

.three-col p {
	padding-left:15px;
	padding-right:15px;
	margin-top:0px;
	padding-top:0px;
	
}

.three-col p.inlineblock {
	display: inline-block;
} 

.three-col div {
	padding-left:25px;
	padding-right:25px;
	margin-top:0px;
	padding-top:0px;
}


.three-col h3 {
    -webkit-column-break-before:always;
    -moz-column-break-before:always;
    column-break-before:always;
}

.three-col table {
		column-break-after:always;
}

.three-col .coursetable {
	display: inline-block;
} 

.smalllist {
	list-style-type:disk;
}

.smalllist li {
	margin-bottom:4px;
	color:maroon;
}

.smalllist li a {
	margin-bottom:4px;
	color:navy;
}
	



body#index a#indexnav,
body#acquisition a#acquisitionnav,
body#preface a#prefacenav,
body#design a#designnav,
body#partnership a#partnershipnav,
body#redesign a#redesignnav,
body#opening a#openingnav,
body#clubhouse a#clubhousenav,
body#publinx a#publinxnav,
body#eastern a#easternnav,
body#comparison a#comparisonnav,
body#records a#recordsnav,
body#usopen a#usopennav,
body#maspc a#maspcnav,
body#twoman a#twomannav,
body#conclusion a#conclusionnav,
body#bmgc a#bmgcnav  {
	color:black !important;
	background-color:lightblue !important;
	font-variant:small-caps;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px;
	padding:4px 6px;
}
 */