@import "reset.css";

body {
font: 13px/1.3 Arial, sans-serif;
color: #727275;
background: #cfcfcf;
}

h1.title {font: 24px/1.4 Arial, sans-serif;color: #565658;margin:0px;text-align: left;}
p {margin-bottom: 1em;}

a:link, a:active, a:visited {text-decoration: none;color: #ef8b2b;}
a:hover {text-decoration: underline;color: #727275;}

a.arrow:link, a.arrow:active, a.arrow:visited {text-decoration: none;color: #727275;background: url("../img/arrow.png") no-repeat center left;padding-left: 14px;}
a.arrow:hover {text-decoration: underline;color: #ef8b2b;}

a.next:link, a.next:active, a.next:visited {text-decoration: none;color: #727275;background: url("../img/next.png") no-repeat center right;padding-right: 14px;}
a.next:hover {text-decoration: underline;color: #ef8b2b;}

a.prev:link, a.prev:active, a.prev:visited {text-decoration: none;color: #727275;background: url("../img/prev.png") no-repeat center left;padding-left: 14px;}
a.prev:hover {text-decoration: underline;color: #ef8b2b;}

hr {width: 90%;border: none;height: 1px;margin: 10px auto;padding: 0px;background: #b8b8ba;color: #b8b8ba;}

.txtl {text-align: left !important;}

.txtc {text-align: center !important;}

.txtr {text-align: right !important;}

.txtj {text-align: justify !important;}

.center {display: block;margin-left: auto !important;margin-right: auto !important;}
table.center {display: table;}

.vtop {vertical-align: top !important;}

.vmiddle {vertical-align: middle !important;}

.vbottom {vertical-align: bottom !important;}

.p2 {padding: 2px !important;}

.p5 {padding: 5px !important;}

.p10 {padding: 10px !important;}

.m5 {margin: 5px !important;}

.m3 {margin: 3px !important;}

.m10 {margin: 10px !important;}

.mbt10 {margin: 10px 0px !important;}

.mlr10 {margin: 0px 10px !important;}

.mt10 {margin-top: 10px !important;}

.mb10 {margin-bottom: 10px !important;}

.ml10 {margin-left: 10px !important;}

.mr10 {margin-right: 10px !important;}

.block {display: block !important;}

.inline {display: inline !important;}

.rel {position: relative;z-index: 1;}

.abs {position: absolute;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.nonitalic {font-style: normal;}

.float_l {float: left;}

.float_r {float: right;}

.clear {clear: both !important;}

ul {margin:0 0 0 10px;padding:0;list-style-position: inside;list-style:disc;}
u li {margin:0;padding:0;}
ul label {display:block;margin-bottom:2px;}

.f10 {font-size: 10px !important;line-height: 12px !important;}
.f11 {font-size: 11px !important;line-height: 13px !important;}
.f12 {font-size: 12px !important;line-height: 14px !important;}
.f13 {font-size: 13px !important;line-height: 15px !important;}
.f14 {font-size: 14px !important;line-height: 16px !important;}
.f15 {font-size: 15px !important;line-height: 17px !important;}
.f16 {font-size: 16px !important;line-height: 18px !important;}
.f17 {font-size: 17px !important;line-height: 19px !important;}
.f18 {font-size: 18px !important;line-height: 20px !important;}
.f19 {font-size: 19px !important;line-height: 21px !important;}
.f20 {font-size: 20px !important;line-height: 22px !important;}
.f21 {font-size: 21px !important;line-height: 23px !important;}
.f22 {font-size: 22px !important;line-height: 24px !important;}
.f23 {font-size: 23px !important;line-height: 25px !important;}
.f24 {font-size: 24px !important;line-height: 26px !important;}

label {font-weight:bold;}
fieldset {padding:1em;margin:0 0 1.5em 0;border:1px solid #ff8b15;-moz-border-radius:5px;-webkit-border-radius:5px;}
legend {font-weight:bold;font-size:1.2em;padding:0 0.3em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #727276;-moz-border-radius:5px;-webkit-border-radius:5px;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666666;background:#f7f2d0;}
input.text, input.title {padding:2px;}
input.title {font-size:1.5em;}
textarea {padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #dddddd;-moz-border-radius:5px;-webkit-border-radius:5px;}
.error {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
form ol {margin:0;padding:0;list-style:none;}
form li {margin:0;padding:0;}
form ol label {display:block;}

/**
 * Step 4: Buttons
 * Based on http://www.blueprintcss.org
 */
a.button, button {display:block;float:left;margin:0.7em 0.5em 0.7em 0;padding:5px 10px 5px 7px;border:1px solid #727276;border-top:1px solid #eee;border-left:1px solid #eee;background:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;-moz-border-radius:5px;-webkit-border-radius:5px;}
button {width:auto;overflow:visible;padding:4px 10px 3px 7px;}
button[type] {padding:4px 10px 4px 7px;line-height:17px;}
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
button img, a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;float:none;}
button:hover, a.button:hover{background:#ffe694;border:1px solid #727276;color:#000000;}
a.button:active{background:#6299c5;border:1px solid #6299c5;color:#fff;}
body .positive {color:#529214;}
a.positive:hover, button.positive:hover {background:#e6efc2;border:1px solid #c6d880;color:#529214;}
a.positive:active {background:#529214;border:1px solid #529214;color:#fff;}
body .negative {color:#d12f19;}
a.negative:hover, button.negative:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
a.negative:active {background:#d12f19;border:1px solid #d12f19;color:#fff;}
/**
 * Step 5: Personalized links
 * Based on http://www.blueprintcss.org
 */
body a.noicon {background:transparent none !important;padding:0 !important;margin:0 !important;}
a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited, a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"], a[href$=".rdf"], a[href^="aim:"] {padding:2px 22px 2px 0;margin:-2px 0;background-repeat:no-repeat;background-position:right center;}
a[href^="http:"] {background-image:url("../images/icons/external.png");}
a[href^="mailto:"] {background-image:url("../images/icons/email.png");}
a[href^="http:"]:visited { background-image:url("../images/icons/visited.png");}
a[href$=".pdf"] {background-image:url("../images/icons/pdf.png");}
a[href$=".doc"] {background-image:url("../images/icons/doc.png");}
a[href$=".xls"] {background-image:url("../images/icons/xls.png");}
a[href$=".rss"], a[href$=".rdf"] {background-image:url("../images/icons/feed.png");}
a[href^="aim:"] {background-image:url("../images/icons/im.png");}
button[id="login"] {background-image:url("../images/icons/key.png");background-repeat:no-repeat;background-position:5px center;padding-left:26px !important;margin:0 0.5em 0 0;}
button[id="submit"] {background-image:url("../images/icons/tick.png");background-repeat:no-repeat;background-position:5px center;padding-left:26px !important;margin:0 0.5em 0 0;}
button[id="reset"] {background-image:url("../images/icons/cross.png");background-repeat:no-repeat;background-position:5px center;padding-left:26px !important;margin:0 0.5em 0 0;}

/** Structure styles **/
#copyright {clear: both;padding: 10px;font-size: 11px;text-align: center;}
#wrapper {width: 1210px;margin: 10px auto;background:#ffffff;position:relative;border:5px solid #727275;}
#home-content {width: 530px;min-height: 770px;height: auto !important;height: 770px;margin-right: 350px;padding: 15px 140px;position:relative;z-index:3;}
#home-news {width: 316px;min-height: 750px;height: auto !important;height: 750px;padding: 30px 10px;background: url("../img/bg-home.jpg") no-repeat bottom left;float: right;}
#home-media {width: 397px;min-height: 810px;height: auto !important;height: 810px;background: #727275;position: relative;z-index: 1;float: right;}
#home-media img {display: block;margin: 28px auto 0 auto;}

#home-text {margin: 30px 0px 80px 10px;font: 14px/1.8 Arial, sans-serif;}
#home-video {width: 285px;margin: 25px auto 0px auto;font: 14px/1.6 Arial, sans-serif;}
#home-container-media {width: 350px;height: 756px;margin: 22px auto;}
#home-container-star {width: 1210px;height: 810px;position: absolute;z-index: 2;left:0px;top:0px;}
#home-container-video {width: 277px;height: 274px;margin: 10px auto;}
#home-container-video-big {width: 720px;height: 520px;margin: 10px auto;}
	
#home-logo {display: block;margin: 0px auto 25px auto;}
#home-star {width: 100px;height: 100px;position: absolute;top: 258px;left: 0px;z-index: 2;}
#home-flipbook {width: 316px;height: 223px;display: block;margin: 0px auto;}

#nav-home {width: 510px;margin: 0px 0px 0px 10px;padding: 0px;list-style: none;text-align: center;font-size:18px;font-weight:bold;border:1px solid #ebebeb;line-height:30px;}
#nav-home li {margin: 0 11px;padding: 0 11px;display: inline;}
#nav-home li.first {padding-left:5px !important;}
#nav-home li.last {padding-right:5px !important;}
#nav-home a, #nav-home a:link, #nav-home a:active, #nav-home a:visited {text-decoration: none;color: #747477;background: url("../img/star.gif") no-repeat center left;padding-left: 20px;}
#nav-home a:hover {text-decoration: none;color: #747477;}

#page-content {width: 810px;min-height: 790px;height: auto !important;height: 790px;padding-bottom:20px;}
#page-logo {margin: 22px auto 25px 20px;float:left;}
#header {height:170px;overflow:hidden;}
#nav-page {width: 480px;height: 30px;padding-top: 70px;margin: 0px 0px 0px 310px;}
#nav-page ul {padding: 0px;list-style: none;text-align: center;border:1px solid #ebebeb;font-weight:bold;font-size: 18px;line-height:30px;}
#nav-page li {margin: 0;padding: 0 12px;display: inline;}
#nav-page li.first {padding-left:5px !important;}
#nav-page li.last {padding-right:5px !important;}
#nav-page a, #nav-page a:link, #nav-page a:active, #nav-page a:visited {text-decoration: none;color: #747477;background: url("../img/star.gif") no-repeat center left;padding-left: 20px;}
#nav-page a:hover {text-decoration: none;color: #747477;}
#page-text {width: 648px; margin: 30px auto;font: 14px/1.5 Arial, sans-serif;}
#headline {height: 65px;padding-top: 33px;padding-left: 70px;background: url("../img/bg-menu-sec.png") no-repeat top left;}
#menu {margin: 0px;padding: 0px;list-style: none;text-align: left;font-size:15px;border-bottom:2px solid #ffe694;}
#menu li {margin: 0;padding:0 15px;display: inline;}
#menu li.first {padding-left:0px !important;}
#menu li.last {padding-right:0px !important;}
#menu a, #menu a:link, #menu a:active, #menu a:visited, #menu a:hover{text-decoration: none;color: #747477;}
#menu a.selected {color: #ef8b2b !important;}
.content {margin-left: 65px;min-height: 440px;height: auto !important;height: 440px;margin-top: 20px;}
.content li {margin:10px 0px;}
.content a{padding:0;margin:0;}

#page-content-celebrate {width: 1210px;min-height: 750px;height: auto !important;height: 750px;}
#page-content-celebrate #header {height:220px;}
#page-content-celebrate #page-logo {margin: 45px auto 25px 110px;float:left;}
#page-content-celebrate #nav-page {width: 480px;height: 30px;margin: 0 0 0 690px;}
#page-content-celebrate #headline {margin:0 50px 0 480px;height: 65px;padding-top: 33px;padding-left: 70px;background: url("../img/bg-menu-sec.png") no-repeat top left;}
#page-content-celebrate #menu {margin:0;padding: 0px;list-style: none;text-align: center;font-size:15px;border-bottom:2px solid #ffe694;}
#page-content-celebrate #menu li {margin: 0;padding:0 11px;display: inline;}
#flow-text {position:absolute;top: 30px;left:-70px;}

#page-content-celebrate #page-text {width:1092px;margin: 0px auto 30px auto;font: 14px/1.5 Arial, sans-serif;}
.pic-link {display:block;margin: 0 auto 5px auto;}
.pic-large {width: 610px;padding:10px 0;}
.caption {margin:0 10px 0 10px;text-align:right;}
.pic-small {width:390px;padding-left:100px;}
.event-name {color:#747477;font-size:20px;text-align:center;}

#page-content-celebrate .content {margin-left: 0px;min-height: 440px;height: auto !important;height: 440px;margin-top: 0px;}

.news {padding: 10px 15px 10px 10px;font-size: 12px;}
.news-title {font: 18px/1.4 Arial, sans-serif;color: #565658;margin-bottom: 10px;text-align: left;}
.news-art-left {background: url("../img/art.png") no-repeat top left;height: 38px;line-height: 38px;padding-left: 52px;}
.news-art-right {background: url("../img/art.png") no-repeat top right;height: 38px;line-height: 38px;padding-right: 52px;text-align: right;}
.news-link {text-align: right;padding-right: 15px;}
.news-content {padding: 0px 15px;}

#page-blog {width: 1210px;min-height: 750px;height: auto !important;height: 750px;padding-bottom:20px;background: url("../img/bg-blog.jpg") no-repeat top right;}
#page-blog #header {height:140px;}
#page-blog #header #logo {margin-top:10px;margin-left:10px;float:left;}
#page-blog #header #maryblog {margin-top:90px;margin-left:130px;}
#page-blog #left {float:left;}
#page-blog #last {width:176px;border:1px solid #ff8b15;padding:15px 5px 5px 5px;margin:40px 10px 10px 20px;}
#page-blog #last a.arrow:link, #page-blog #last a.arrow:active, #page-blog #last a.arrow:visited{text-decoration: none;color: #727275;background: url("../img/arrow.gif") no-repeat center left;padding-left: 14px;}
#page-blog #last a.arrow:hover {text-decoration: underline;color: #ef8b2b;}
#page-blog #last p.blog-p {margin:10px 5px 10px 20px;}
#page-blog #content-blog {width:600px;padding:60px 10px 0 26px;margin-left:230px;}
#page-blog #content-blog a{padding:0;margin:0;}
#page-blog h1.title {font: 14px/1.4 Arial, sans-serif;color: #727275;font-weight:bold;margin:10px 0;text-align: left;}
#page-blog .comment {margin-bottom: 10px;padding:5px;}
#page-blog.comment div {padding: 10px;font-size: 12px;}
#page-blog.comment p {padding: 3px;font-size: 12px;margin: 0px;background: #a4913b;}
#page-blog.comment span {display: block;float: right;}
#page-blog #meet-mary{position:absolute;left:954px;top:707px;}
#page-blog #flower-blog{position:absolute;left:954px;top:707px;}

.commentsArea {margin:10px 0;}
.commentsArealink a{font-size:13px;color:#727297;}