/* Force Vertical Scrollbar */
html { /* IE */ overflow-y: scroll; /* Moz */ height: 100%;	margin-bottom: 0.1em;}

/* Resets
--------------------------- */
body, h1, h2, h3, h4, h5, h6, img,
p, ul, ol, li { margin:0px; padding:0px; border:0px; }
.tabledata {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
h2.tablehead, .tablehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

a:focus { outline:none }

/* General
--------------------------- */
body { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333;}

p { margin:0 0 15px; line-height:16px; } 
a { text-decoration:none; color:#f60; }

h1 { margin-bottom:10px; color:#666; font-size:27px; }
h2 { }
h3 { font-size:14px; color:#293358; line-height:18px;}


/* Layout
--------------------------- */
#wrapper { margin:0 auto; text-align:left; width:782px; background: #f6f6f6 url(../images/template/bg.jpg) repeat-y;}

#header, #navigation, #content { margin-left:6px; margin-right:6px; }

#header { height:90px; background-color:#293358; position:relative  }
	#header #logo { position:absolute; top:7px; left:17px; width:236px; height:79px; }
	#header #contact { position:absolute; top:31px; right:36px; width:197px; height:33px; }

#navigation { background-color:#7B8197; border-top:4px solid #293358; height:18px; }
#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none }
#navigation li { display:block; float:left; border-right: 1px solid #293358; }
#navigation li a { display:block; color:#293358; text-decoration:none; text-indent:-9999px;}
#navigation li ul { position: absolute; width:153px; left: -999em; height: auto; z-index:100;}
#navigation li:hover ul, #navigation li.sfhover ul { left: auto; background-position:bottom left; }

#navigation li, #navigation a { background-position:top left; background-repeat:no-repeat; line-height:18px; white-space:nowrap }
#navigation li.home, #navigation li.home a { width:66px; background:url(../images/navigation/home.gif) top left no-repeat }
#navigation li.about-physical-therapy, #navigation li.about-physical-therapy a { width:152px; background:url(../images/navigation/about-physical-therapy.gif) top left no-repeat }
#navigation li.course, #navigation li.course a { width:64px; background-image:url(../images/navigation/course.gif)}
#navigation li.careers, #navigation li.careers a { width:68px; background-image:url(../images/navigation/careers.gif)}
#navigation li.how-to-apply, #navigation li.how-to-apply a { width:97px; background-image:url(../images/navigation/how-to-apply.gif)}
#navigation li.news, #navigation li.news a { width:55px; background-image:url(../images/navigation/news.gif)}
#navigation li.clinics, #navigation li.clinics a { width:59px; background-image:url(../images/navigation/clinics.gif)}
#navigation li.contact, #navigation li.contact a { width:63px; background-image:url(../images/navigation/contact.gif)}
#navigation li.shop, #navigation li.shop a { width:104px; background-image:url(../images/navigation/shop.gif)}
#navigation li.shop { display:none }

#navigation li.home a:hover, #navigation li.about-physical-therapy a:hover, #navigation li.course a:hover,
#navigation li.careers a:hover, #navigation li.how-to-apply a:hover, #navigation li.news a:hover,
#navigation li.clinics a:hover, #navigation li.contact a:hover,
#navigation li.home:hover a, #navigation li.about-physical-therapy:hover a, #navigation li.course:hover a,
#navigation li.careers:hover a, #navigation li.how-to-apply:hover a, #navigation li.news:hover a,
#navigation li.clinics:hover a, #navigation li.contact:hover a, #navigation li.shop:hover a { background-position:bottom left; }

#navigation ul.dropdown li, #navigation ul.dropdown li a { background-image:none; width:auto }
#navigation ul.dropdown { background:#AEB1BC; border-bottom:1px solid #E1E1E1; }
#navigation ul.dropdown li, #navigation ul.dropdown a { background:#AEB1BC; border:0px; }
#navigation ul.dropdown li a { width:153px; text-indent:0px; font-size:11px; font-weight:normal; border-top:1px solid #E1E1E1; text-indent:15px; }
/*#navigation ul.dropdown li a:hover { background-color:#d4d4d4; }*/



#content { background-color:#f6f6f6; margin-top:50px; margin-bottom:50px; }

#primary, #secondary, #imagery, #text { float:left; display:inline; }
#primary { width:539px; margin-left:22px; }
#secondary { width:176px; margin-left:16px;}
#primary #imagery { width:220px; }
#primary #text { width:307px; margin-left:12px;}


#homepage #primary { width:516px; }
#homepage #secondary { width:198px; }

#narrowLeftColumn #primary #imagery { width:180px; }
#narrowLeftColumn #primary #text { width:347px; margin-left:12px;}

#footer-wrapper { clear:both; background:url(../images/template/footer-bg.jpg) bottom no-repeat; padding:0 6px 6px; }
#footer { background-color:#293358; padding-left:19px; font-size:11px; }
	#footer p { line-height:21px; margin:0px; }
	#footer span { margin:0 3px; }
	#footer, #footer a { color:#fff; }
	#footer a:hover {
	color:#FE6600;
}
.credit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
}




/* Custom Elements
--------------------------- */

ul#features, ul#features li { margin:0px; padding:0px; list-style-type:none; background:none }
ul#features li {  background-color:#7B8197; margin-bottom:6px; height:80px; clear:both; }
ul#features h3 { float:left; margin:0 5px 0 7px; padding:7px 0 0; width:95px; color:#fff; font-family:"Trebuchet MS"  }
/*min height of page set here with hack for ie excl mac*/
ul#features h3{ min-height:55px; height: auto; }
/* for Internet Explorer */
/*\*/ * html .features .banner { height: 55px; } /**/
ul#features img.photo { float:right }
ul#features a.more { float:left; color:#293358; font-size:11px; margin-left:7px; font-weight:bold}
ul#features a.more:hover { color:#293358; }


h2.course-information { border-bottom:1px solid #f6f6f6; }
ul.links, ul.links li { margin:0px; padding:0px; background:none; list-style-type:none }
ul.links { padding:5px 0; background-color:#D2D4D8; border-bottom:1px solid #f6f6f6; }
ul.links li { padding:0 0 0 13px; margin: 1px 0 1px 10px; background:#D2D4D8 url(../images/template/bullet-white.gif) 0 4px no-repeat; }
ul.links li a { color:#293358; font-weight:bold; font-size:11px; }
ul.links li a:hover { color:#f60; }

/*100907 shop styles - janine */
.shop #content { margin-top: 44px; }
.shop #primary { width: 412px; }
.shop #primary h1 { margin-bottom: 6px; }
.shop #primary h2 { margin-bottom: 9px; }
.shop #primary h3 { margin-bottom: 0; line-height: 11px; }
.shop #primary p { line-height: 13px; }
.shop #primary table { margin-top: 3px; }
.shop #primary td p { margin-top: 7px; margin-bottom: 11px; line-height: 11px;  }
.shop #primary td, .shop #primary td p { font-size: 11px; }
.shop #primary td { padding-bottom: 8px; }
.shop #primary p a:hover { color: #f60; text-decoration: none; }
.shop #primary p strong a, .shop #primary p strong a:visited, .shop #secondary p strong a, .shop #secondary p strong a:visited { text-decoration: none; color: #f60; }
.shop #primary p a, .shop #secondary p a, .shop #primary p a:visited, .shop #secondary p a:visited { text-decoration: underline; color: #333; }

.shop #secondary { width: 226px; margin-left: 65px; }
.shop #secondary p { font-size: 10px; line-height: 11px; margin-bottom: 10px; }
.shop #secondary table { margin-bottom: 1px; }
.shop #secondary td img { margin-bottom: 12px; }
.shop #secondary h2 { margin-bottom: 6px; }
.shop #secondary h3 { margin-bottom: 4px; margin-top: 5px; }

/*100907 ie6 and below fixes - alan */
#navigation { overflow:hidden; }
ul#features h3 { display:inline; width:90px; }

/* Hacks
--------------------------- */
.clear { clear:both; height:1px; }
#primary #text #nopic {
width:550px; margin-left:12px;
}
.captions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.tabledatared {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}
.arial9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999;
}
h1.tablehead, .tablehead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: bold;
}