html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	}
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image:url(images/body-landscape-bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#88b64e;
   	/*behavior: url("csshover3.htc");*/
}

/*-----Style settings for all tables.----*/
table {
border:0;
margin:10px 0 20px 0;
}

table td {
vertical-align:top;
padding:5px;
}
	
#wrapper {
width:100%;
margin:0 auto;
clear:both;
}

/*-----Main Container-----*/

#container {
width: 966px;
margin:0 auto;
padding:0;
}

#header {
width:966px;
height:auto;
margin:0 auto;
position:relative;
}


/*-----Logo-----*/

#logo {
width:329px;
height:120px;
margin:0 0 0 108px;
padding:0;
}

#logo a:link, #logo a:visited{
width:330px;
height:120px;
display:block;
background-image:url(images/allpeds-logo.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
}

#logo a:hover, #logo a:active{
background-position:-338px 0;
background-repeat:no-repeat;
}

/*-----Logo for Print Only-----*/
#logo-print {
width:158px;
height:98px;
}


/*Flash that controls the train whistle-----*/
#train-whistle {
width:50px;
height:50px;
position:absolute;
z-index:2000;
left:80px;
top:150px;
}



/*-----Main Navigation-----*/
	
#mainnav {
width:966px;
height:129px;
padding:0;
margin:-22px 0 0 0;
background-position:bottom center;
background-repeat:no-repeat;
}

.home-mainnav {
background-image:url(images/main-nav-bg.gif);
}

.inside-mainnav {
background-image:url(images/main-nav-bg-inside.gif);
}

#mainnav ul {
width:876px;
z-index:600;
padding:0;
margin:0 0 0 90px;
text-align:center;
list-style-type:none;
}

#mainnav ul li {
z-index:600;
padding:0;
margin:0;
float:left;
display:inline;
}

#mainnav ul li a:link, #mainnav ul li a:visited{
margin:0px;
padding:0;
float:left;
display:block;
height:117px;
}


#mainnav ul li a:hover, #mainnav ul li a:active{
}

/*-----Home Button-----*/
#mainnav ul li a.home:link, #mainnav ul li a.home:visited{
width:144px;
background-image:url(images/train-home.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
font-size:0;
}

#mainnav ul li a.home:hover, #mainnav ul li a.home:active, #mainnav ul li a.home#current{
background-position:-146px 0px;
color:#FFFFFF;
}


/*-----Services Button-----*/
#mainnav ul li a.services:link, #mainnav ul li a.services:visited {
width:97px;
background-image:url(images/train-services.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
font-size:0;
}

#mainnav ul li a.services:hover, #mainnav ul li a.services:active, #mainnav ul li a.services#current {
background-position:-104px 0px;
}

/*-----Doctors Button-----*/
#mainnav ul li a.doctors:link, #mainnav ul li a.doctors:visited{
width:128px;
background-image:url(images/train-doctors.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
}

#mainnav ul li a.doctors:hover, #mainnav ul li a.doctors:active, #mainnav ul li a.doctors#current{
background-position:-132px 0px;
}

/*-----Locations Button-----*/
#mainnav ul li a.locations:link, #mainnav ul li a.locations:visited{
width:143px;
background-image:url(images/train-locations.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
}

#mainnav ul li a.locations:hover, #mainnav ul li a.locations:active, #mainnav ul li a.locations#current{
background-position:-154px 0px;
}

/*-----Patient Center Button-----*/
#mainnav ul li a.patients:link, #mainnav ul li a.patients:visited{
width:139px;
background-image:url(images/train-patients.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
}

#mainnav ul li a.patients:hover, #mainnav ul li a.patients:active, #mainnav ul li a.patients#current{
background-position:-150px 0px;
}

/*-----Contact Button-----*/
#mainnav ul li a.contact:link, #mainnav ul li a.contact:visited{
width:135px;
background-image:url(images/train-contact.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
}

#mainnav ul li a.contact:hover, #mainnav ul li a.contact:active, #mainnav ul li a.contact#current{
background-position:-144px 0px;
}

/*-----Sub Navigation-----*/
	
#subnav {
width:966px;
height:76px;
padding:0;
margin:0;
background-position:top left;
background-repeat:no-repeat;
z-index:3000;
}

.home-subnav {
background-image:url(images/sub-nav-bg2.gif);
}

.inside-subnav {
background-image:url(images/sub-nav-bg-inside.gif);
}

#subnav ul {
width:600px;
z-index:3000;
padding:0;
margin:0 0 0 90px;
text-align:center;
list-style-type:none;
position:relative;
}

#subnav ul li {
list-style-type:none;
z-index:600;
padding:0 2px 0 0;
margin:0;
float:left;
display:inline;
background-image:url(images/sub-nav-divider.gif);
background-position:right;
background-repeat:no-repeat;
}

