div#id-MainContainer
{ position: relative; width: 759px; margin: auto; text-align: left; }

select#id-QuickLinks
{ position: absolute; top: 20px; right: 20px; z-index: 1; /* Firefox displays this element under the H1 header element, so setting the z-index on both elements fixes this */ }

div#id-SideNavigation
{ float: left; margin-right: 53px; }

div#id-SideNavigation ul
{ list-style: none; width: 110px; max-width: 110px; /* IE doesn't recognise this property */ margin: 0px; padding: 0px; overflow: hidden; }

div#id-SideNavigation ul li
{ border-bottom: 1px solid #997FB6; }

div#id-SideNavigation ul li a
{ display: block; padding: 5px 0px 5px 6px; text-decoration: none; background-color: #fdedc8; }

div#id-SideNavigation ul li a:hover
{ background-color: #fcdc8a; color: #000000; }

div#id-SideNavigation ul li a#id-SideNavigation-Top
{ background-image:  url(../../../www4/stlukes/include/%22/Assets/Images/MenuSub-TopLine.gif%22); background-position: left top; background-repeat: no-repeat; padding-top: 6px; /* This pushes the top nav button down to avoid the image */ }

div#id-SideNavigation ul li ul
{ margin-top: 1px; }

div#id-SideNavigation ul li ul li a
{ display: block; padding: 5px 0px 5px 6px; background-color: #D9D9D9; }

div#id-SideNavigation ul li ul li a:hover
{ background-color: #FFF2DF; color: #fcdc8A; }

div#id-SideNavigation ul li ul li#id-SideNavigation-Bottom
{ border-bottom: none; }

* html div#id-SideNavigation ul li ul li#id-SideNavigation-Bottom
{ margin-bottom: -16px; }

div#id-Content
{ float: left; max-width: 594px; /* IE doesn't recognise this property */ }

img#id-MainMenu-TopLine
{ position: relative; left: -1px; }

ul#id-MainNavigation
{ list-style: none; margin: 0px; padding: 0px; float: left; /* If <li>'s are floated then the <ul> no longer contains them. Floating the <ul> fixes this. */ border-bottom: 2px solid #FFFFFF; }

ul#id-MainNavigation li
{ float: left; }

ul#id-MainNavigation li a
{ display: block; padding: 5px 23px 5px 23px; text-decoration: none; font-size: 90%; min-height: 15px; /* IE/Win doesn't recognise the property 'min-height' */ background-image:  url(../../../www4/stlukes/include/%22/Assets/Images/MainMenu-DividingLine.gif%22); background-position: right center; background-repeat: no-repeat; }

* html ul#id-MainNavigation li a
{ padding: 5px 19px 5px 21px; }

ul#id-MainNavigation li a:hover
{ color: #FF8000;	}

ul#id-MainNavigation li a#id-MainNavigation-Last
{ padding-right: 22px; background-image: none; border: 0px; }

div#id-Footer
{ width: 593px; margin-top: 8px; }

div#id-Footer a
{ text-decoration: none; }

div#id-Footer a:hover
{ color: #CCCCCC; }

div#id-Footer ul
{ list-style: none; margin: 0px; padding: 0px; width: 100%; overflow: hidden; border-top: 1px solid #CCCCCC; }

div#id-Footer li
{ float: right; padding-top: 5px; font-size: 85%; /* IE/Win only recognises percentages in 10's not in 5's so this percentage is understood by compliant browsers */ }

div#id-Footer li#id-StormLink
{ float: left; margin-left: 10px; display: inline; /* This fixes the double-margin rendering bug in IE/Win browsers */ }

div#id-ContactDetails
{ float: right; padding: 10px; border: 1px solid #666666; background-color: #FFFFFF; }

form#id-FormContact dt
{ float: left; width: 97px; margin-bottom: 2px; }

form#id-FormContact dd
{ margin-bottom: 2px; }

form#id-FormContact textarea
{ width: 142px; height: 3.5em; }

* html form#id-FormContact textarea
{ width: 140px; height: 3em; overflow: auto; }

input#id-FormContact-Submit
{ border: 1px solid #666666; background-color: #FFFFFF; margin-left: 98px; }

* html input#id-FormContact-Submit
{ margin-left: 100px; }

table#id-TableProductData
{ border: 1px solid #CCCCCC; border-right: 0px; border-bottom: 0px; border-collapse: collapse; width: 90%; margin-bottom: 5px; }

table#id-TableProductData td,
table#id-TableProductData th
{ border: 1px solid #CCCCCC; padding: 5px; text-align: center; }

table#id-TableProductData th
{ background-color: #EEEEEE; }

#header
{ height: 181px; position: relative; background: url(../images/NavigationBg.jpg) left top no-repeat; width: 766px; margin: auto; }

#header #flash
{ position: absolute; left: 0; top: 0; }

#header #homeLink a
{ position: absolute; left: 0; top: 46px; width: 400px; height: 100px; }

#header ul
{ list-style: none; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0; }

#header ul li
{ float: left; }

.photoAlbum
{ position: relative; margin: 20px; font-size: 11px; background-color: #053156; color: #FFF; }

.photoAlbum h1
{ margin-bottom: 0; padding: 5px 8px; font-size: 18px; background-color: #D9AE00; }

.photoAlbum a
{ text-decoration: none; color: #FFF; }

.photoAlbum h1 a
{ color: #053156; }

.photoAlbum h1 a:hover
{ color: #FFF; }

.photoAlbum .date
{ position: absolute; right: 8px; top: 10px; }

.photoAlbum .description
{ padding: 5px 8px;}

.pagination
{ font-size: 11px; }