﻿html {
	background: #42c2fd /*url("../images/decaturwebsite_background.png") no-repeat*/;
	background: -moz-linear-gradient(top, #42c2fd, #7cd6ff, #42c2fd);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #42c2fd), color-stop(50%, #7cd6ff), color-stop(100%, #42c2fd));
	background: -webkit-linear-gradient(top, #42c2fd, #7cd6ff, #42c2fd);
	background: -o-linear-gradient(top, #42c2fd, #7cd6ff, #42c2fd);
	background: -ms-linear-gradient(top, #42c2fd, #7cd6ff, #42c2fd);
	background: linear-gradient(top, #42c2fd, #7cd6ff, #42c2fd);
}

body { 
	background: url("../images/decatur_background.png") no-repeat -100px 0px;
}

h1, h2 { font-weight: bold; font-size: 1.25em; }
h1 { margin-left: 1.9%; padding-top: 1.5em; }
h3 { font-weight: bold; margin-bottom: 1em; }
h3 a { color: black; font-weight: bold; margin-bottom: 1em; }
a { color: white; }

nav { margin-top: 1em; overflow: hidden; }
nav ul { width: 548px; margin: 0 auto; }
nav ul li { position: relative; }
nav li a { font-size: 1.25em; font-weight: bold; color: white; }

footer { background: white; margin-top: 6em; padding: 1.5em 0; }

.welcometext { font-size: 1.6em; width: 8em; margin: 1em 1.5em 1em; display: inline-block; vertical-align: top; }

.pseudo-nav { font-size: 0.75em; width: 502px; margin-left: auto; margin-right: auto; overflow: hidden; }
.pseudo-nav li { border-right: 1px solid #42c2fd; margin-top: 0.5em; }
.pseudo-nav li:last-child { border-right: none; }
.pseudo-nav li a, .pseudo-nav li a:link, .pseudo-nav li a:visited, .pseudo-nav li a:hover { color: #42c2fd; }

.side-nav  { list-style-type: none; width: 8.875em; }
.side-nav li { margin-top: 1em; margin-left: 1.5em; text-indent: -1em; }
.side-nav li.nav-header { margin-top: 0; margin-left: 0; text-indent: 0; }

.blue-box { float: left; margin: 1em 0 0 1em; background: hsla(199, 98%, 63%, 0.5); border-color: white; }
.blue-box div { border-color: white; }

.fascinator { width: 39.875em; margin-bottom: 1em; padding: 1em; float: left; }
.fascinator div.tabbox { width: 24em; min-height: 430px; padding-left: 0em; border-left: none; float: left; }
.fascinator div.neatbox { width: 13em; min-height: 430px; margin-left: 1em; padding-left: 1em; float: left; border-left: solid 1px white; }
.fascinator div { width: 37.875em; min-height: 430px; border-left: none; padding-left: 0; }
.fascinator div ul { list-style: inside; margin-top: 1em; }
.fascinator div ul ul { list-style: square inside; margin-top: 0; margin-left: 1em; }
.fascinator p { margin-top: 1em; }
.fascinator p span { display: block; margin: 0; }

[alt="pointer"] { display: block; position: absolute; left: -10px; top: 8px; }
[alt="Decatur Medi Clinic"] { margin-left: 1em; margin-top: 1.5em; }
[alt="Map to Decatur Medi Clinic"] { margin-top: 1em; }

#setbox {
	overflow: hidden;
	font-family: sans-serif;
	/*background: url("../images/decatur_background.png") no-repeat;*/
}

#kludgebox {  }

#presentation { 
	width: 55.875em; 
	min-height: 300px; 
	overflow: hidden; 
	margin: 1em auto 2em; 
	border: 1px solid white; 
	border-radius: 1em; 
	-moz-border-radius: 1em; 
	background-color: white; 
	background: -moz-linear-gradient(left, rgba(255,255,255,0.25) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.25)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(left, rgba(255,255,255,0.25) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#DMCWelcomePic { width: 340px; margin-top: 1.5em; vertical-align: top; }
#sidebarpic { width: 208px; }

#tagline { text-align: center; font-size: 0.8em; margin-top: 16px; }

/*For larger monitors*/
@media screen and (min-width: 1040px)
{
	.welcometext { font-size: 2em; width: 10em; }

	.fascinator { width: 47.8125em; }
	.fascinator div { width: 45.8125em; }
	.fascinator div.neatbox { width: 14.9375em; }
	.fascinator div.tabbox { width: 30em; }
	
	#presentation { width: 63.875em; }
	#DMCWelcomePic { width: 390px; }
	#sidebarpic { width: 224px; }
}

/*For mobile, or just small windows*/
@media screen and (max-width: 780px)
{
	.welcometext { font-size: 1.5em; width: 6em; }

	.side-nav { width: 7.77778em; }

	.fascinator { width: 24.55556em; }
	.fascinator { width: 22.55556em; }
	.fascinator div.neatbox { width: 7em; }
	.fascinator div.tabbox { width: 16em; }
	
	#presentation { width: 39.55556em; }
	#DMCWelcomePic { width: 290px; }
	#sidebarpic { width: 126px; }
}