/*-------------------------------------------------------------
	TABLE OF CONTENTS
	1. GLOBAL SETTINGS, HTML, BODY
	2. Wrap
	3. Head & Logos
	4. Body
	5. Footer
	6. Calendar
	7. CMS Variables (Typography Styles)
	8. Extras
--------------------------------------------------------------*/

/*-------------------------------------------------------------
	1. GLOBAL SETTINGS, HTML, BODY
--------------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
	}
	
body {
	background-image: url(images/body_bg.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px;
	padding:0px; 
	}

#head, #teaser, #footer{
	width: 1000px;
	}

/*-------------------------------------------------------------
	2. WRAP
--------------------------------------------------------------*/

#wrap {
width: 1064px;
padding: 0px;
margin: auto;
}

	#inner_wrap {
	background-image: url(images/inner_wrap_bg.png);
	background-position: top left;
	background-repeat: repeat-y;
	width: 1064px;
	float: left;	
	}
	
	#inner_inner_wrap {
	width: 1000px;
	margin: auto;
	}

/*-------------------------------------------------------------
	3. HEAD & LOGOS
--------------------------------------------------------------*/
#head {
	width: 1000px;
	height: 333px;
	
	float: left;
	padding:  0px;
	margin: 0px;
	
	border-bottom: 2px solid #c8e4f8;	
	}
	
	
	   

	/*#head form#email_signup {
		color: #fff;
		position: absolute;
		right: 350px;
		top: 30px;
		padding: 20px;
		background: #7E8928;
		}*/

/*-------------------------------------------------------------
	3. NAV
--------------------------------------------------------------*/



/* .tagline {
	background: #3e3e3e;
	font-weight: bold;
	padding: 3 0 3 170;
	}

.taglinemod {
	padding: 3 100 3 100;
	}*/

/*-------------------------------------------------------------
	4. BODY
--------------------------------------------------------------*/

#content {
	background-image: url(images/content_bg.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #1a90e3;
		text-align: left;		
		width: 917px;	
		padding-left: 43px;
		padding-right: 40px;	
		padding-top: 30px;
		font: 16px/22px  Arial, Helvetica, sans-serif;
		letter-spacing: .009em;
		float: left;
		color: #fff;
		*margin-top: -5px;
	}
	
	
	

#content p {
line-height: 1.4em;
font-size: 1em;
padding: 8px;
}
#content p img.homepage_photo{
	padding: 0px;
	margin-left: -51px;
}
#content a, #content a:visited {
color: #fff;
font-weight: bold;
text-decoration: none;
}
#content p img{
	padding: 15px;
}
#content a:hover {
color: #c8e4f8;
}

#content ul, #content ol {
list-style-position: inside;
padding: 5px 0 5px 15px;
line-height: 2em;
}
#content #imagenav .members ul li{
	list-style-type: none;
}
#content p.highlight {
	background: #99AFDF;
	width: auto;
	}
	

ul li.resource_list {
margin-left: 30px;
}
	
	
li.resource_list {
list-style: none;
padding-bottom: 20px;
}

	li.resource_list a {
	font-size: 20px;
	font-weight: normal;
	}
	

/*-------------------------------------------------------------
	5. FOOTER - See header for nav and other replicated items
--------------------------------------------------------------*/

#footer {
background-image: url(images/footer_bg.jpg);
background-repeat: no-repeat;
background-position: top left;
background-color:  #c0dff4;
width: 1000px;
height: auto;
padding-top: 21px;
font-family: Arial, Helvectica, sans-serif;
font-size: 100%;
text-align: left; 
clear: both;

}
#footer_1, #footer_2, #footer_3, #footer_4{
	float: left;
	margin: 15px 0px 15px 20px;
}
#footer_2, #footer_3{
margin-left: 60px;
}
#footer_1 ul, #footer_2 ul, #footer_3 ul, #footer_4 ul{
	list-style-type: none;
	font-weight: bold;
}
#footer_1 ul li a, #footer_2 ul li a, #footer_3 ul li a{
	text-decoration: none;
	margin-top: 20px;
	color: #cecfd0;
}
#footer_1 ul li ul, #footer_2 ul li ul, #footer_3 ul li ul{
	margin-left: 15px;
	font-size: 80%;
	font-weight: normal;
}
#footer_1 ul li ul a, #footer_2 ul li ul a, #footer_3 ul li ul a{
	margin-top: 16px;
	}
#footer_1 ul li a:hover, #footer_2 ul li a:hover, #footer_3 ul li a:hover{
	color: #fff;
}