#subnav ul li a:link, #subnav ul li a:visited{
color:#f59928;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-transform:none;
text-decoration:none;
text-align:center;
line-height:52px;
margin:0px;
padding:0 10px 0 10px;
float:left;
display:block;
height:52px;
}


#subnav ul li a:hover, #subnav ul li a:active,#subnav ul li a#current {
color:#8cbb52;
}

#subnav li.end{
background-image:none;
}

/*-----Controls Hours Link and Hover Span-----*/
#subnav li a.hours:link, #subnav li a.hours:hover, #subnav li a.hours:active, #subnav li a.hours:visited {
padding-left:30px;
background-image:url(images/alarm-clock.png);
background-position:top left;
background-repeat:no-repeat;
z-index:3000;
}

#subnav li a.hours:link span, #subnav li a.hours:active span, #subnav li a.hours:visited span{
display:none;
position:absolute;
left:0;
top:40px;
z-index:3000;
}

/*-----This is the dropdown that shows the hours upon hover.-----*/
#subnav li a.hours:hover span{
display:block;
position:absolute;
width:300px;
height:auto;
background-color:#f0fafe;
border:1px solid #BF2200;
text-align:left;
line-height:13px;
padding:5px;
}

#subnav li a.hours:hover span h1 {
margin:5px 0 0 0;
padding:0;
font-size:12px;
line-height:13px;
font-weight:bold;
color:#BF2200;
border:0;
}

#subnav li a.hours:hover span strong {
color:#FF9900;
}

/*-----Content Wrap Divs-Hold Everything inside the train tracks-----*/

#content-wrap {
width:966px;
margin:0 auto;
padding:0;
background-position:top;
background-repeat:repeat-y;
position:relative;
}

.home-middle{
background-image:url(images/content-bg2.gif);
}

.inside-middle {
background-image:url(images/content-bg-inside.gif);
}

#content-wrap-bottom {
width:966px;
height:101px;
display:block;
margin:0;
padding:0 0 40px 0;
background-position:top;
background-repeat:no-repeat;
}

.home-bottom {
background-image:url(images/content-bottom-bg2.gif);
}

.inside-bottom {
background-image:url(images/content-bottom-bg-inside.gif);
}


/*-----Main Content-Variables pulled to display text.-----*/

#content {
margin:0;

}

.home-content {
width:330px;
padding:0 0 75px 85px;
}

.inside-content {
padding:0 85px 0 85px;
}

/*-----Content in the template-subnav----*/
.inside-content-subnav {
width:450px;
padding:0 0 75px 85px;
float:left;
}

#content p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#5295c8;
margin:0;
padding:10px 0 10px 0;
}

#content a:link, #content a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#5295c8;
margin:0;
padding:0;
}

#content a:hover, #content a:active {
color:#8cbb52;
}

#content ul {
margin:0 0 20px 30px;
padding:0;
}

#content ul li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#5295c8;
margin:0;
padding:0;
}

#content li a:link, #content li a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:17px;
color:#5295c8;
margin:0;
padding:0;
}

#content li a:hover, #content li a:active {
color:#8cbb52;
}

#content h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
color:#8cbb52;
padding:10px 0 10px 0;
margin:0 0 0 0;
}

#content h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#f7931e;
margin:5px 0 5px 0;
padding:5px;
width:auto;
display:inline-block;
border:2px dotted #f7931e;
}

#content h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#f7931e;
border-bottom:2px solid #f7931e;
width:auto;
margin:0;
padding:0 0 3px 0;
}

#content h3 a:link, #content h3 a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#f7931e;
margin:0;
padding:0 0 3px 0;
text-decoration:none;
}

#content h3 a:hover, #content h3 a:active {
color:#bf2200;
}

#content h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#bf2200;
margin:10px 0 0 0;
padding:0;
}

#content h4 a:link, #content h4 a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#bf2200;
margin:10px 0 0 0;
padding:0;
text-decoration:none;
}

#content h4 a:hover, #content h4 a:active {
color:#f7931e;
}

/*-----Horizontal Rule-----*/
#content hr {
height:20px;
border:0px;
background-image:url(images/hr-image.gif);
background-position:center;
background-repeat:no-repeat;
background-color:#FFFFFF;
color:#FFFFFF;
}

/*-----Linked Images-----*/
#content img, #content a:link img, #content a:visited img {
border:2px solid #f7931e;
}

#content a:hover img, #content a:active img {
border:2px solid #bf2200;
}

/*-----Images floated left-----*/
.left {
float:left;
margin:10px 10px 10px 0;
}

/*-----Images floated right-----*/
.right {
float:right;
margin:10px 0 10px 10px;
}


/*-----End Content-----*/

/*-----Right Column which holds submenu----*/
#right-column {
width:252px;
padding:0;
margin:0 120px 0 0;
float:right;
}


