@charset "utf-8";

/* CSS Document */
body {
	padding: 0;
	margin: 0 auto;
	background-image: url("https://athensneuro.com/ee_uploads/body_background.jpg");
	background-repeat: repeat-x;
	background-color: #F2F5F6;
}

div { 
	padding:0;
	margin:0;
}

p { 	
	padding:0;
	margin:0;
}

h1 {
	font-family: 'Sorts Mill Goudy', serif;
	font-size: 1.7em;
	font-weight: 400;
	color: #003352;
	float: left;
	margin:0 0 5px 0;
	
}

h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	font-weight: 600;
	line-height: 1.0em;
	color: #003352;
	padding: 0;
	margin: 10px 0 5px 0;
}

h2 a {text-decoration:none;}

.body_copy h2 {
font-size: 1.5em;
font-family: "Sorts Mill Goudy",serif;
font-weight: 300;
}


h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: .6em;
	line-height: 1.0em;
	color: #003352;
	padding: 0;
	margin: 0;
}


h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: .4em;
	line-height: .8em;
	color: #003352;
	padding: 0;
	margin: 0;
}

.page_title {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #003352;
	padding: 0;
	margin: 0px 15px 15px 15px;
	border-bottom: 1px solid #003352;
}

a {
	text-decoration: none;
	border: none;
	color:inherit;
}

a img {
	border: none;
}

.body_copy {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: .95em;
	line-height: 1.6em;
	color: #000000;
	padding: 0;
	margin: 0;
}
.pp_body_text .body_copy{
font-size: .8em;
font-weight: 600;
}

.body_copy p {
	margin-left:0!important;
	margin-right:0!important;
	margin-bottom:12px;
}
.body_copy a {
text-decoration:underline;
color:#2851ab;
}

.more_link {
	font-family: 'Open Sans', sans-serif;
	font-size: .9em;
	font-weight: 600;
	line-height: 1.0em;
	color: #003352;
	padding: 0;
	margin: 10px 0;
	text-align: right;
}

.more_link a {
	text-decoration: none;
	color: #003352;
}

.wrapper {
	width: 1020px;
	height: auto;
	padding: 0;
	margin: 0 auto;
}

.wrap {
	float: left;
	width: 1020px;
	height: auto;
	background-color: white;
	border: 1px solid #bcbcbc;
	padding: 0 0 30px 0;
}

/*Head section*/
.search_box {
	position: relative;
	top: 0px;
	left: 601px;
	width: 400px;
	padding: 10px;
	height: 28px;
	background-color: #003352;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: semi-bold;
	font-size: 1.0em;
	color: white;
	overflow: hidden;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px; /* Firefox 3.6 and earlier */
	-moz-border-bottom-left-radius: 15px; /* Firefox 3.6 and earlier */
}
.search_box form{
	width: 200px;
	margin-left:6px;
	display: inline-block;
}
.header {
	width: 960px;
	height: 75px;
	padding: 0 30px;
}

.header div {
	float: left;
	font-family: serif;
	font-size: .7em;
	line-height: 1.25em;
	color: #003352;
	padding: 0;
	margin: 20px 30px 0 0;
	letter-spacing: .05em;
}

.header div a {
	text-decoration: none;
	color: #003352;
}
.header div.headContact{
font-family: 'Open Sans', sans-serif;
font-size:.7em;
width:530px;
color:#003352;
}
.header div.headContact a{
font-weight:bold;
color:#003352;
}

.billLink{
font-size: .82rem;
font-weight: bold;
height: 16px;
width: auto;
left: 13px;
padding: 6px 12px;
letter-spacing: .01rem;
background-color: #0a930a;
display: inline-block;
position: relative;
transition: all .2s;
}

.billLink:hover{
background-color: #52c152;
}



/*main nav*/
.main_nav {
	width: 960px;
	height: 40px;
	padding: 0 30px;
	margin-top: 10px;
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 960px;
	height: auto;
}

/* make the LI display inline */

/* it's position relative so that position absolute */

/* can be used in submenu */
#nav li {
	float: left;
	display: block;
	width: auto;
	background: #fff;
	position: relative;
	z-index: 500;
	margin: 0 6px 0 0;
}

/* this is the parent menu */
#nav li a {
	display: block;
	padding: 8px 6px 0 6px;
	font-family: 'Open Sans', sans-serif;
	font-size: .76em;
	font-weight: 600;
	color: #003352;
	height: 32px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	color: #003352;
}
#nav li.topLevNav:first-of-type {padding-right:0px;}

#nav li a:hover {
	color: #fff;
	background-color: #003352;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px; /* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 5px; /* Firefox 3.6 and earlier */
}

/* you can make a different style for default selected value */
#nav li.selected a {
	color: #ffffff !important;
	background-color: #003352;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px; /* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 5px; /* Firefox 3.6 and earlier */
}

#nav li.visited a {
	color: #ffffff !important;
	background-color: #003352;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px; /* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 5px; /* Firefox 3.6 and earlier */
}

/* submenu, it's hidden by default */
#nav ul {
	position: absolute;
	left: 0;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #003352;
	width: 215px;
	height: auto;
}

#nav ul li {
	width: 230px;
	height: auto !important;
	float: left;
	background-color: #003352;
	border-bottom: 1px solid #7f99a8;
}

/* display block will make the link fill the whole area of LI */
#nav ul a {
	display: block;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-size: .75em;
	font-weight: 400;
	background-color: #003352;
	height: auto !important;
	padding-bottom: 8px;
}

