html {font-size: 13px; line-height: 150%;}
html.sizeMedium {font-size: 14px; }
html.sizeLarge {font-size: 15px; }

body, table, textarea {font-family: Arial,sans-serif; font-size: 1em; margin:0; word-spacing: 1px; color: #333333;}
.bold {font-weight:bold;}
.deemphasized {font-style: italic; color:#888888; font-size: .9em;}
.ie6 form, .ie7 form{zoom:1} /*fixes buttons*/

h1, h2, h3, h4 { line-height:auto !important; }

h1 a {text-decoration: none;}
h2 {font-size:2em; line-height:26px; font-weight:normal; word-spacing:3px;}
h3 {font-size:1.4em; font-weight:normal; word-spacing:1.8px;}
h4 {font-size:1em; margin-bottom:0; margin-top:5px; color:#333}

hr {color:silver; background-color:#dddddd; height:1px; width:95%; border:0;}
a:hover {text-decoration: none;}
a img {border:none; }
p {text-align:left;}

/*Main Photo styling*/
.mainPhoto {position: relative; height:247px; width:239px; padding-top:7px;  text-align:center; background: url('../images/HJ/layout/photo_frame_large_v-1.png') no-repeat;}
.ie6 .mainPhoto { background: url('../images/HJ/layout/photo_frame_large_IE6_v-1.png') no-repeat;}
.mainPhoto img {width:225px; height:225px;}

/* Corner radius */
.ui-corner-top { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; }
.ui-corner-all { -moz-border-radius: 7px; -webkit-border-radius: 7px; }

/* form boxes */
.roundedCornerSection {border: 1px solid #dfdfdf; color: #362b36; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#contentPanel .roundedCornerSection {padding:10px 15px;}
#leftPanel .roundedCornerSection , .col2 .roundedCornerSection {margin-bottom:10px;}
.roundedCornerSection h3 {margin-top:8px; margin-bottom:8px;}

/* buttons */
.button {cursor:pointer; padding:0 6px 0 0; background: url('../images/HJ/ui/buttons_v-1.png') no-repeat scroll right -35px; text-align:center; display: inline-block; text-decoration:none; outline: none;}
.button input, a.button span {white-space: nowrap; cursor:pointer; background: url('../images/HJ/ui/buttons_v-1.png') no-repeat scroll left 0; border:none; position:relative; padding:0 9px 2px 15px; height: 30px; font-size:.9em; line-height:150%; font-weight:bold !important; text-shadow: 1px 1px 0 #ffffff; letter-spacing:0.2px; color:#495c26; display: inline-block; margin:0;}
a.button span {padding-top: 5px; height: 23px;}
.button:hover, .button:active, .button:focus {cursor:pointer; background-position: right -115px !important;  display: inline-block; outline:none;}
.button:hover input, a.button:hover span{ cursor:pointer; background-position: left -80px; outline:none;}
.button input {line-height: 100%;}
.focusedButton {outline: 1px dotted #888}
.focusedButton input {outline:none;}
a.connect {vertical-align: -5px;}
.connect.tumbler.btn {background:url('../v1/share_4.png') no-repeat scroll left top transparent;display:inline-block; width:20px; height:20px;}
.connect.twitter.btn {background:url("../hugxd2w/ULIma0bba/social-icons-black.png") left top no-repeat;background-position: -18px top;background-position-x: -18px;width: 18px;height: 18px;display: inline-block;opacity: 0.8;margin: 0 0px 0 5px;}
.connect.facebook.btn {background:url("../hugxd2w/ULIma0bba/social-icons-black.png") left top no-repeat;background-position: -36px top;background-position-x: -36px;width: 18px;height: 18px;display: inline-block;opacity: 0.8;padding: 0;}

/*removing dotted outline on the buttons except in IE*/
button::-moz-focus-inner, input[type='reset']::-moz-focus-inner, input[type='button']::-moz-focus-inner, input[type='submit']::-moz-focus-inner, input[type='file'] > input[type='button']::-moz-focus-inner {border: none;}

/* Links with an arrow */
a.moreLink {outline:none; white-space:nowrap; background:url('../images/HJ/ui/hj_arrows_sprite_v-1.png') no-repeat right 1px; padding-right:18px; display: inline-block; }
a.moreLink:hover {text-decoration:none;}
.sizeMedium a.moreLink {background-position: right 2px; }
.sizeLarge a.moreLink {background-position: right -44px; padding-right: 19px;}


.center {text-align:center}


/*sitemesh layout styles*/
#mainPanel {zoom:1; width:952px; margin:auto; text-align:left; padding:0 4px; margin-bottom:20px; }
.ie6 #mainPanel { padding-right:0; width: 963px;}


/*header styles*/
#header {padding:0; font-size:12px; line-height:140%;}
#headerContent {overflow:hidden;}
#header h1 {float:left; padding:15px 15px 15px 20px; margin:0;}
#header #userinfo {text-align:right; height:50px; display:block;font-family: Georgia, serif; font-style:italic; }
#mainPanel .personalSiteHeader #userinfo {margin-right:20px; color:#333;}
#header #userinfo a {text-decoration:none;}
#header #userinfo a:hover {text-decoration:underline;}
#header a.sizeMedium {font-size:1.2em}
#header a.sizeLarge {font-size:1.4em}


/*footer styles*/
#footer {clear:both; text-align:center; padding:0; width:100%; }
#footer #providedBy {display:inline-block; margin:auto;}
#footer #providedBy td {padding:4px;}
#footer #footerDetails {font-size:.8em; padding-top:5px; width:944px; margin:auto; text-align:left;}
#footer #copyright {float:left}
#footer #footerDetails a {text-decoration:none;}
#footer #footerDetails a:hover {text-decoration:underline;}
#footerLogo {display: block; margin:0 auto;}
.footerSocialButton {display:inline; float:left; padding-left:5px;}

/*nav panel styles*/
.menuItems {position:relative; padding-left:22px; margin-left:0; list-style:none; white-space:nowrap; width:auto;}
.menuItems ul {float:left; position:relative; padding:0; padding-top:1px; margin: 0; list-style:none; clear:both;}
.menuItems.website ul{margin: 0 0 0 0;}
.menuItems li {float:left; position:relative; margin-right:2px; }

.menuItems li ul {display:none; position:absolute; top:26px; left:auto; width:265px; z-index:5; max-width:265px; min-width:265px; }
.ie .menuItems li ul {top:28px; left:0;}
.menuItems li:hover ul, .menuItems li.over ul{display:block;}

.menuItems li a {text-decoration:none; outline:none; font-size:1.2em; letter-spacing:0.2px; padding:5px 17px; }
.menuItems li a:hover {text-decoration:underline;}
.menuItems li a.selected:hover { text-decoration:none; color: #634628;}


ul.childPageList {padding-top:0}
.childPageList li {width:100%; margin-right:0;}
.childPageList li a {color: #634628;}
.childPageList li a:hover {color: #6a7e16; text-decoration:underline;}
.childPageList li a#currentChildPage:hover { text-decoration:none; color:#634628}
.childPage { display:block; text-align:left; }

/*left panel styles*/
.sidebarBox {  padding:1px 6px 20px; text-align:center; font-weight:normal; cursor:default; }
.sidebarBox p {text-align:left; word-spacing: 1px; line-height: 140%; margin-top:7px; margin-bottom:15px; padding-left:14px; }
.sidebarBox .donate_logo {margin: 15px 0 0; display: inline-block; cursor:pointer;}
.sidebarBox .donate_logo.donate_site {margin-top:0;}
.dottedTopBorder { border-top: 1px dotted #999999; }
.sidebarBox ul {list-style:none; padding-left:0; margin:0;}
#sidebarTitle {font-size:1.1em; text-align:center; padding:8px; line-height:1.2; }
.ie #sidebarTitle {border:none;}


.paginator {text-align: center; margin-top: 10px;}
.paginator a.selected {font-weight:bold; color: #666666;}
.paginator a {margin:0 5px;}

/*notifications*/
#errorBox,#successBox, #errorBoxWithFocus, #infoBox {padding:10px;  margin-bottom:10px; margin-top:10px; padding-left: 40px; }
#errorBox, #errorBoxWithFocus {color: #CC0000; background: #FFFFDE url('../images/uiImages/exclaim.png') no-repeat scroll 10px center; border:1px solid #FFCF0F; }
#errorBox p {margin:0;}
#successBox, #infoBox {color: #000000; background: #e8f9dd url('../images/uiImages/check.png') no-repeat scroll 10px center; border:1px solid #99b984;}
.requiredField {background: url('../images/uiImages/red_asterix.png') no-repeat right; padding-right:15px; }
#errorBoxWithFocus {outline:medium none; cursor:default; text-decoration:none; padding-right:20px;}
#infoBox {background-image:none; padding-left:20px; display:none;}
.invalidNumber{color:red;}

/*page specific styles*/

/*donations*/
.donationOptionsBox {padding:20px;}
.donationOptionsBox form {margin-top:0; padding-top:0}
.donationOptions td {vertical-align: middle; padding:0 5px 15px 0;}
.donationOptions, .donationOptionsBox {line-height:120%; color:#362B36;}
.donationOptions .otherOption {display:none;}
.donationOptions .otherOptionTxt {width:50px; height:16px;}
.donationOptions input[type='image'] {position:relative; top:8px;}

.donate_logo {max-width: 161px; margin-right:10px}

.donate_site {display: block; text-align: center;}
.ie .donate_site {margin:0 0 0 22px;}
.donate_text {margin-left: 4px; margin-top:5px;}

#loader {position:fixed; left: 35%; top:30%; width:400px; border: solid 1px #999999; opacity: 1; z-index: 102; background: #ffffff; text-align: center; }
#progress-gif { height:11px;  margin-bottom: 35px; }
#loader p { text-align: center; color: #444444; font-size: 1.2em; margin: 30px 25px 20px; line-height: 1.4em; }
#grey_overlay { display:block; position:fixed; top:0; z-index:101; filter:alpha(opacity=50); opacity:0.5; width:100%; height:100%; background-color:grey; }

.wrapper {overflow: hidden;  zoom: 1; display: block;}


/*Signin page styles */
.signin #loginLink, .signin #loginPipe, .signin .menuItems, .signin #headerDonateLink {display:none;}
.signin h1 {margin-top:10px; margin-bottom:10px;}
.signin {margin-top:18px;}
.signin h2 {margin-top: 0px;}
.signin .leftColumn {padding-right:20px; float:left;}
.signin .rightColumn {padding-left:70px; padding-right:10px; float:left; width:400px;  border-left:1px solid silver; }
.signin .singleColumnForms .signInH2 {margin-bottom:0px;}
.signin .singleColumnForms form div {padding-top:8px}
.signin #termsOfUse {margin-left:125px; padding-top:12px; color:#777} .signin #forgotPasswordLink {margin-left:15px; font-size:12px;}
.signin #loginForm {margin-bottom:44px;}
.signin label.button {width: auto; margin-left:125px;}
.signin label.button input {margin-left:0;}

.signin #needsToSignUp{background: url('../images/uiImages/arrow_right.png') no-repeat right top; padding-right:20px;}
.signin .rightColumn #needsToSignUp{background: none}
.signin .msgAbove {display:none;}
.signin .singleColumnForms .msgLeft {display:none;}
.signin .singleColumnForms .msgAbove {display:inline;}

.signin .byline {padding:0px}
.signin .sizeMedium .byline, .sizeLarge .byline {white-space:normal}

/* Testimonials styles */
.stories div {margin:30px 0 5px 3px; padding-top:25px; color:#666; position:relative; background-color:#fffdf8; -moz-box-shadow:0 0 2px 1px rgba(143,125,114,.1); -webkit-box-shadow:0 0 2px 1px rgba(143,125,114,.1); box-shadow:0 0 2px 1px rgba(143,125,114,.1);}
.stories div p {padding: 5px 25px; margin:0 15px; }
.stories .withBorder {border-bottom:1px solid #f5f3ed; padding-bottom:15px;}
.stories .byLine {background:url("../images/HJ/sprite_3_v-8.png") no-repeat scroll left -758px transparent; position:relative; left:-4px; top:4px; height:18px; width:520px; display:block; padding: 0 0 40px 64px; text-transform:uppercase; font-family:Georgia,"Times New Roman",Times,serif; font-size:0.8em; color:#444;}
.ie7 .stories .byLine, .ie8 .stories .byLine { background-position: left -853px;}
.ie7 .stories div, .ie8 .stories div {border:1px solid #f9f5e4;}
.stories p span { font-style:italic;  color:#333; font-family:Georgia,"Times New Roman",Times,serif;font-size:1.1em;}
.stories h2 {margin-top:30px;}


/* Link to us page styles */
.linkToUs ul {padding-left:10px;}
.linkToUs ol {padding-left:30px;}
.ie7 .linkToUs ul {padding: 0px; margin: 0px;}
.ie7 .linkToUs ol { margin: 0px;}
.linkToUs img.hjbanner {padding:4px; border:1px solid #C3B49C; margin-left: 40px; margin-top: 20px;  }
.linkToUs .htmlSource {display:inline-block; background-color:white; font-family:courier; vertical-align:top; width:764px; border:1px solid #C3B49C; padding: 10px 27px; margin-left: 10px; clear:both; margin-top: 20px;}
.linkToUs ul.link_sample li {padding-left: 20px; list-style:none; margin-bottom:20px; border-top: 1px dotted #CCC; padding-top: 10px;}
.linkToUs .view {margin-left:  148px; clear:both; margin-top: 20px; padding: 2px  0 2px 25px; text-decoration: none; }
.linkToUs .collapse_icon {background: url("../images/uiImages/expand_icon.png") no-repeat scroll 0 -44px; color: #888; }
.linkToUs .expand_icon {background: url("../images/uiImages/expand_icon.png") no-repeat scroll 0 0; }
.linkToUs a.expand_icon:hover {background-position: 0 -22px;}
.linkToUs a.collapse_icon:hover {background-position: 0 -66px; color: #5E7630;}
.linkToUs h4 { font-size: 1.2em; margin-bottom: 10px; }
.linkToUs .clear {clear:both; height:1px;}
.linkToUs .forbanners {margin-left: 22px; position: relative; bottom: 3px; }
.linkToUs .tagline {font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; color: #666; font-style: italic; margin: 0 0 20px; }