/*
Scrubs Camp SD
scrubscamp.sd.gov
Author: Tiffany Ring
Author URI: http://epicosity.com
*/

html {
    min-height: 100%; 
    width: 100%;
    height: 100%; 
}

body  {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(/images/design/blue_bg2.png);
	color: #004467;
}

.glow {
	background: url(/~scrubsca/images/design/Center_Glow.png) top center no-repeat;
}

html {
	background-image: url(/images/design/green_bg.png);	
}

/********* RESET *********/
html, body, div, span, object, iframe,
blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
h1, h2, h3, h4, h5, h6, p, b, i,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    font-size: 100%;
    vertical-align:baseline;
}

img, fieldset {
	border: 0;
}

img {
	max-width: 100%;
	height: auto;
}

.ie8 img {
	width: auto;
	height: auto;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}


h1, h2, h3, h4, h5, h6 {
	padding: 10px;

}

.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

div.center_align {
	text-align: center;	
}

div.left_float {
	float: left;
}

div.right_float {
	float: right;
}

div.clear {
	clear: both;
}

/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}

/********* Site Specific *********/

h1 {
	font-size: 1.35em;
	text-transform: uppercase;
	line-height: 1;

}

h2 {
	font-size:1.25em;
}

h3 {
	font-size: 1.10em;
	color: #44a0e8;
}

h4 {
	font-size: 1.0em;	
	text-transform: uppercase;	
}

p {
	font-size: 0.875em;
	padding: 0 10px 15px 10px;
}

li {
	font-size: 0.875em;
}

a:link, a:visited {
	color: #969696; /* grey */
	text-decoration: none;
	font-weight: bold; 
}

a:hover { 
	color: #8dc63f;
}

.section {
	margin: 0;	
	padding: 0;
}

/********* Top Nav *********/

#mobile_nav, .mobile_logo, .mobile_logobg, .mobile_topnav { display: none; }

#top_nav {
	border-top: 10px solid #fff;
	position: relative;
}

#top_nav .container {
	margin-top: -10px;
	background: url(/images/design/top_nav_logo_bg.png) top center repeat-y;
	cursor: pointer;
	position: relative;
}

#top_nav_menus {
	margin: 0;
	padding: 0;
}

.menus {
	float: left;
	width: 180px;
	margin: 6px;
	position: relative;
}

.menus ul {
	padding: 0;
	padding-left: 10px;
	margin: 0;
}

.menus li {
	list-style-type: none;
	padding: 5px;
}

.menus li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.875em;
}

.menus li:hover {
	background-color: #4dbef1;
	opacity: 0.5;
	-moz-opacity: 0.5; 
	-webkit-opacity:0.5;
	filter: alpha(opacity=50);
}

.logobg {
	background: url(/images/design/top_nav_menu_bg.png) top center repeat-y;
	min-height: 120px;
	margin-top: 0;	
	margin-bottom: 0;
}

/********* Logo Row *********/

.logo {
	width: 180px;
	background: url(/images/design/logo_bg.png) bottom center no-repeat;
	margin: 0 6px;	
	margin-top: -14px;
	float: left;
}

#top_nav li a {
	font-family: "Patua One", Georgia, serif;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

/********* Home Page *********/

.home_content {
	background: url(/images/design/Center_Horz_Bar.png) top center no-repeat;	
}

.left_col {
	float: left;
	width: 384px;	
}

.left_col .box {
	margin-top: 11px;
	margin-bottom: 0;	
}

.home_text {
	height: 354px;	
	padding-top: 20px;

}

div.left_col div.clock-square { display: none; }

.right_col {
	float: right;
	width: 576px;
}

.right_col .box {
	margin-top: 0;
	margin-bottom: 12px;	
}


/********* Content - Internal *********/
.content {
	background: url(/images/design/content_edge_bg.png) top center no-repeat;	
}

.content .container {
	width: 928px;
	background-image: url(/images/design/content_bg.jpg);	
	padding: 10px;
}

.dyk {
	width: 75%;
	margin: 10px auto;
	color: #4d8517;
	font-family: "Patua One", Georgia, serif;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.0;
}

.dyk p {
	padding-top: 25px;
}

.textbottom {
	vertical-align: middle;
}

/********* Contact Form *********/
.contact_info {
	float: right;
	width: 300px;
	padding-top: 50px;
	text-align: center;
	font-size: 0.875em;
}

.contact_info img {
	padding-left: 0;
}

.form {
	float: left;
	width: 625px;
	border-bottom: 2px solid #8dc63f;
	font-size: 0.875em;
}