#footer a.footer_btn {
background-image: url(images/footer_btn.png);
background-position: top right;
background-repeat: repeat-x;
*background-image: url(images/footer_btn.jpg);
*background-position: top right;
*background-repeat: repeat-x;
width: 160px;
height: 41px;
display: block;
float: right;
margin-top: -35px;
padding: 0px;
*margin-top: -38px;
text-decoration: none;
color: #fff;
}
#footer img{
	border: none;
}
#footer a.footer_btn:hover {
background-position: top left;
}

	#footer h3 {
		padding: 0px 10px 25px 0px;	
	}




	
	/* Navigation Animation */
	#footer_navigation { 
		margin: 0 auto;
		width: 705px;
		height: 80px;
		text-align: center;
		}
		
		#footer_navigation a.kansas_office, #footer_navigation a.optical_shop, #footer_navigation a.missouri_office {
			display: block;
			float: left;
			text-decoration: none;
			height: 78px;
			width: 204px;
			background-position: 0 0;
			margin: 0 0 0 0;
			}

			#footer .kansas_office {
				background: transparent;
				float: left;
				margin-right: 50px;
				padding-bottom: 25px;
				}

			 #footer .optical_shop {
				background: transparent;
				float: left;
				margin-right: 50px;
				padding-bottom: 25px;
				}

			 #footer .missouri_office { 
				background: transparent;
				float: left;
				padding-bottom: 25px;

				}

			 #footer_navigation a.kansas_office:hover, #footer_navigation a.optical_shop:hover, #footer_navigation a.missouri_office:hover {
				background-position: 0 -78px;
				}

#footer p, #footer p a, #footer p a:visited {
	color: #044688;
	}



	
	#footer h3 {
		color: #462c23;
		background: #fff;
		line-height: 1.4em;
		text-align: center;
		width: auto;
		padding-left: 15px;
		margin: 0 5px 0 5px;
		letter-spacing: -.01em;
		font-size: 1.33em;
		}


/*-------------------------------------------------------------
	6.    STYLES
--------------------------------------------------------------*/

.dow {
background-color:#462923;
font-size:11px;
color:#FFFFFF;
width:74px;
float:left;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#entry {
width:69px;
float:left;
height:50px;
background-color:#FFF;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#entry_full {
width:69px;
float:left;
height:50px;
background-color:#25588B;
color:#fff;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
cursor:pointer;
}

#entry_full:hover {
background-color:#CCCCCC;
color:#000;
}

#entry_blank {
width:69px;
float:left;
height:50px;
color:#000000;
border-bottom:1px solid #262626;
border-right:1px solid #262626;
font-size:10px;
padding:2px;
}

#outline {
border:1px solid #FFFFFF;
width:525px;
padding:2px;
}

.calendar_content {
width:500px;
background-color:#EFEFEF;
margin-top:10px;
color:#000;
font-size:12px;
border:1px solid #000000;
padding-left:5px;
padding-right:5px;
}

#calendar_nav {
width:525px;
padding-top:10px;
}

#calendar_nav a {
font-size:12px;
font-weight:bold;
}

#calendar_nav a:hover {
text-decoration:none;
}

#calendar_list {
width:525px;
background-color:#EFEFEF;
margin-bottom:10px;
padding:3px;
font-size:12px;
}

h2.header {
font-size:20px;
padding-top:5px;
padding-bottom:5px;
}

/*-------------------------------------------------------------
	CMS STYLES
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	padding: 8px 0 4px 8px;
	}

h1 {
	color: #fff;
		font-size: 1.3em;
		letter-spacing: -.04em;
		margin: 10px 45px 15px 45px;
		border-bottom: 1px solid #bfddf2;
		font-weight: normal;
		text-align: center;
	}
	
h2 { 
	font-size: 1.75em;
	line-height: 1.1em;
	}

h3 {
	font-size: 1.3em;
	color: #fff;
	}

h5, h6 {
	font-size: 1.1em;
	}
	
h4 {
font-size: 1.2em;
color: #ffffff;
}

h5 {
color: #698846;
}
	
p {
padding: 4px 2px 4px 2px;
}

p.caption {
padding: 5px 5px 5px 15px;
}

li {
line-height: 1.5em;
}

.readmore { 
margin-left: 50px; 
margin-bottom: -20px; 
text-align: left;
padding-top: 10px; 

}

.readmore a, .readmore a:visited {
color: #315C02;
}

img.right {
float:right; 
margin: 0 0 30px 20px; 
border:3px solid #ccc; 
}

img.left {
float:left; 
margin: 0px 10px 10px 0px; 
border:3px solid #ccc; 
}

img.center {
border:3px solid #ccc; 
}

img.uparrow {
float:left; 
margin: 3px 5px 0px 0px; 
border:0px; 
}

.date_class {
margin-left:20px;
}

.byline {
margin-left: 20px;
text-decoration: none;
}

blockquote { 
padding:15px;
margin: 5px;
background-color: #6A8948; 
color: #fff;
float: right;
width: 200px;
text-align: left;
border: 1px solid #C3CFB5; 
}

td.optical {
border-right: 1px dotted #fff;
text-align: center;
}

td.optical2 {
text-align: center;
}

.actionline {
margin: 3px 3px 3px 3px;
text-align: right;
padding: 3px 0 3px 10px;
width: 90%;
}

.actionline a, .actionline a:visited {
color: #237FE6;
}

.dateline {
color: #fff;
background: #071F56;
padding: 4px 0 4px 10px;
margin: 5px 0px 15px 0;
width: auto;
}

#contactform label {
text-align: right;
display: block;
float: left;
width: 200px;
margin: 0 8px 0 0;
vertical-align: middle;
}

#contactform ol {
list-style-type: none;
padding-top: 10px;
}

#contactform li {
list-style-type: none;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #A9D34B;
*border-bottom: none;
}

#contactform fieldset {
width: 550px;
background: #d7ecfd;
}

#contactform legend {
padding: 0 2px;
font-weight: bold;
}

#contactform em {
color: #dc241f;
font-style: normal;
}



/*-------------------------------------------------------------
	8. EXTRAS
--------------------------------------------------------------*/

