/*  stylesheet for Camp Dino */


/* example of cell phone 
@media only screen and (max-width:30em){
#wrapper {
	position: relative;
	background-color:#fff;
	margin:0 auto;
	width: 29.5em;
	padding-left:10px;
	padding-right:10px;
	border:2px solid #046aba;}
}
/* example for tablet 
@media only screen and (min-width:30em)and (max-width:48em){
#wrapper {
	position: relative;
	background-color:#fff;
	margin: 0 auto;
	width: 31em;
	padding-left:10px;
	padding-right:10px;
	border:2px solid #010A01;}
}
/* example of desktop */
@media only screen and (min-width:48em){
#wrapper {
	position: relative;

	background-color:#fff;
	margin:0 auto;
	width: 960px;
	padding-left:10px;
	padding-right:10px; 
	border:2px solid #046aba;}
}


body {
text-align:center;/* Required to center wrapper in old browsers  ... text will be centered in containers unless styled differently */
	font-family:Helvetica, Verdana, Sans-Serif;
	line-height:1.5;
	color:#000;
	background:#83A575;   /*sets  background color for side */
	font-size:62.5%;
	}
/* layout styles  */
#branding {
    height: 200px;
    background-color: #fff;
	}
/* Navbar division */
#navbar {
    width: 100%;
    height: 3.75em;  
    background: #CDBF9A;
	}

#navbar ul {
	list-style-type:none; /* removes bullets in navbar */
	}
	
#navbar ul  li {
		float: left; /* puts tabs in horizontal line */
		}
		
#navbar a, #navbar a:link, #navbar a:visited {
		text-decoration: none;
		font-family: Verdana, Geneva,  Arial, Sans-Serif;
		font-size: 125%;
		color: #000;
		background-color: #CDBF9A;
		display:block;
		height: 3em;
		width: 8em;
		border-right: solid 1px #ddd;
		text-align: center;
		line-height: 3em;
		outline-style: none; /* removes the dotted border in some browsers*/
		}
		
#navbar a:hover, #navbar a:active {
		background-color: #83A575;
		color: #fff;
		}
		

/* Content division */
#content {
	padding-top:2em; 
	padding-left: 4em;
	padding-right: 1em; 
	padding-bottom: 0.5em;
	margin-left: 1em; 
	text-align:left;
	background-color:#fff; 
	color: #000; 
	font-size:1.5em;
	background-image: url(dino_tracks.png); 
	background-repeat: repeat-y;
	background-position: right;
	}

/* Footer division */
#footer {
    margin-right: 0em;         /* Right margin = rightcolumn width */
    background-color:#CDBF9A;
    color: #000;
    border-top: solid 1px #6d6f71;
    height: 5em;
	}

#footer ul {
	list-style-type:none; /* removes bullets in navbar */
	}
	
#footer ul li {
	float: left;}
	
#footer a, #footer a:link,  #footer a:visited {
		text-decoration: none;
		font-family: Verdana, Geneva,  Arial, Sans-Serif;
		font-size: 115%;
		color: #000;
		background-color: #CDBF9A;
		display:block;
		height: 3em;
		width: 8em;
		border-right: solid 1px #ddd;
		text-align: center;
		line-height: 3em;
		outline-style: none; /* removes the dotted border in some browsers*/
		}
#footer a:hover, #footer a:active {
		background-color: #83A575;
		color: #fff;
		}		
#footer p {
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 70%;
	color: #000;
	text-align: center;}
/* ---------------------- End layout division styles ---------------------- */
/* Heading 1 tags in content division */
#content h1 {
	margin-left: 10px;
	font-size: 3.5em;
	color: #414d3a;
	line-height:85%
}

#content h2 {
    margin-left: 10px;
    font-size: 3em;
	line-height:85%
}

#content h3{
    margin-left: 10px;
    font-size: 2.5em;
	line-height:85%
}
/* Paragraphs in content division */
#content p {
    font-size: 1em;
    line-height: 2em;
    margin: 1em 12px;/*top & bottom, right & left */
	font-weight:bold;
}

#content ul {
	list-style-type:none; /* removes bullets in navbar */
	}
input {margin-bottom:10px;}

.center {text-align:center;}

.xlg {font-size:4em;}

.lg{font-size:3em}	

.med {font-size:2em;}

.big {font-size:1.75em;}

.bold {font-weight:bold;}

.pay {
	margin-left:10;
	margin-right:10%;
	font-weight:bold;}

.req {color:#8c031c;
		font-weight:bold;}

.it {font-style: italic;
	font-family:Century Gothic;
	font-size:1.5em;
}

.blue {color:#032f5d;}

.green {color:#83A575;}

.medgr {color:618f4e;}

.dkgr {color:414d3a;}

.red {color:#d41244;}

.red2 {color:#ff000;}

.button {background-color:#83A575;
	font-weight:bold;
	font-size:150%;
	border:2px outset #032f5d;
	margin-left:20px;}