.form h2 {
	padding-left: 0;
	padding-bottom: 4px;
	margin-bottom: 10px;
	border-bottom: 2px solid #8dc63f;
	font-size: 2.0em;
}
/******** Forms ********/

input {
width: 100%;
border: 1px solid #999;
height: 25px;
}

textarea {
width: 100%;
border: 1px solid #999;
}

ul.checkboxes {
	text-align: left;
}

/********* Footer *********/
footer {
	border-top: 10px solid white;
	background-image: url(/images/design/green_bg.png);
	background-color: #8dc63f;	
	padding-bottom: 60px;
	margin-top: 24px;
	position: relative;
}


.foot_cont {
	height: 60px;
	width: 520px;
	background: url(/images/design/btmnav_bg.png) top center no-repeat;
	margin: 0 auto;
	text-align: center;
}

.foot_cont ul {
	list-style-type: none;
	text-align: center;
	padding: 0;	
	margin: auto;
	margin-top: 0;
	width: 420px;
}

.foot_cont ul li {
	display: block;
	float: left;
	width: 140px;
	line-height: 3;
}

.foot_cont ul li img { vertical-align: middle; }

.foot_cont li a {
	font-family: "Patua One", Georgia, serif;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	color: #004467;
	text-align: center;

}

.epic {
	width: 144px;
	position: absolute;
	top: 5px;	
	right: 0;
}

.copyright {
	font-size: 0.675em;
	color: #fff;
	text-transform: uppercase;	
	text-align: center;
	font-weight: bold;

}


/******** Definitions ********/
/*
Colors
Green: #8dc63f;
Dk Blue: #004467;

*/

/* Tablet Layout: 768px  */

@media only screen and (min-width: 768px) and (max-width: 959px) {

div.mobile { width: 768px; margin: auto; }
div.mobile_clear {clear: both; }
div.container { width: 100%; }
div.logo, div.clock-square {display: none; }
div.logobg { display: none; }

div.contact_us { display: none; }

div#mobile_nav { display: block; border-top: 10px solid #fff; position: relative; width: 100%; }
div#top_nav div.container { width: 768px; padding: 0; margin: auto; margin-top: -10px; background-image: none; }
#top_nav_menus { width: 768px; margin: 0 auto; padding: 0; }
div.mobile_logo { display: block; float: left; width: 180px; height: 200px; padding: 0 6px; margin-top: -10px; background: url(/images/design/logo_bg.png) bottom center no-repeat; z-index: 500;}
div.mobile_logobg {display: block; background: url(/images/design/top_nav_menu_bg.png) top center repeat-y; min-height: 120px; margin-top: 0;	margin-bottom: 0;}
.main_topnav { display: none; }
.mobile_topnav { display: block; }

div.home_content { background-image: none; }
div.left_col { width: 100%; float: none; }
div.home_text { background-image: url(/images/design/content_bg.jpg); float: left; width: 524px; margin: 0 6px; padding-left: 20px; padding-right: 20px; height: 352px; }
div.home_content div.left_col div.homeBoxes { width: 192px; float: right; }
div.left_col div.box:first-child { margin-top: 0; }
div.left_col div.box { margin-bottom: 12px; margin-top: 0; }
div.right_col {	width: 100%; float: left; height: 384px; margin-top: 0; overflow: hidden; }

div.content div.container { width: 748px; }
div.about-scrubs-camp { width: 374px; }
div.copyright { width: 600px; margin: auto; }

div.contact_info { width: 250px; }
div.form { width: 498px; }

}

/* Wide Mobile Layout: 480px  */

