/* Key styles for: Hogan & McHugh*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 25 May 2009 */

/*Reset Styles*/
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: #ededed; font-family: "Constantia", Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #252525;}

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 960px; background: #fff; padding: 10px;}
#banner{ padding-top: 10px;}
#navigation{width: 200px; float: left; padding-top: 20px;}
#main-container{}
#content {background-color: #FFFFFF; min-height: 530px; overflow: hidden; }
#content .col {position: relative; float: left; padding: 10px; }
#left {width: 520px; }
#right {width: 200px; background: #196443;}
#full-width {width: 710px; margin: 0 25px; }
#footer{background: #196443; }
#bookmark{margin-top: 15px;}

/*Navigation Styles*/
#navigation { font-size: 1.4em; }
#navigation  ul {text-align: left; list-style: none; width: 180px;}
#navigation  li {background-color: #fff;  border-top: 2px solid #808080; }
#navigation li a{padding: 2px 10px; text-decoration: none; color: #252525;   display: block; width: 180px;font-weight: bold; border-bottom: none;}
#navigation ul li a:hover {background: #fff; width: 180px; color: #196443;}
#navigation li.last {border-bottom: 2px solid #808080;}


/*Subnavigation Styles*/
#navigation ul ul {  }
#navigation ul ul li{ display: none;}
#navigation ul li.current ul li{ display: block;}
#navigation ul ul li{background-color: #ededed; width: 170px; padding-left: 10px; font-size: .9em;}
#navigation ul ul li a{color: #196443; width: 180px;}
#navigation ul ul li a:hover{background: #196443; color: #fff; width: 150px; padding-left: 10px;}

/*Link Styles*/
a {color: #196443; text-decoration: none;}
a:link{color: #196443; text-decoration: none; border-bottom: none;}
a:visited {color: #196443; text-decoration: none; border-bottom: none; }
a:hover {color: #252525; border-bottom: 1px dotted #196443;}


#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}

#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}


#footer a:link{color: #fff; border-bottom: 1px dotted #fff;}
#footer a:hover{color: #fff; border-bottom: 1px dotted #ccc;}

#bookmark a{font-size: .8em;}
#bookmark a:hover{border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 2em; color: #196443; padding-bottom: 2px; border-bottom: 2px solid #252525; margin-bottom: 10px;}
h2 {font-size: 1.5em; color: #196443; padding-bottom: 2px;}
h3 {font-size: 1.3em; color: #196443; padding-bottom: 2px;}
h4 {font-size: 1.2em; color: #196443; padding-bottom: 2px;}
#content p,#content ul,#content ol {padding-bottom: 10px; font-family: Verdana; font-size: .8em;}

#banner p{font-size: 1.5em; color: #808080; margin-left: 250px; padding-top: 40px; }
#footer p{margin-left: auto; margin-right: auto; width: 960px; color: #fff; padding: 5px 0; font-size: .9em; }
.feature h2{padding: 5px; border-bottom: 4px solid #196443;}
.feature p{padding: 5px 10px;}


/*Table Styles*/
table {background-color: #dddbdb; border: 1px solid #fff; margin-bottom: 10px; margin-top: 10px; text-align: center; table-layout: auto;}
table td{padding: 5px; background-color: #dddbdb; color: #252525; border: 1px solid #fff; vertical-align: middle; padding-bottom: 10px; font-family: Verdana; font-size: .7em;}
table th{background-color: #196443; color: #fff; border: 1px solid #fff; padding: 5px;}
table td p { font-size: 1em !important; }
table.property {text-align: left;}

/*List Styles*/
#content ul, #content ol {margin-left: 30px; padding-bottom: 10px; padding-top: 5px;}
.thumbscontainer ul{margin-left: 0px !important;}


/*Image Styles*/
#left img, #full-width img {padding: 2px;}
.feature p img{margin: 5px; border: 1px solid #808080; padding: 0;}
#bookmark img{float: left; margin-top: -5px;}

/*Image Gallery*/
.thumbs li{height: 100px; width: 150px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0;}
.thumbs p {display: none;}


/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.feature {background: url(images/featuretop.gif) no-repeat top #fff; margin-bottom: 10px;}
.highlight{color: #196443;}
.red {color: #ff0000;}