.emailsignup {
	float: right;
	color: #fff;
	margin: 120px 20px 0 0;
	}

.v-menu {
	position: absolute;
	border: 2px solid #071F56;
	margin: 5px;
	width: 450px;
	height: 350px;
	z-index: 100;
	bottom: 150px;
	background-color: #fff;
	}
/* MEDIA LIBRARY */
/* Adjust Background, Margin, Background Color, Border 
DO NOT ADD PADDING */

.media_lib_image_left, .media_lib_image_right, .media_lib_image_center, .media_lib_image {
	background: transparent;
	border: 0px none;
	margin: 0px;
}

/* Adjust Anchor Surrounding Media Library Image */

a.media_lib_image_left, 
a.media_lib_image_right, 
a.media_lib_image_center, 
a.media_lib_image,
a:visited.media_lib_image_left, 
a:visited.media_lib_image_right, 
a:visited.media_lib_image_center, 
a:visited.media_lib_image,
a:hover.media_lib_image_left, 
a:hover.media_lib_image_right, 
a:hover.media_lib_image_center, 
a:hover.media_lib_image {
	 border: 0px none;
}

/* Adjusts Alignment - DO NOT CHANGE */

.media_lib_image_left {
	float: left;
	margin: 3px 3px 3px 3px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
}

.media_lib_image_right {
	float: right;
	margin: 3px 3px 3px 3px;
	padding-left: 20px;
}

.media_lib_image_center {
	
	margin: 3px 3px 3px 3px;
	padding-right: 20px;
	padding-left: 20px;
}

.media_lib_image {
	margin: 3px 3px 3px 3px;
}

hr {
	border: 1px solid #678674;
	margin: 15px 0;
	}

/* Sub Navigation for About Grin Eye Care */
#content p.subnav {
	display: block;
	width: 100%;
	background-color: #9AB7D9;
	border-bottom: 1px solid #6B93BF;
	}

	#content p.subnav a {
		color: #fff;
		text-decoration: none;
		margin: 0 4px;
		}

	#content p.subnav a:hover {
		color: #000;
		}
	
	/* Consultation Form */
	/* Consultation Form */
#content form#contactform ul {
	width: 600px;
	margin-right: 100px;
	}

#content form#contactform li {
	height: 32px;
	list-style: none;
	}

#content form#contactform label {
	width: 200px;
	text-align: right;
	float: left;
	margin-right: 10px;
	}

#content form#contactform input,
#content form#contactform textarea,
#content form#contactform select {
	border: 1px solid #d0d0d0;
	float: left;
	width: 250px;
	}

#content form#contactform input:focus,
#content form#contactform textarea:focus,
#content form#contactform select:focus {
	background-color: #f8f8f8;
	}

#content form#contactform .submit {
	width: 252px;
	margin-left: 326px;
	*margin-left: 347px;
	*margin-top: 18px;
	}

	#content form#contactform .submit:hover {
		border: 1px solid #000;
		}

#topline{

	height: 50px;
	
}
#topline p.toplinetext{
	color: white;
	padding: 5px 0px 0px 3px;
	font-size: 1.5em;
	margin:10px 0px 18px 220px;
	width: 757px;
	 -dmoz-box-shadow: 1px 1px 8px #000;
	 text-shadow: 1px 1px 1px #646464;

}
#topline p.toplinetext a,#topline p.toplinetext a:visited{
color: white;
text-decoration: none;
}
#topline p.toplinetext a:hover{
text-decoration: underline;
}
	
#tophours{
float: right;
font-size: .8em;
margin-right: 50px;
text-align: right;
}
#tophours a, #tophours a:visited{
color: white;
text-decoration: none;
}
#tophours a{
text-decoration: underline;
}