@media only screen and (min-width: 480px) and (max-width: 767px) {

div.mobile { width: 480px; margin: auto; }
div.mobile_clear {clear: both; }
div.container { width: 100%; }
div.logo, div.clock-square {display: none; }
div.logobg { display: none; }

div.contact_us { display: none; }

div#mobile_nav { display: block; border-top: 10px solid #fff; position: relative; width: 100%; }
div#top_nav div.container { width: 480px; padding: 0; margin: auto; margin-top: -10px; background-image: none; }
#top_nav_menus { width: 480px; margin: 0 auto; margin-top: -5px; padding: 0; }
div.mobile_logo { display: block; float: left; width: 114px; height: 133px; padding: 0 3px; margin-top: -10px; background: url(/images/design/logo_bg_480.png) bottom center no-repeat; z-index: 500;}
div.mobile_logobg {display: block; background: url(/images/design/top_nav_menu_bg.png) top center repeat-y; min-height: 120px; margin-top: 0;	margin-bottom: 0;}
.main_topnav { display: none; }
.mobile_topnav { display: block; }

div.menus { width: 114px; margin: 3px; line-height: 1.0; }
div.menus li { padding: 5px 0; }

div.box { width: 104px; height: 104px; border-width: 5px; margin: 3px; }

h1 { font-size: 1.25em; padding-top: 0px; }
div.home_content { background-image: none; }
div.left_col { width: 100%; float: none; }
div.home_text { background-image: url(/images/design/content_bg.jpg); float: left; width: 354px; margin: 0 3px; padding-top: 10px; height: 345px; }
div.home_content div.left_col div.homeBoxes { width: 120px; float: right; }
div.left_col div.box:first-child { margin-top: 0; }
div.left_col div.box { margin-top: 6px; }
div.left_col div.clock-square { display: block; }
div.right_col {	width: 100%; float: left; height: 240px; margin-top: 6px; overflow: hidden; }
div.right_col div.box {	margin-top: 0; margin-bottom: 6px; }

div.content div.container { width: 454px; }
div.scrubs_video {	float: none; width: 400px; margin: auto; padding-bottom: 10px;}
div.about-scrubs-camp { width: 227px; min-height: 300px; }

div#map { height: 252px; background: url(/images/design/map/locator_sm_map.png) bottom center no-repeat; }
div#map ul#dots { display: none; }
div.map_locations { width: 400px; margin: auto;  -moz-column-count: 1; /* Firefox */
-webkit-column-count: 1; /* Safari and Chrome */
column-count: 1; }

div.foot_cont {	width: 460px; background: url(/images/design/btmnav_bg_med.png) top center no-repeat; }	
div.foot_cont ul li { width: 100px; }
div.copyright { width: 400px; margin: auto; }

div.contact_info { width: 140px; }
div.form { width: 300px; }
	
}

/* Smartphone Layout: 320px  */

@media only screen and (max-width:479px) {

div.mobile { width: 320px; margin: auto; }
div.container { width: 100%; }
div.logo, div.video {display: none; }
div.logobg { display: none; }

div#top_nav { display: block; border-top: 5px solid #fff; border-bottom: 5px solid #fff; width: 100%; height: 50px; background: url(/images/design/menu.png) top center no-repeat; }
div#top_nav div.container { display: none; }
#top_nav_menus { width: 100%; margin: 0; padding: 0; color: #004467; border-bottom: 5px solid #fff; }
div.mobile_logo { display: block; float: left; width: 148px; height: 158px; padding: 0 5px; background: url(/images/design/logo_bg.png) bottom center no-repeat; z-index: 500;}
div.mobile_logobg {display: none;}
.main_topnav { display: none;}
.mobile_topnav { display: block; height: 40px; background-color: #fff; }
.menus { width: 200px; margin: auto; float: none; text-align: center; padding: 0; }
.menus ul { padding-left: 0; margin: 0; }
.menus li { padding: 5px 0; color: #004467; }
.menus li a { color: #004467;}
div.top_row { height: 320px; overflow: hidden; position: relative; }

div.box { width: 140px; height: 140px; border-width: 5px; margin: 5px; }

h1 { font-size: 1.25em; padding-top: 0px; }
div.home_content { background-image: none; }
div.left_col { width: 100%; float: none; }
div.home_text { background-image: url(/images/design/content_bg.jpg); float: none; width: 310px; margin: 0 5px; padding-top: 10px; height: 345px; }
div.home_content div.left_col div.homeBoxes { width: 320px; float: none; }
div.left_col div.box:first-child { margin-top: 0; }
div.left_col div.box { margin: 5px; }
div.right_col {	width: 100%; float: left; height: 480px; margin-top: 5px; overflow: hidden; }
div.right_col div.box {	margin: 5px; }

div.content div.container { width: 314px; }
div.scrubs_video { display: none; }
div.whygo_video { display: none; }
div.about-scrubs-camp { width: 100%; min-height: 0; float: none; }

div#map { display: none; }
div#map ul#dots { display: none; }
div.map_locations { width: 280px; margin: auto; -moz-column-count: 1; /* Firefox */
-webkit-column-count: 1; /* Safari and Chrome */
column-count: 1;}
div.map_item { width: 265px; padding: 0; padding-left: 15px; background: url(/images/design/map/green_dot.png) top left no-repeat; }


div.foot_cont {	width: 300px; background: url(/images/design/btmnav_bg_sm.png) top center no-repeat; }	
div.foot_cont ul li { width: 75px; }
.foot_cont ul li img { display: none; }
div.epic { position: relative; margin: auto; }
div.copyright { width: 280px; margin: auto; }

div.contact_info { float: none; width: 100%; padding-top: 10px; }
div.form { float: none; width: 100%; }
}