html {margin: 0; padding: 0; border: none; font-size: 100%; height: 100%; min-height: 100%; color: #000; background-color: #4561A2; background-image: url("img/html_background.png"); background-repeat: repeat-x; background-attachment: fixed;}
body {margin: 0 auto; padding: 0 3em 0 14em; border: none; border-left: 0.067em solid #ddd; border-right: 0.067em solid #ddd; font-size: 1em; width: 43em; height: 100%; min-height: 100%; background-color: #fff;	background-image: url("img/body_background.png"); background-position: 2px 0; background-repeat: no-repeat; color: #000; }
html > body {height: auto;}

img {border: none;}

a:link,a:visited {text-decoration: none;}
a:hover,a:focus {text-decoration: underline;}

div.leftColumn {float: left; display: inline; position: relative; font-size: 1em !important; margin: 0; margin-left: -13em; width : 12em;}
div.leftColumn img#logo {display: block; margin: 0; padding: 1.5em 0 1.5em 0; border: none;}
div.leftColumn img#byline {display: block; margin: 0; padding: 0 0 1.5em 1.308em; border: none;}


div.leftColumn ul#menu a:hover {text-decoration: none;}
div.leftColumn ul#menu { display: block; width: 175px; margin: 0 !important; padding: 0 !important; border: none !important; list-style-type: none; list-style-position: outside;}
div.leftColumn ul#menu li {display: inline-block; margin:0; padding: 0; border: none; font: bold 13px "Trebuchet MS",Arial,sans-serif;}
div.leftColumn ul#menu li span,
div.leftColumn ul#menu li a {display: inline-block; margin: 0 0 4px 0; padding: 0 8px 0 18px; width: 149px; line-height: 28px; height: 28px; min-height: 28px;}
div.leftColumn ul#menu li a {color: #666; background-image: url("img/menu_plain.png")}
div.leftColumn ul#menu li span {color: #f41; background-image: url("img/menu_select.png")}
div.leftColumn ul#menu li a:hover {color: #03c; background-image: url("img/menu_highlight.png")}
div.leftColumn ul#menu li ul {display: none; margin: 0; padding: 0; border: 0; list-style-type: none; list-style-position: outside;}


div.leftColumn ul#menu li.selected span,
div.leftColumn ul#menu li.selected a {display: inline-block; margin: 0 0 4px 0; padding: 4px 8px 0 18px; width: 145px; line-height: 28px; height: 28px; min-height: 28px;}
div.leftColumn ul#menu li.selected ul li span,
div.leftColumn ul#menu li.selected ul li a {display: inline-block; margin: 0 0 4px 0; padding: 0 4px 0 14px; width: 145px; line-height: 27px; height: 27px; min-height: 27px;}

div.leftColumn ul#menu li.selected {display: inline-block; margin:0; padding: 0; border: none; font: bold 13px "Trebuchet MS",Arial,sans-serif; background-image: url("img/open_menu_bottom.png"); background-position: bottom center; background-repeat: no-repeat; margin-bottom: 4px;}
div.leftColumn ul#menu li.selected ul {display: inline-block; width: 167px !important; padding: 0 4px 4px 4px;}
div.leftColumn ul#menu li.selected a {background-image: url("img/open_menu_top.png"); background-repeat: no-repeat;}
div.leftColumn ul#menu li.selected span {background-image: url("img/open_menu_top.png"); background-repeat: no-repeat;}
div.leftColumn ul#menu li.selected ul li a,
div.leftColumn ul#menu li.selected ul li span {border-top: 1px solid #fff; background-image: none !important;}


div.leftColumn ul#menu li.selected a {color: #03c;}
div.leftColumn ul#menu li.selected a:hover {color: #f41;}
div.leftColumn ul#menu li.selected span {color: #f41;}


div.leftColumn ul#menu li.show ul {position: absolute; display: inline; left: 176px; margin: 0; padding: 0; border: 0; list-style-type: none; list-style-position: outside; padding: 0 4px 0 4px ; background: #cacad6;}
div.leftColumn ul#menu li.show a {color: #666; background-image: url("img/menu_plain.png")}
div.leftColumn ul#menu li.show a:hover {color: #03c; background-image: url("img/menu_highlight.png")}
div.leftColumn ul#menu li.show a ul li a {color: #666; background-image: url("img/menu_plain.png")}
div.leftColumn ul#menu li.show a ul li a:hover {color: #03c; background-image: url("img/menu_highlight.png")}


div.bordered {position: relative; border: 3px double #ccc; padding: 0.25em 1em !important; width: 18.5em;}
span.contact_space {position: absolute; left: 9em;}

table#servicesOffered {margin: 0; padding: 0; border: none; width: 42.5em;}

ol, ul {margin: 0.692em 0 0.692em 1.25em; padding: 0; border: none; font-size: 1em; list-style-position: outside; list-style-image: none;}
ul {list-style-type: circle;}
ol {list-style-type: lower-roman;}
li {margin: 0; padding: 0; font-size: 0.813em; font-family: Verdana,sans-serif; line-height: 1.385em;}

h1,h2,h3,h4 {padding: 0; font-family: Verdana,Arial,sans-serif; font-weight: normal;}
h1 {padding: 1.5em 0 0.25em 0; font-size: 1.5em; line-height: 1.125em; margin: 0;} /* 22 */
h2 {font-size: 1.25em; line-height: 1.35em; margin: 0.45em 0; border-bottom: 1px solid #999; font-variant: small-caps;} /* 19 */
h3 {font-size: 1.125em; line-height: 1.5em; margin: 0.5em 0; border-bottom: 1px solid #c06;} /* 16 */
h4 {font-size: 0.875em; line-height: 1.273em; margin: 0;} /* 14 */

p {margin: 0; padding: 0; font: normal 0.813em Verdana,Arial,sans-serif; line-height: 1.385em; margin: 0.692em 0;}
p a{color: #06c; background: transparent;}

p.copyright {clear: both; text-align: center; margin: 0 !important; font-size: 0.688em !important;}
p.copyright a img {display: block; text-align: center; margin: 0 auto; padding: 1em 0 !important;}

.heading {font-size: 1.385em;}

.alignCenter {text-align: center; vertical-align: top;}
.alignLeft {text-align: left; vertical-align: top;}
.alignRight {text-align: right; vertical-align: top;}

.imgLeft {text-align: left; margin-right: 1.25em; vertical-align: top;}

p.paraLeft {float:left; margin: 0;}
p.paraRight {float:right; margin: 0;}
p.paraLeft img,p.paraRight img {padding: 0 0 0 2em; background: #fff;}

.clearIT {clear: right; display: block;}
.clearLeft {clear: left;}
/*  --- Quotes ---  */
q {color: #339; font-style: italic;}


.block {padding-left: 1.267em; margin-right: 1.267em; font: bold 1em tahoma, sans-serif; color: #339; background: transparent url("img/startQuote.gif") left top no-repeat;}

blockquote {margin: 0; padding: 0.5em 1em 0.5em 2.75em; border: none; background-image: url("img/new_quotes.gif"); background-color: #e9f3fc; background-repeat: no-repeat;}
blockquote p {color: #0044aa; font-family: georgia;}
p.person {text-align: right; margin-bottom: 2px; font: bold 13px tahoma, sans-serif;}
p.organisation {text-align: right; margin-top: 2px; font: bold 13px tahoma, sans-serif; color: #cc0000;}
strong {font-weight: bold;}
em {color: #a06; font-style: italic;}
.tabOne{float: left; margin: 0 0 0 1.5em;}
.tabTwo{margin-left: 112px;}
.captions{margin: 2px; font: bold 11px sans-serif; text-align: center;}

div.rightColumn {float: right; padding: 0 1em;}

ul.expanded_list {margin-top: 0.75em !important;}
ul.expanded_list li {margin-bottom: 0.75em !important;}




/*  --- Forms ---  */




#MailingList {background: #def; padding: 0.25em 1em;  border: 1px dotted #39c;}
#MailingList p.breakOut1 {text-align: center; padding: 0.45em 0 !important; font-weight: bold !important;}

#SignUpFrame {float:right; background: #e9f2ff; margin: 1em 0.5em 1em 1.25em; padding: 0.5em 1.25em; border: 2px solid #fff;}
#SignUpFrame p {margin: 0.8em 0;}
#icpsignup3218 span.tabbed {position: relative; margin-left: 96px;}
#icpsignup3218 label.text {position: absolute; text-align:right; width:88px; }
#icpsignup3218 input.text {font: bold 1em Arial, sans-serif; background: #e9efff; color:#000; border: 1px solid #c0cce0;}
#icpsignup3218 input.text:focus {background: #f7fbff;}


#ContactUs span.tabbed {position: relative; margin-left: 100px;}
#ContactUs label.text {position: absolute; text-align:right; width:90px; }
#ContactUs input.text {font: bold 1em Arial, sans-serif; background: #e9efff; color:#000; border: 1px solid #c0cce0;}
#ContactUs input.text:focus {background: #f7fbff;}
#ContactUs textarea {font: bold 1em Arial, sans-serif; background: #e9efff; color:#000000; border: 1px solid #c0cce0;}
#ContactUs textarea:focus {background: #f7fbff;}
#ContactUs input#submit {margin-left: 100px; cursor: pointer;}


#HealthCheck label.text {}
#HealthCheck label.check {}
#HealthCheck label.radio {}
#HealthCheck input.text {font: bold 1em Arial, sans-serif; background: #e9efff; color:#000; border: 1px solid #c0cce0;}
#HealthCheck input.text:focus {background: #f7fbff;}
#HealthCheck textarea {font: bold 1em Arial, sans-serif; background: #e9efff; color:#000; border: 1px solid #c0cce0;}
#HealthCheck textarea:focus {background: #f7fbff;}
#HealthCheck input.submit {}


/*  --- Lists ---  */

ul.ListType1 {margin: 0; list-style-position: outside; list-style-type: none;}
ul.ListType1 li {font-weight: normal; font-size: 0.813em; line-height: 1.5em;}
ul.ListType1 li.row1 {background: #def;}
ul.ListType1 li.row2 {background: #f6f6f6;}



.css_visibleNo {visible: none;}
.css_positionAbsolute {position: absolute;}


.sShow {margin: 7px 20px; border-top: 1px solid #000000; height: 166px; min-height: 166px;}
.sShow ul {list-style: none none outside;}
.sShow li {margin: 2px 0px; font: 13px Georgia, "Times New Roman", times, ms-serif, serif;}
.listFormat {list-style: none none outside;}
.listFormat li {margin: 2px 20px 2px 20px;}
.checkListEven{background: #e5e5ff;}
.checkListOdd{background: #ffffff;}

.highLight {color: #ff3300 !important; }

dt {margin: 9px 20px; font: 13px Georgia, "Times New Roman", times, serif;}
dd {margin: 9px 20px; font: 13px Georgia, "Times New Roman", times, serif; display: none; border-left: 2px solid #009933; padding-left: 5px;}





/*  --- Photo and Image Handling ---  */
.imgLeft{float: left;}
.imgRight{float: right;}
.ta_center{text-align: center;}
.picLeft{float: left; margin: 7px 12px 7px 20px;}
.picRight{float: right; margin: 7px 20px 7px 40px;}

p img.photo {display: block; border: 1px solid #006699; padding: 0px; margin: 0px 0px 0px 9px; background: #ffffff;}

#gregPhoto{cursor: pointer;}
#supportPic{float: right; margin: 5px 20px;}
.listItem{margin-right: 5px; vertical-align: middle; cursor: pointer;}
.lineBreak{display: block; margin: 12px 20px;}
#contactKey{display: block; margin-top: 42px; margin-left: 20px;}

.viewer{float: right;}
#map{border: 1px solid #cc6699; padding: 2px;}
.superMap1{height: 16px; width: 16px;}
.superMap2{background: #ffff88;}


#consultingServices {background: url("img/greyfade.png") repeat-y; width: 132px; float: right; margin: 7px 7px 7px 12px; padding: 4px 5px 4px 3px; border-left: 1px solid #f0f0f0}
#consultingServices h2 {background: #ffdd99; border: none; padding: 5px 7px; margin: 3px 5px 1px 0px;}
#consultingServices img {background: url("img/orangefade.png") top right no-repeat; padding-top: 2px;}


/*  --- Panels and News Items ---  */
#columnOne{position: absolute; left: 20px; top: 140px; width: 156px;}
#columnTwo{position: absolute; left: 180px; top: 140px; width: 230px;}
#columnThree{position: absolute; left: 413px; top: 140px; width: 156px;}
#firstPage{position: absolute; left: 20px; top: 480px; width: 550px;}

.rounded{margin: 5px;}
.rounded p{margin: 13px; font: normal 13px Georgia, "Times New Roman", times, ms-serif, serif;}
.roundedTopLeft{float: left;}
.roundedTopRight{float: right;}
.roundedBottomLeft{float: left;}
.roundedBottomRight{float: right;}

.purple{background: #e6e4f1 url("img/cssPurpleShade.png") repeat-x; color: #000000;}
.white{background: #ffffff url("img/cssGreyShade.png") 100% 100% repeat-x; color: #000000;}
.pink{background: #f2e4f8 url("img/cssPinkShade.png") repeat-x; color: #000000;}
.beige{background: #fff2de url("img/cssBeigeShade.png") repeat-x; color: #000000;}

.panelPurple{margin: 5px; padding: 7px; border: 1px solid #cccccc; background: #e6e4f1 url("img/cssPurpleShade.png") repeat-x; color: #000000;}
.panelPink{margin: 5px; padding: 7px; border: 1px solid #cccccc; background: #f2e4f8 url("img/cssPinkShade.png") repeat-x; color: #000000;}
.panelBeige{margin: 5px; padding: 7px; border: 1px solid #cccccc; background: #fff2de url("img/cssBeigeShade.png") repeat-x; color: #000000;}

.NewsArch{display: none;}
.imgThumb{float: left; margin-right: 10px; border: 1px solid #ddeeff;}
.panelImgLeft{float: left; margin: 7px 7px 5px 5px;}
.panelImgRight{float: right; margin: 7px 5px 5px 7px;}


div.polaroid img {display: block; background-color: #fff; border: none; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 1em 1em 2em 1em; background-position: bottom left; background-image: url("img/polaroid-back.png"); background-repeat: repeat-x;}

.boxy {width: 200px; height: 200px; min-height: 200px; display: block; border: 2px solid #0c0;}
.red {background-color: red;}
#myBox {color: #509;}

hr {margin: 2em 1em; padding: 0; color: #05d;}


.active_seminar {background: #e0ecfc; border: 3px double #9cf; padding: 1em;}

.bold {font-weight: bold;}


.smallh1 {font-size: 1.125em; padding-top: 0.5em !important;}
.alignCenter {text-align: center;}

.moreMarginTop {margin-top: 1.5em !important;}
.moreMarginLeft {margin-left: 2em !important;}
.moreMarginLeft2 {margin-left: 3.6em !important;}


div#breakeven {padding: 12px 24px; width: 450px; border: 2px solid #69c;}
div#breakeven label.text {position: absolute; width: 260px;}
div#breakeven input.text {position: relative; width: 96px; margin-left: 300px;}
div#breakeven label.radio {position: relative; display: inline-block; width: 64px;}
div#breakeven input.radio {position: relative;}
div#breakeven h3 {border: none; font-size: 14px; font-weight: bold;}

div#breakeven p span {color: #f00;}
div#breakeven div.radiobox {border: 1px solid #69c; padding: 4px 8px;}