@charset "UTF-8";

/* web fonts */
@font-face {
  font-family: Jura;
  src:url(s2/webfonts/Jura-Regular.ot);
}

@font-face {
	font-family: Lobster;
	src:url(s2/webfonts/Lobster_1.3.otf);
}

body { /* Sets a background image that will resize to fill the browser. */
	background:url(s2/globalImages/Background.jpg) no-repeat center fixed;
	background-size:cover;
}

/* The container for all the data to be shown to the user. 960 pixels to help scaling on smart phones and tablets */
main {
	background-color:#FFF;
	border:#F00 medium solid;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-family:Jura, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	margin-top:.5em;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

/* Start of header styles */
header {
	border-bottom:#000 thin solid;
	font-family:Lobster, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	width:800px;
}

#nav { /* Used to display links to pages. */
	float: right;
	font-family:Jura, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:18px;
	padding-left:15px;
	text-decoration:none;
}
/* End of header styles */

/* Start of article styles. Use class or id to modify the style */
article {
	margin-left:auto;
	margin-right:auto;
}

#container { /* Set the width for the main article */
	width:850px;
}

/* Used this if web fonts are not wanted */
h3 {
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size:16px;
}

section { /* Sets the value for the sections within the main article. If sections are used outside the main article these values will cause problems */
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-top:#000 thin solid;
}

section a {
	font-family:Jura, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration:none;
	margin-left:auto;
	margin-right:auto;
}

 /* Allows me to avoid using tables.
 	Used to display links to different sites and web pages. */
.imageBox {
	display:inline-block;
	width:200px;
	vertical-align:top;
}

.imageBox h3 {
	border-top:#000 thin solid;
	border-left:#000 thin solid;
	border-right:#000 thin solid;
}

#mail a {
	margin: 2px;
	padding: 5px 10px 5px 10px;
	font-family:Jura, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-decoration:none;
}

/* set the display type so browsers that do not support HTML5 can display the section */
header, section, main, article {
    display: block; 
}