﻿/* CSS Resets */


.container {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
height:90%;

}


embed {
max-width: 100%;
}


object {
max-width: 100%;
}


img {
max-width: 100%;
	vertical-align: middle;
}

#right {
	background: #88CFC7;
	position: fixed;
	}
	
#left {
	background: #88CFC7;
	position: fixed;
	}
	
#bottom {
	background: #88CFC7;
	position: fixed;
	}
	
#top {
	background: #88CFC7;
	position: fixed;
	}
	#right {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left {
		top: 0; bottom: 0;
		width: 10px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#bottom {
		left: 0; right: 0;
		height: 10px;
		}
				
	#top {
		left: 0; right: 0;
		height: 10px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }

#header {
	position:fixed;
	
}

  

{
  color: #88CFC7;
  border-bottom: none;
}

  

h4 {
  color: #88CFC7;
  border-bottom: none;
}

  

#subnav a.current {
  color: #88CFC7;
  border-bottom: none;
}

  

#subnav a:hover {
  color: #88CFC7;
  border-bottom: none;
}

  

#nav a.current {
  color: #88CFC7;
  border-bottom: none;
}

  

#nav a:hover {
  color: #88CFC7;
  border-bottom: none;
}

h1 {
	font-family: Rosewood;
	color: #48B5A7;
	font-weight:400;
	font-size: 1.4em;
	line-height: 1em;
	text-align: right;
} 
h2 {
	font-family: Rosewood;
	color: #88CFC7;
	font-weight:100;
	font-size: 1.2em;
	line-height: 0em;
	display: inline;
} 

h3 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:100;
	line-height: 1.3em;
} 
pre{
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:1em;
	font-weight:100;
	line-height: 1.3em;
} 
h4 {
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:0.8em;
	font-weight:100;
	line-height: 1.3em;
} 
h5 {
	font-family: Rosewood;
	color: #48B5A7;
	font-weight:400;
	font-size: 1.1em;
	display: inline;
	text-align: right;
}
 
@font-face {
  font-family: Rosewood;
  src: url('../fonts/RosewoodStd-Fill.otf');
  src: local('Rosewood'), url('../fonts/RosewoodStd-Fill.otf) format('opentype'), url('../fonts/RosewoodStd-Fill.otf');
}

/* Smaller screens */

@media only screen and (max-width: 1023px) {

	body {
	}
	
	}


/* Mobile */

@media handheld, only screen and (max-width: 767px) {

	body {
	font-size: 16px;
	-webkit-text-size-adjust: none;
	}
	
	.container {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	body {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row {
	width: 100%;
	min-width: 0;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
	}
	
	.row .twelvecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .elevencol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .tencol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .ninecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .eightcol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .sevencol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .sixcol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .fivecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .fourcol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .threecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .twocol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

	.row .onecol {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}

}