/* Diabetes Ulster CSS */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}#
.button {background: #f00; border: 2px solid #f00}

/* Globals */
html {padding: 0; margin: 0; height: 100%;}
body {margin: 0; padding: 0; font: 70% Verdana, Geneva, sans-serif; color: #777; background: #fff; height: 100%;}
.left {float: left;}
.middle {vertical-align: middle; margin: 0 10px 0 0;}
.right {float: right;}
.clear {both
	background-color: #FFFFFF;
}
span.line {display: block; border-bottom: 1px solid #d4d4d4; margin: 0 0 10px 0; padding: 10px 0 0 0; clear: both;}

/* Global Text */
p {
	margin: 0;
	padding: 10px 0;
	background-color: #FFFFFF;
}
.highlight {color: #3f86ac; font-size: 110%;}
a, a:link, a:visited {color: #3f86ac; text-decoration: none;}
a:hover, a:active {color: #65a8cf;}

/* Global Tables */
table {border: 1px solid #5a748e; margin: 10px 0;}
table tr.alt {background: #f5f5f5;}
table th {background: #5a748e; border: 1px solid #5a748e; padding: 5px; font-size: 110%; color: #fff; text-align: left;}
table td {border: 1px solid #5a748e; padding: 3px 5px; text-align: center;}

div.feedback table, div.feedback td {border: none; text-align: left;}


/* Page */
#pageholder {margin: 0 auto; padding: 5px 0 0 0; width: 1000px; background: url(../images/bg_page.gif) repeat-y;}

/* Top */
#top {background: url(../images/bg_top.png) repeat-x; height: 112px;}
#top h1 {float: left;}
#top ul {float: right; margin: 53px 20px 0 0;}
#top li {display: inline; margin: 0; padding: 0; text-indent: -9999px;}
#top li a {margin: 0 5px 0 0; padding: 0; float: left; height:31px; background-repeat: no-repeat;}

li a.home, li a.home:hover, li a.homeactive {width:54px; background: url(../images/tab_home.png);}
li a.guide, li a.guide:hover, li a.guideactive {width:138px; background: url(../images/tab_guide.png);}
li a.about, li a.about:hover, li a.aboutactive {width:81px; background: url(../images/tab_about.png);}
li a.service, li a.service:hover, li a.serviceactive {width:74px; background: url(../images/tab_service.png);}
li a.news, li a.news:hover, li a.newsactive {width:116px; background: url(../images/tab_news.png);}
li a.links, li a.links:hover, li a.linksactive {width:51px; background: url(../images/tab_links.png);}
li a.contact, li a.contact:hover, li a.contactactive {width:75px; background: url(../images/tab_contact.png);}
li a.home, li a.guide, li a.about, li a.service, li a.news, li a.links, li a.contact {background-position: top;}
li a.home:hover, li a.homeactive, li a.guide:hover, li a.guideactive, li a.about:hover, li a.aboutactive, li a.service:hover, li a.serviceactive, li a.news:hover, li a.newsactive, li a.links:hover, li a.linksactive, li a.contact:hover, li a.contactactive {background-position: bottom;}

/* Left */
#leftcol {width: 302px; margin: 0 0 20px 0; float: left;}
#leftcol h2 {background: url(../images/h2_left.png) no-repeat; padding: 10px 0 19px 21px}
#leftcol ul {margin: 14px 0 20px 24px; font-size: 120%;}
#leftcol li { padding: 0 0 5px 14px; background: url(../images/list.gif) no-repeat 0 4px;}
#leftcol li ul, #leftcol ul li ul li ul {margin: 0 0 5px 0;}
#leftcol li ul li {padding: 2px 25px 2px 15px; background: url(../images/minus.gif) no-repeat 0 7px; font-size: 70%;}
#leftcol li ul li ul li {padding: 2px 0; background: none; font-size: 70%;}
#leftcol ul li ul li ul li a {color: #777;}

#leftcol p.more {background: url(../images/list.gif) no-repeat 160px 5px; margin: 0 20px 0 0; padding: 0; text-align: right; font-size: 120%;}
#leftcol p.clinic {margin: 20px 0 0 0;}
#leftcol p.faq {margin: 0;}

#leftcol ul.news {margin: -10px 0 5px 16px; padding: 0 20px 0 0; font-size: 100%;}
#leftcol .news li {margin: -2px 0 0 0; padding: 2px 0 3px 8px; background: none; border-bottom: 1px solid #d4d4d4; height: 52px;}
html>body #leftcol .news li {margin: 0;} /*Firefox fix*/
html>body #leftcol .news li {*margin: -2px 0 0 0;} /*IE7 fix*/
#leftcol .news li a {color: #777; padding: 6px 0 0 0; display: block}
#leftcol .news li:hover {background: #7f9ab6; color: #fff; border-bottom: 1px solid #fff;}
#leftcol .news li:hover a, #leftcol .news li:hover a span.highlight {color: #fff;}
#leftcol ul.news li img {float: left; border: 1px solid #637b93; margin: 5px 10px 5px 0;}

/* Content */
#content {width: 629px; padding: 0 0 50px 20px; float: left;}
#content h2 {margin: 20px 0; color: #5a748e; font-size: 200%; font-weight: normal; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; clear: both;}
#content h2 + p {padding-top: 0;}
#content h3 {margin: 10px 0 0 0; padding: 0 0 0 14px; background: url(../images/list.gif) no-repeat 0 4px; font-size: 140%; font-weight: normal; color: #5a748e;}
#content h3 + p {padding-top: 5px;}
#content h2 a, #content h2 a:visited, #content h3 a, #content h3 a:visited {text-decoration: none;}
#content h2 img, #content h3 img, #content img.noborder {border: none;}
#content h4 {margin: 10px 0 0 0; padding: 0; font-size: 120%;}
#content h5 {margin: 10px 0 0 0; padding: 0; font-size: 110%;}

#content img {border: 1px solid #637b93;}
#content img.left {margin: 0 10px 5px 0;}
#content img.right {margin: 0 0 5px 10px;}
#content a, #content a:visited {text-decoration: underline;}

#content ul {margin: 10px 15px;}
#content li {padding: 5px 20px; background: url(../images/bullet.gif) no-repeat 0 7px;}

#content div.pod {float: left; width: 180px; margin: 20px 40px 0 0;}
#content div.nomargin {margin-right: 0;}
#content div.pod p {padding: 0 0 5px 0;}

#content div.pod p.living, #content div.pod p.question, #content div.pod p.diary, #content div.pod a, #content div.pod .fake-hover {margin: 0; padding: 0; width: 180px; height: 50px;}
#content div.pod p.living, #content div.pod p.question, #content div.pod p.diary {text-indent: -9999px; position: relative;}
#content div.pod p a {position: absolute; top: 0; left: 0; display: block; border: 0; background: transparent; overflow: hidden;}
#content div.pod p .fake-hover {display: block; position: absolute; top: 0; left: 0;}

#content div.pod p.living {background: url(../images/btn_living.gif) no-repeat;}
#content div.pod p.living .fake-hover {background: url(../images/btn_living.gif) no-repeat 0 -50px;}
#content div.pod p.question {background: url(../images/btn_question.gif) no-repeat;}
#content div.pod p.question .fake-hover {background: url(../images/btn_question.gif) no-repeat 0 -50px;}
#content div.pod p.diary {background: url(../images/btn_diary.gif) no-repeat;}
#content div.pod p.diary .fake-hover {background: url(../images/btn_diary.gif) no-repeat 0 -50px;}

#content div.event {clear: both; padding: 10px 0;}
#content div.event p {padding: 5px 0;}

#content div.left, #content div.right, #content div.form {background: #f4f4f3; border: 1px solid #d4d4d4; margin: 0 0 20px 0; padding: 0 10px 10px 10px;}
#content div.left, #content div.right {height: 240px;}
#content div.left {width: 270px;}
#content div.left textarea {width: 240px;}
#content div.right {width: 300px;}
#content div.form {margin-top: 20px;}

form span.block {display: block; margin:0 0 15px 0;}
form span.block label {width: 80px; display: block; float: left; clear: left; text-align: left; margin:0; padding: 1px 5px 0 0;}
#content div.form span.block label {width: 240px; font-weight: bold; margin-right: 10px;}
#content input.button {background: #5a748e; border: none; color: #fff; cursor: pointer; padding: 5px 10px;}
textarea {margin: 0;}

#content p.pages {background: #5a748e; margin: 40px 0 20px 0; padding: 10px; color: #fff;}
#content p.pages a {border: 1px solid #fff; padding: 3px 5px; text-decoration: none; color: #fff;}
#content p.pages a.active {background: #fff; padding: 3px 5px; color: #5a748e;}

#content p.team img {
	margin: 0 10px 10px 0;
	background-color: #FFFFFF;
}

/* jtip */
#JT {position: absolute; top: 0; left: 0; width: 200px; z-index:100;}
#JT div.top {background: url(../images/tool_top.png) no-repeat; height: 6px; width: 200px;}
#JT div.bottom {background: url(../images/tool_bottom.png) no-repeat; height: 6px; width: 200px;}
#JT h3 {
	color: #f4c10f;
	font-size: 120%;
	font-weight: normal;
	background-image: url(../images/tool_bg.png);
}
#JT_copy {
	padding: 0 1px;
	color: #113559;
	background: url(../images/tool_bg.png);
	background-repeat: repeat-y;
}
#JT_copy p {padding: 0 0 5px 0;}
.jTip {
	cursor: pointer;
	background-color: #113559;
}


/* Footer */
#footer {background: #113559; clear: both; color: #fff; text-transform: uppercase; font-size: 90%; height: 40px;}
#footer p.left {
	margin: 14px 0 0 10px;
	padding: 0;
	background-color: #113559;
}
#footer p.right {
	margin: 5px 60px 0 0;
	padding: 0;
	background-color: #113559;
}
#footer p.right img {vertical-align: middle}