/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */
html {
	background-color: #D4DAE1;
	padding: 1px 0;
}
body {
	background-color: #D4DAE1;
	color: #42261E;
	padding-top: 13px;
	font: 62.5% "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	padding-top: 0px;
		border-bottom: dotted thin #8FA0A8;
			border-top: dotted thin #8FA0A8;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
	background: none;
}

/* anchors
----------------------------------------------- */
a {
	color: #8094B7;
	font-weight:bold;
	text-decoration: underline;
}
a:hover {
	color:#5D6989;
	text-decoration: none;
}
a:visited {
	color:#5D6989;
	text-decoration: underline;
}
a.youTube, a.youTube img, a.videoPopup img, a.videoPopup {
	text-decoration: none;	
}
img, a img {
	text-decoration: none;	
	border: none;
}
hr{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1{
	font: normal 4.0em Georgia, "Times New Roman", serif;
	color: #8FA0A8;
	margin: 105px 0 40px;
	background: none;
	text-align: right;
}
#home h1, .beta h1 {
	font: normal 4.0em Georgia, "Times New Roman", serif;
	color: #8FA0A8;
	margin: 30px 0 40px;
	background: none;
	text-align: right;
	
}
h2 {
	font: bold italic 1.8em Arial, Helvetica, sans-serif;
	color: #42261E;
	padding-top: 4px;
	margin-bottom: 0.25em;
	margin-top: 1.0em;
	text-align: left;
	border-top: dotted thin #D4DAE1;
}
/*use this for accordion headers*/
h2 a {
	font: italic bold 1.1em Georgia, "Times New Roman", serif;
	color: #222222;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em;
}
h2.belowAccordion {
	border-top: none;	
}
h3{
	font: italic bold 1.6em Georgia, "Times New Roman", serif;
  	margin-right: 20px;
	color: #42261E;
	margin-bottom: 0.25em;
	margin-top: 1.0em;
}
h3 a {
	font: italic bold 1.0em Georgia, "Times New Roman", serif;
	color: #222222;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em ;
}
h4{
	font: bold 1.6em Georgia, "Times New Roman", serif; letter-spacing: 1px;
	margin-bottom: 1em;
	color: #42261E;
}

h5{
	font: bold 1.4em Georgia, "Times New Roman", serif; 
	letter-spacing: 1px;
	margin-bottom: 1em;
	color: #42261E;
}


h1 a {
	font-weight:normal;
}

/* boxes
----------------------------------------------- */
.mediaBox {
	background:#FFFFFF;
	margin-bottom:30px;
	padding: 0 5px 10px;
}
.box {
	background:#F2F2F2;
	margin-bottom:10px;
	padding: 0 5px 5px;
	height: auto;
	width: auto;
}

/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}

/*resource images (right, grid_3) 
----------------------------------------------- */
#resourceColumn a.image {
	/*border:1px solid #bbb;*/
	background:#fff;
	text-decoration: none;
}
#resourceColumn a{
	text-decoration: none;
}

#resourceColumn p {
	margin: 0px 5px 5px;
	text-align: center;
}
.mediaItem {
	padding: 5px;
	margin: 20px 0 20px 0;
}

/* Primary Menu 
----------------------------------------------- */
.beta .grid_4 #mainMenu {
	margin-top: 190px;	
	color: #42261E;
}
.grid_4 #mainMenu {
	margin-top: 280px;	
	color: #42261E;
}
.grid_3 #mainMenu {
	margin-top: 195px;	
	color: #42261E;
}
ul.menu {
	list-style:none;
	font: bold 1.2em "Trebuchet MS", Arial, sans;
}
ul.menu li a {
	color: #42261E;
	background: transparent url(../../images/cubeSpriteWide.gif) 0 0 no-repeat;
	height: 18px;
	padding-left: 30px;
	text-decoration:none;
}
ul.menu li a:hover {
	color: #9C2018;
	background: transparent url(../../images/cubeSpriteWide.gif) 0 -18px no-repeat;
	text-decoration:underline;
}
ul.menu li a:active {
	color: #9C2018;
}


/* Primary Menu submenus
----------------------------------------------- */
ul.menu ul {
	font-size: 1.0em;
	padding-top: 15px;
	padding-left: 30px;
	list-style-image: none;
	list-style-type: square;
}
ul.menu ul li a{
	color: #42261E;
	padding: 0px;
	background: none; /*remove if they want cube on submenu*/
	height: 15px;
}
ul.menu ul li a:hover {
	color: #9C2018;
	background: none;
	text-decoration:underline;
}