/*------Submemnu-----*/
#submenu {
float:right;
width:202px;
margin:0;
padding:0;
}

#submenu-top {
width:212px;
height:22px;
display:block;
margin:0;
padding:18px 20px 0 20px;
background-image:url(images/submenu-top.gif);
background-position:top left;
background-repeat:no-repeat;
}

#submenu-middle {
width:212px;
margin:0;
padding:0 20px 0 20px;
background-image:url(images/submenu-middle.gif);
background-position:top left;
background-repeat:repeat-y;
}

#submenu h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
line-height:20px;
color:#5295c8;
margin:0 5px 0 0;
padding:0;
}

#submenu ul {
margin:0;
padding:0;
list-style-type:none;
}

#submenu ul li {
margin:0;
padding:0;
}

#submenu li a:link, #submenu li a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:17px;
color:#5295c8;
margin:0;
padding:0;
}

#submenu li a:hover, #submenu li a:active {
color:#8cbb52;
}


#submenu-bottom {
width:252px;
height:40px;
display:block;
margin:0;
padding:0;
background-image:url(images/submenu-bottom.gif);
background-position:top left;
background-repeat:no-repeat;
}



/*-----Stoplight (Flash element)-----*/
#stoplight {
width:40px;
height:70px;
background-image:url(images/stoplight.gif);
background-repeat:no-repeat;
display:block;
position:absolute;
top:0px;
left:544px;
}

/*-----Sign-This is div that holds the news ticker.-----*/
#sign {
width:270px;
height:212px;
position:absolute;
top:-80px;
right:70px;
margin:0;
padding:0;
background-image:url(images/sign-bg.png);
background-position:center;
background-repeat:no-repeat;
}

#sign h1 a:link, #sign h1 a:visited {
display:block;
width:270px;
height:0px;
padding:50px 0 0 0;
margin:0;
color:#8cbb52;
text-align:center;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
}

#sign h1 a:hover, #sign h1 a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*background-position:-216px 0;*/
color:#f7931e;
}

/*-----News Ticker-----*/
#news {
margin:0;
padding:0;
}

#news a:link, #news a:visited {
padding:50px 0 0 0;
height:20px;
margin:0;
color:#6CB7DE;
text-align:center;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:13px;
}

#news a:hover, #news a:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
/*background-position:-216px 0;*/
color:#f7931e;
}

/*-----These are the location callouts on the home page.-----*/


/*#tickets {
width:355px;
height:244px;
position:absolute;
bottom:-25px;
right:34px;
/*background-image:url(images/tickets.png);
background-repeat:no-repeat;
}*/

/*-----Alexandria Ticket-----*/
#alexandria {
width:201px;
height:129px;
display:block;
margin:0;
padding:0;
z-index:200;
position:absolute;
top:140px;
right:30px;
}

#alexandria a:link, #alexandria a:visited{
width:201px;
height:129px;
display:block;
/*margin:58px 0 0 150px;*/
margin:0;
padding:0;
background-image:url(images/ticket-alexandria.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
font-size:0;
z-index:200;
}

#alexandria a:hover, #alexandria a:active {
background-position:-208px 0;
}

/*-----Lorton Ticket-----*/
#lorton {
width:206px;
height:126px;
display:block;
margin:0;
padding:0;
z-index:100;
position:absolute;
right:170px;
top:180px;
}

#lorton a:link, #lorton a:visited {
width:206px;
height:126px;
display:block;
/*margin:-60px 0 0 44px;*/
padding:0;
background-image:url(images/ticket-lorton.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
font-size:0;
z-index:100;
}

#lorton a:hover, #lorton a:active {
background-position:-208px 0;
font-weight:bold;
}

/*-----Lakeridge Ticket-----*/
#lakeridge {
width:198px;
height:118px;
display:block;
margin:0;
padding:0;
z-index:50;
position:absolute;
top:260px;
right:50px;
}

#lakeridge a:link, #lakeridge a:visited{
width:198px;
height:118px;
display:block;
/*margin:-40px 0 0 110px;*/
margin:0;
padding:0;
background-image:url(images/ticket-lakeridge.png);
background-position:0 0px;
background-repeat:no-repeat;
border:0;
font-size:0;
z-index:50;
}

#lakeridge a:hover, #lakeridge a:active {
background-position:-200px 0;
}

#all-aboard {
width:300px;
height:39px;
margin:0;
padding:0;
position:absolute;
top:375px;
right:70px;
}


/*-----Bottom section that holds all of the reference links.-----*/
#resources-wrap {
width:100%;
height:auto;
background-image:url(images/resources-bg.gif);
background-repeat:repeat-x;
background-position:top center;
}

#resources-wrap2 {
width:100%;
height:535px;
background-image:url(images/bottom-landscape-bg.png);
background-repeat:repeat-x;
background-position:bottom center;
}