#nav ul a:hover {
	background-color: #7f99a8;
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-moz-border-top-right-radius: 0 !important;
	/* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 0 !important;
	/* Firefox 3.6 and earlier */
}

/* fix ie6 small issue */

/* we should always avoid using hack like this */

/* should put it into separate file : ) */
* html #nav ul {
	margin: 0 0 0 -2px;
}

/*key image*/
.key_image {
	width: 960px;
	height: 388px;
	padding: 0 30px;
	background-image: url("https://athensneuro.com/ee_uploads/key_image_background.jpg");
	background-repeat: repeat-x;
}

/* body */
.body_wrapper {
	width: 975px;
	padding: 30px 30px 15px 15px;
}

.main_column {
	width: 660px;
	height: auto;
	float: left;
	margin:0 15px 0 0;
}

.content_section {
	width: 630px;
	height: auto;
	float: left;
	margin: 0 15px 30px 15px;
	
}

.content_sub_section {
	width: 280px;
	height: auto;
	margin: 0 15px 30px 15px;
	float: left;
	padding: 0 10px 0 10px;
	overflow: hidden;
	background-image: url("https://athensneuro.com/ee_uploads/smallBlockBG.png");
	background-repeat: repeat-x;
	background-position:bottom;
	box-shadow: 2px 2px 3px #999999
}

.content_sub_section div.image {
	overflow: hidden;
	width: 278px;
	height: 158px;
	margin-bottom:15px;
	background-color: #eaeaea;
	margin-top: 10px;
}

.content_sub_section.body {
	width: 300px;
	height: 100px;
	margin-top: 30px;
}
.content_sub_section p.body_copy {line-height:1.5em;}

.right_column {
	width: 300px;
	height: auto;
	float: left;
}

.profile_image {
	width: 218px;
	height: 328px;
	float: left;
	border: 1px solid #bcbcbc;
	margin: 0 20px 0 0;
}

/*patient portal*/
.patient_portal {
	width: 300px;
	height: auto;
	float: left;
}

.pp_header {
	width: 270px;
	height: auto;
	padding: 10px 15px;
	background-color: #003352;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px; /* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 5px; /* Firefox 3.6 and earlier */
	float: left;
}

.pp_body {
	width: 280px;
	height: auto;
	background-color: #D9D0AC;
	padding: 10px;
	float: left;
}

.pp_body_image {
	float: left;
	width: 97px;
	height: 97px;
	margin: 0 10px 0 0;
}

.pp_body_text {
	float: left;
	width: 163px;
	height: auto;
	margin-bottom: 10px;
}

.pp_body_button {
	width: auto;
	height: auto;
	padding: 5px;
	background-color: #003352;
	border-radius: 5px;
	-moz-border-radius: 5px; /* Firefox 3.6 and earlier */
	float: right;
	border: 1px solid #fff;
}

/*right column links*/
.right_col_link {
	width: 300px;
	height: auto;
	float: left;
	margin: 15px 0 0 0;
}

.right_col_link_header {
	width: 278px;
	height: auto;
	padding: 5px 10px;
	background-color: #718da8;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px; /* Firefox 3.6 and earlier */
	-moz-border-top-left-radius: 5px; /* Firefox 3.6 and earlier */
	float: left;
	border-style:solid;
	border-color:#bcbcbc;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-bottom-width:0px;
}

.right_col_link_body {
	width: 278px;
	height: auto;
	background-color: #ffffff;
	padding: 10px 10px 0 10px;
	float: left;
	border: 1px solid #bcbcbc;
}

.right_col_link_text {
	float: left;
	width: 278px;
	height: auto;
	margin-bottom: 10px;
	font-size: .9em;
	color: #bfbfbf;
}
.right_col_link_text span.body_copy {font-size:.85em;}

/*contact form*/

#contact_form {
width:320px;
height:auto;
padding:0px;
margin:0 0 0 15px;
}


#contact_form label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.0em;
	color: #003352;
	padding: 0;
	
}


#contact_form input {
width:300px;
height: 17px;
padding:3px;
margin:3px 0 10px;


}

#contact_form textarea {
width:300px;
height:190px;
padding:3px;
margin:3px 0 10px;


}

/*sleep score*/

.question {
width:600px;
height:auto;
padding:10px 15px;
background-color:#F2E9C7;
border-radius:8px;
margin-bottom:10px;
}

.question label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.0em;
	font-weight: 600;
	color: #003352;
	padding: 0;
	margin: 10px 0;
}
.question input {
	margin-right:5px;
	margin-top:6px;
}

.question span {margin-right:20px;}

#formsubmit {
	width:100px;
	height:30px;

}


/*footer*/
.footer_wrap {
	width: 100%;
	background-color: #003352;
	height: 120px;
	margin:0 auto;
	clear:both;
}

.footer {
	width: 960px;
	height: 100px;
	margin: 0 auto;
	padding:10px;
	background-image: url("https://athensneuro.com/ee_uploads/footer_background.jpg");
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: .8em;
	line-height: 1.3em;
	color: #ffffff;
	
}

.footer_left {
	width: 299px;
	height: 80px;
	padding: 10px;
	float: left;
}

.footer_middle {
	width: 299px;
	height: 80px;
	padding: 10px;
	float: left;
}

.footer_right {
	width: 309px;
	height: 80px;
	padding: 10px 0 10px 10px;
	float: left;
	text-align:right!important;
}