@charset "UTF-8";
/* CSS Document */


/*  COLORS USED */
/* body background: #420F00 (crimson) */
/* copy area background color: #EEE5D2 (ivory) -- old background color: #E7D9BF (light tan) */
/* copy text: #420F00 (crimson) */
/* links:#156AB9 (royal blue) */
/* light links:#8AB4DC (light blue, for use on dark backgrounds) */
/* cool gray links: #375F75 */
/* bright red:#BE151B hover over links */
/* light brown: #964B2C */


body {
	margin:0px;
	padding:0px;
	width:100%;
	border:0px;
	background-color:#420F00;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:90%;
	color:#EEE5D2;
	}
	
a {
	color:#8AB4DC;
	text-decoration:none;
	}
a:hover {
	color:#BE151B;
	text-decoration:underline;
}

a:visited {
	color:#375F75;
}

.copy a {
	color:#156AB9;
	text-decoration:underline;
	font-weight:bold;
}

#header, #footer {
	margin:0px;
	border:0px;
	padding:0px;
	width:100%;
	clear:both;
	display:inline;
	
}

#header {
	height:0px;
}

h1 {
	text-align:center;
	color:#420F00;
	font-family:"Copperplate Gothic Bold", Copperplate, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:1.8em;
	margin:0px;
	border:0px;
	padding:10px;
}


	
/* 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 */
	}
	/* 2 column left menu settings */
	.leftmenu {
		background:#420F00 url(images/leftback.png) left;
	}
	
    .leftmenu .colright {
        float:left;
        width:211%;
		position:relative;
		left:200px;
        background:#EEE5D2 url(images/bodyfade.png) repeat-y left;
		border-left:2px solid #000000;
    }
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:216px;
	    padding-bottom:1em;
	}
	.leftmenu .col1 {
        margin:0 15px 0 215px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
	}
    .leftmenu .col2 {
        float:left;
        width:170px;
        position:relative;
        right:185px;
		text-align:center;
		color:#EEE5D2;
		
    }
	

#footer {
	clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		color:#EEE5D2;
		}
		
#legal {
	font-size:.6em;
	display:block;
	text-align:center;
	position:relative;
	width:80%;
	left:200px;
	overflow:hidden;
	line-height:1.7em;
	margin:5px;
}	

.flasharea {
	text-align:center;
	height:250px;
	padding-top:15px;
}
	
#crownbar {
	clear:both;
	width:100%;
	height:94px;
	background:url(images/crownbar2.png) bottom repeat-x;
	background-color:#DBC79F;
	border-left:1px solid #000000;
	display:block;
}

#titlegraphic {
	position:absolute;
	top:17px;
	left:35px;
	display:block;
}

#titlegraphic img {
	position:relative;
	left:10px;
	display:inline;
}

#headphoto {
	position:absolute;
	left:45%;
	top:0px;
}
	
#backnav {
	position:relative;
	clear:both;
	width:100%;
	height:30px;
	background-color:#420F00;
	display:block;
}	

	
#topnav {
	position:relative;
	clear:both;
	width:690px;
	height:30px;
	background-color:#420F00;
	display:block;
}


.navbar {
	position:relative;
	top:8px;           /* navBar vert alignment */
	left:40px;
	text-align:center;
	width:725px;
	margin:20px;
	display:inline;
}



.navbar a {
	display:inline;
	text-decoration:none;
	color:#EEE5D2;
	/* color:#8AB4DC; */
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-weight:bold;
	font-size:1.0em;
	padding:3px 10px 2px 10px;
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	background-color:#964B2C;
	border-bottom:solid 4px #964B2C;
}

.navbar a:visited {
	color:#EEE5D2;
}

/* this will shade the active link in the nav bar */
#home #gohome,
#phil #gophil,
#instructor #goinstructor,
#schedule #goschedule,
#photos #gophotos,
#forum #goforum,
#programs #goprograms,
#friends #gofriends
 {
 	border-bottom:solid 4px #EEE5D2;
	background-color:#EEE5D2; 
	color:#420F00;
	border-top:1px solid #BE151B;
	border-left:1px solid #BE151B;
	border-right:1px solid #BE151B;
	
	
}


.navbar a:hover {
	/*color:#964B2C;*/
	display:inline;
	text-decoration:none;
	color:#BE151B;
	background-color:#EEE5D2;
	border-bottom:solid 5px #EEE5D2;
	
}


h3 {
	margin:20px 0px 5px 0px;
}

.title {
	display:block;
	font-size:smaller;
	font-style:italic;
	margin-top:0px;
}

.instructor {
	display:block;
	font-size:medium;
	margin-top:5px;
	margin-bottom:0px;
}

table {
	border:0px;
	margin-right:auto;
	margin-left:auto;
	caption-side:bottom;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	font-size:small;
	text-align:left;
	color:#000000;
}

th {
	 padding-left:12px;
}

tr {
	text-align:left;
	background:#CFB47F url(images/trback.png) bottom repeat-x;
	padding:5px;
	/* empty-cells:hide; */
}

tr.oddrow {
	background:#999784;
}

td {
	padding:4px 3px 4px 12px;
}

tr:hover {
	background:#F3ECDF;
	cursor:default;
}

.small {
	font-size:x-small
	}
	
#address {
	font-size:0.8em;
	font-family:Helvetica, Geneva, Arial, sans-serif;
	display:block;
	padding-top:10px;
	}
	
.copy {
	font-family:"Times New Roman", Times, serif;
	line-height:1.25em;
	position:relative;
	left:76px;
	width:80%;
	color:#420F00;
	}
	
.copy img {
	float:right;
	border:1px solid #000;
	margin:8px;
	}
	
.noborder {
	border:none !important;
}

li {
	font-weight:normal;
	font-size:1em;
	margin-top:15px;
}
	
li:first-line {
	font-weight:bold;
	font-size:1.2em;
}

ul {
	display:block;
	width:550px;
}

.copy h2 {
	font-family:Helvetica, Geneva, Arial, sans-serif;
	text-align:center;
	font-size:2em;
	margin-bottom:8px;
	padding-top:10px;
}

.copy h3 {
font-family:Helvetica, Geneva, Arial, sans-serif;
	margin-top:3px;
	margin-bottom:.7em;
	font-size:1.3em;
	color:#872124;
	line-height:1.1em;
}

.copy h4 {
font-family:Helvetica, Geneva, Arial, sans-serif;
	margin-top:1em;
	margin-bottom:.25em;
	font-size:1.1em;
	color:#3D4C45;
	line-height:1.0em;
}

.copy p {
	width:400px;
	margin:1em 0em 0.8em 0em;
	padding:0px;
	text-align:justify;
}

.col2 img {
	padding-top:35px;
	padding-bottom:20px;
}


.sidelink a {
	display:block;
	width:125px;
	text-align:center;
	border:dotted 1px #EEE5D2;
	position:relative;
	padding:6px;
	margin-left:auto;
	margin-right:auto;
}

.sidelink a:before {
content:url(images/indicator.png);
}

.sidelink a:hover:before {
content:url(images/indicatorover.png);
}

.sidelink a:hover {
	background:#964B2C;
	color:#420F00;
}

.copy .bizcard {
	width:300px;
	position:relative;
	display:inline;
	border:2px;
	float:left;
	
	text-align:center;
	
}

.rightsidebar {
	float:right;
	display:block;
	width:250px;
	text-align:center;
	}
	
.rightsidebar h2 {
	margin-top:0px;
	margin-bottom:2px;
	padding:2px;
	}
	
.caption {
	text-align:center;
	}