#resources {
width:816px;
height:400px;
margin:0 auto;
padding:0 0 0 150px;
position:relative;
}

#resources ul {
float:left;
width:185px;
padding:20px;
margin:0;
color:#50452e;
list-style-type:none;
text-indent:0;
position:relative;
}


#resources ul h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#89b950;
padding:0;
margin:0 0 10px 0;
}

#resources ul li {
margin:0;
padding:0;
line-height:12px;
text-align:left;
}

#resources ul li a:link, #resources ul li a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#50452e;
text-decoration:none;
padding:0;
margin:0;
}

#resources ul li a:hover, #resources ul li a:active {
color:#fb7164;
}

#resources ul li a.more:link, #resources ul li a.more:visited {
font-size:12px;
font-weight:bold;
color:#f5812f;
}

#resources ul li a.more:hover, #resources ul li a.more:active{
color:#bf2200;
}

/*-----Holds Station image and link.-----*/

#station {
width:294px;
height:320px;
position:absolute;
bottom:-136px;
left:0px;
background-image:url(images/station.png);
background-position:bottom;
background-repeat:no-repeat;
}

/*-----This is the Parent Resources link with the cloud background-----*/
#station a:link, #station a:visited {
width:131px;
height:92px;
display:block;
margin:0;
padding:25px 0 0 40px;
background-image:url(images/parent-resources-bg.png);
background-position:0 0px;
background-repeat:no-repeat;
font-family:Verdana, Arial, sans-serif;
font-size:24px;
line-height:18px;
color:#82b732;
text-decoration:none;
}

#station a:hover, #station a:active {
background-position:-173px 0px;
}

/*-----Bottom Car-----*/
#bottom-car {
width:155px;
height:100px;
display:block;
background-image:url(images/bottom-car.png);
background-repeat:no-repeat;
position:absolute;
bottom:-136px;
right:0px;
}
		

/*-----Baby Callout in Content-----*/
#baby-link {
width:235px;
height:191px;
position:absolute;
}

#baby-link a:link, #baby-link a:visited {
width:167px;
height:87px;
margin:0;
padding:63px 0 0 20px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/baby-link-sm.png);
background-position:0 0;
background-repeat:no-repeat;
}

#baby-link a:hover, #baby-link a:active {
background-position:-202px 0;
color:#fb7164;
}

/*-----Boy with Thumbs Up Callout in Content-----*/
#boy-link {
width:235px;
height:191px;
position:absolute;
left:300px;
}

#boy-link a:link, #boy-link a:visited {
width:175px;
height:87px;
margin:0;
padding:63px 0 0 20px;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
line-height:14px;
color:#FFFFFF;
text-decoration:none;
background-image:url(images/boy-thumbs-up.png);
background-position:0 0;
background-repeat:no-repeat;
}

#boy-link a:hover, #boy-link a:active {
background-position:-202px 0;
color:#D60000;
}

#boy-link a span {
font-size:8px;
color:#662D91;
}


/*------Bread Crumbs-----*/
#breadcrumbtree {
margin:0 0 0 85px;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#f59928;
clear:left;
}
#breadcrumbtree a.breadcrumb:link, #breadcrumbtree a.breadcrumb:visited {
color:#f59928;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#breadcrumbtree a.breadcrumb:hover, #breadcrumbtree a.breadcrumb:active {
color:#8cbb52;
}

/*-----Footer-----*/

#footer {
clear:both;
width:100%;
background-image:url(images/footer-bg.gif);
background-repeat:repeat-x;
background-position:top left;
background-color:#DDB4A5;
text-align:center;
line-height:11px;
padding:20px 0 0 0;
margin:0;
}

#footer p {
width:996px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:11px;
font-weight:normal;
color:#3b5b42;
padding:20px 20px 20px 0;
margin:0 auto;
}

#footer p a:link, #footer p a:visited {
padding:0;
margin:0;
text-decoration:underline;
color:#FFFFFF;
}

#footer p a:hover, #footer p a:active {
color:#FFFFFF;
text-decoration:none;
}

#footer ul {
	padding:0 0 10px 0;
	width:900px;
	margin:0 auto;
	
	
}
#footer li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#2c3745;
	list-style-type:none;
	display:inline;
	line-height:11px;
	padding:0 10px 0 0;
	margin:0;
	text-align:center;
}
#footer li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6CB7DE;
	list-style-type:none;
	display:inline;
	line-height:11px;
	padding:0 10px 0 0;
	margin:0;
	text-align:center;
	text-decoration:none;

}

#footer li a:hover {
	text-decoration:underline;
}


/*-----Print vs. Screen Classes----*/
.printonly {
	display:none;
	visibility:collapse;
	}
.screenonly {
	visibility:visible;
	display:block;
}