/* table
----------------------------------------------- */
table {
	width: 100%;
	margin: 10px 0;
}
table.grey {
	width:100%;
}
table.grey th {
	font-size:1.1em;
	font-weight:normal;
	border-bottom:1px solid #888;
	padding:.4em 1em .2em;
}
table.grey th.table-head {
	text-transform:uppercase;
	color:#fff;
	border:1px solid #555;
}
table.grey td {
	font-size:1.2em;
	font-weight:normal;
	/*border-top:1px solid #bbb;*/
	border-bottom:1px solid #bbb;
	vertical-align: top;
	padding: 5px 0;
}
table.grey tbody tr.odd td {
	background:#eee;
}
table.grey tfoot td {
	border-top:2px solid #666;
}
/* forms
----------------------------------------------- */
.block {
	padding-top:10px;
	
}
form {
	padding: 10px;	
	font-size: 1.1em;
}
label {
	color: #42261E;
	padding: 5px 0 0 0;
	/*font-size: 1.1em;*/
	font-weight: bold;
}
dt {
	padding: 5px 0 0 5px;
	background: transparent;
	
}
dd {	
	padding: 5px;
	/*border-bottom: dotted thin #8094B7;*/
}
dd:hover,dt:hover {
	background: #f3ebd4;	
}
dt.odd:hover, dd.odd:hover {
	background: #f3ebd4;	
}
.odd {
	background-color: #FFF;
	border-bottom: none;
}
dt dd.odd label {
	display: inline;
}
form.patient {
	background: #F2F3F4;
	padding: 0px;
}

fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}
legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;
}

input.save {
	color: #B14D1C;
	padding: 5px;
}
input {
	padding-right: 5px;
	vertical-align: top;	
}


/* Secondary Menus 
----------------------------------------------- */
ul.secondaryMenu {
	list-style:none;
	max-width:100%;
}
ul.secondaryMenu li {
	display: inline;	
	font: normal 1.1em/1.1em "Trebuchet MS", Arial, sans;
}
ul.secondaryMenu li a {
	color: #42261E;
	text-decoration:none;
}
ul.secondaryMenu li a:hover {
	color: #9C2018;
	text-decoration:underline;
}

/* footer
----------------------------------------------- */
#footer {
	background-image: url(../../images/footer_bkgr.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	color: #42261e;
	margin: 0;
	padding:0;
	height: 210px;

}
#footer div.box {
	color: #42261e;
	background-color: transparent;
	background-image: url(../../images/footer_doctors.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height:210px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#footer div.box p {
	padding: 0px 10px 0 10px;
}
#footer div.box p.menuIconsBelow {
	font-size: 0.9em;
	padding-top: 110px;
	padding-bottom: 0px;
}
p.menuIconsBelow {
	font-size: 0.9em;
	padding-top: 110px;
	padding-bottom: 0px;
}
#footer p {
	margin: 10px;	
}
.float-right {
	padding:10px 20px;
	float:right;
}

img.border {
	padding: 5px;
	border: 1px solid #D4DAE1;
	background-color: #D4DAE1;

}
label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
	color: #600;
}
div.resourceBoxRight {
	margin-left: 370px;
	vertical-align: text-top;
	display: inline-block;	
}
div.resourceBox {
	/*margin: 10px;*/
	padding: 0px;
	/*text-align: left;*/
	display: inline-block;
	vertical-align: text-top;
}
div.resourceBox p {
	margin: 0;
	text-align: center;
 	display: block;
	vertical-align: text-top;
}
div.resourceBoxInAccordion {
	/*margin: 10px;*/
	padding: 0px;
	text-align: left;
}
div.resourceBoxInAccordion p {
	margin: 0;
	text-align: center;
}


/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 20px;
	margin-bottom: 1em;
}

p,
dl,
hr,
ol,
ul,
pre,
address,
fieldset
{
	font-size: 1.2em;
	line-height: 1.5;
}
input,select {
	font-size: 1.0em;
}
.alert-ok {
	background: #e6ebc2 url(img/icon-ok.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #8da330;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin: 15px 0px;
	}
	
.alert-warning {
	background: #eddbd5 url(img/icon-wrong.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #c05843;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin: 15px 0px;
	}

.alert-tip {
	background: #f3ebd4 url(img/icon-alert.gif) 10px center no-repeat;
	display: block;
	border: 1px solid #dc9b58;
	padding: 10px 10px 10px 45px;
	width: 90%;
	margin: 15px 0px;
}
#home p#address {
	font-size: 1.1em;
	padding: 0;
	margin-left: -75px;	
	margin-bottom: 0;
	margin-top: 80px;
}
.beta #address {
	font-size: 1.1em;
	padding: 0;
	margin-left: -75px;	
	margin-bottom: 0;
	margin-top: 30px;
}
.beta p#bigSpace {
	padding-top: 60px;
	padding-bottom: 50px;	
}
p#bigSpace {
	padding-top: 10px;
	padding-bottom: 50px;
	visibility: hidden;
}
p.subtitle {
	font-style: italic;
	text-align: right;	
}
/*12sep11 added to center before and after slideshow*/
.ui-accordion .ui-accordion-content .resourceBox {
	float: left;
}