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, hr, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border:0; outline:0; min-width: 0; background:transparent; font-family: Verdana,Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased;}
body { background:#FFFDE0 url('/img/bkg.png') repeat;/*background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFDD0 100%);*/ }
a { text-decoration: none; }
strong a { text-decoration:underline; }
a:hover { text-decoration: underline; }
li { list-style-type:none; }
.left { float: left; }
.right { float: right; }
.ellipsisText { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
h1, h2, h3 { font-family: Calibri, Verdana,Helvetica,Arial,sans-serif; }
h3 { color:#555; margin-bottom:10px; }
a.more { display:block; text-align:right; font-size:15px; line-height:17px; color:#b94a48; margin:10px 0px; }
cite { font-size:14px; color:#777; line-height:16px; font-style:normal; margin:4px 0px; display:block; }
blockquote { color:#555; font-size:16px; line-height:22px; margin-top: 10px; margin-bottom: 10px; padding-left: 15px; border-left: 3px solid #ccc; }
.section { margin-left: 40px; }
#PageWrapper { width:950px; margin: 0px auto; }
#HeaderTopFiller { height:10px; width:100%; background:#b94a48; }
#Header { padding:20px 0px 0px 0px; }
#Header .label { display:block; font-size:30px; line-height:32px; margin-bottom:10px; color:#b94a48; text-align:right; }
#Header strong.label, #Header strong.label a { display:block; font-weight:normal; font-size:24px; line-height:26px; color:#555; }
#Header .col.right { padding-top: 30px; }
/*#Header .col.left img { width: 70%; }*/
#Menu { margin: 20px 0px; }
#Menu ul li {float:left; margin-right:10px; }
#Menu ul li a { font-family: Calibri, Verdana,Helvetica,Arial,sans-serif; text-transform:uppercase; display: block; color: #b94a48; padding: 5px 9px; display: block; font-size: 22px; line-height: 22px; font-weight:bold; }
#Menu ul li.selected a, #Menu ul li a:hover { text-decoration:none; background:#b94a48; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color:#FFFDE0; }
/*#Menu ul li a { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family: Calibri, Verdana,Helvetica,Arial,sans-serif; text-transform:uppercase; display: block; background: #b94a48; color:#FFFDE0; padding: 5px 9px; display: block; font-size: 22px; line-height: 22px; font-weight:bold; }
#Menu ul li a:hover { text-decoration:none; background:#FFFDE0; color:#b94a48; }*/
/*#Main { margin-top: 20px; }*/
#MainColumn { width: 600px; margin-right: 20px; float: left; }
h1 { font-size:26px; line-height:29px; color:#b94a48; margin-bottom:20px; }
h2 { font-size: 24px; line-height: 27px; margin:10px 0px; color:#444; }
#MainColumn p { font-size:16px; line-height:22px; color:#555;}
.telephone a { color:#555; font-size:16px; line-height:22px; }
#SideColumn { width: 330px; float:left; }
#SideColumn .item { margin-bottom: 20px; }
#SideColumn h3 { background:#b94a48; color:#FFFDE0; text-transform:uppercase; font-size: 20px; line-height: 20px; padding:10px; margin-bottom:10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
#MainColumn li, #SideColumn li { color:#666; font-size:16px; line-height:20px; margin-bottom:8px; }
#SideColumn li a { color:#555; font-size:16px; line-height:20px; }
#SideColumn p { color:#555; font-size:16px; line-height:22px; }
#AssociationsList { margin:20px 0px; }
#AssociationsList h2 { background: #b94a48; display: inline-block; padding: 2px 10px; color: #FFFDE0; margin:0px;}
#AssociationsList ul { border:1px solid #b94a48; background:#FFFFFF; }
#AssociationsList li { float:left; vertical-align:top; margin-right:10px; padding:10px; }
#AssociationsList li.last { margin-right:0px; }
#AssociationsList li img { display:inline-block; margin-right:10px; width:88px; }
#AssociationsList li span {vertical-align:top; width:100px; display:inline-block; font-size: 16px; line-height: 18px; color: #b94a48; }
#MainColumn .item2x1 { margin-bottom:20px; }
#MainColumn.services .item2x1 p { margin-bottom:10px; }
#MainColumn.about .item2x1 .row { margin-bottom:20px; }
#MainColumn.about .item2x1 .imgwrapper img { border:4px solid #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); width:200px;}
#MainColumn.about .item2x1 .imgwrapper { float: left; margin-right: 10px; }
#MainColumn.about .item2x1 .imgwrapper h3 { font-size:14px; line-height:16px; color:#555; text-align:center; }
#MainColumn.about .item2x1 p { margin-bottom:10px; }
#MainColumn.contact .col1 { width:260px; float:left; margin-right:15px;}
#MainColumn.contact .col2 img { width:350px; height:200px; border:4px solid #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); }
#MainColumn.contact .col2 { float:left; width:302px; height:202px; }
#MainColumn.contact .phone { margin:10px 0px;}
#MainColumn.contact span { font-size:16px; line-height:22px; color:#555; }
#MainColumn.contact span.label { color:#555; font-weight:bold; margin-right:10px; }
#MainColumn.contact a { font-size:16px; line-height:22px; color:#b94a48!important; }
#MainColumn.contact .email p.alert { margin-top:2px; font-size:12px; line-height:14px; color:#777; font-weight:bold; }
#MainColumn.contact h3 { font-size: 16px; line-height: 22px; margin:10px 0px; color:#555; }
#MainColumn.contact .map iframe { border:1px solid #CCCCCC;}
#MainColumn.contact .map a { font-size: 11px; line-height: 11px; margin-right:5px; text-align: right!important; display: block; }
.hdivider { border-top:1px solid #CCC; width:80%; height:0px; margin:40px auto; text-align:center; }
/*.iframe-rwd {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/
#Footer {
/* IE10 Consumer Preview */
/*background-image: -ms-linear-gradient(top, #FFFDE0 0%, #B94A48 100%);*/
/* Mozilla Firefox */
/*background-image: -moz-linear-gradient(top, #FFFDE0 0%, #B94A48 100%);*/
/* Opera */
/*background-image: -o-linear-gradient(top, #FFFDE0 0%, #B94A48 100%);*/
/* Webkit (Safari/Chrome 10) */
/*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDE0), color-stop(1, #B94A48));*/
/* Webkit (Chrome 11+) */
/*background-image: -webkit-linear-gradient(top, #FFFDE0 0%, #B94A48 100%);*/
/* W3C Markup, IE10 Release Preview */
/*background-image: linear-gradient(to bottom, #FFFDE0 0%, #B94A48 100%);*/
/*url('../img/footer.jpg') repeat-x;*/
background: #B94A48; margin:20px auto 0px auto; width:100%; text-align:center; font-size:13px; line-height:15px; color:#FFFDE0; padding:10px 0px 10px 0px; }
#Footer a { font-size:13px; line-height:15px; color:#FFFDE0; }
/*#Menu ul li { float: left; margin-right: 4px;}
#Menu ul li a { display: block; color: #FFF; padding: 6px 12px; display: block; background: #666666;font-size: 14px; line-height: 14px; }
#Menu ul li a:hover { background:#00abec; }*/
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
/*content: " ";*/ /* 1 */
/*display: table;*/ /* 2 */
}
.clearfix:after {
/*clear: both;*/
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
/**zoom: 1;*/
clear:both; height:0px;
}
#Footer p.title { font-size:15px; line-height:16px; margin-bottom:10px; }
#SideColumn .item.center { text-align: center; }
#SideColumn .item.center h3 { text-align: left; }
@media all and (min-width: 655px) and (max-width: 949px) {
#PageWrapper, #SideColumn, #MainColumn { width: 640px; }
#SideColumn { margin-top: 10px; }
#MainColumn { margin-right: 0px; }
#AssociationsList li { padding:15px 15px; margin-right:0px; height:88px; }
#AssociationsList li span { width: 180px; vertical-align:middle;}
#AssociationsList li img { vertical-align:middle;}
}
@media all and (max-width: 654px) {
#Header .col.right { padding-top: 0px; }
#Header .col img { width: 100px; }
#Header .label { font-size:18px; line-height:22px; margin-bottom:0px;}
#Header strong.label, #Header strong.label a { font-size: 18px; line-height: 22px; }
#PageWrapper { margin-left:10px; margin-right: 10px; }
#PageWrapper, #SideColumn, #MainColumn, #MainColumn.contact .col2 { width: 300px;}
h1 { font-size: 20px; line-height: 23px; }
#MainColumn p { font-size: 14px; line-height: 20px; }
#Menu { margin-top: 10px; }
#SideColumn { margin-top: 10px; }
#MainColumn.about .item2x1 .imgwrapper { float: none; }
#MainColumn.about .item2x1 .imgwrapper img { width: 100%; }
#AssociationsList { margin-top: 0px; }
#AssociationsList li { padding: 15px 15px; margin-right: 0px; height: 88px; }
#AssociationsList li span { width: 180px; vertical-align: middle; }
#AssociationsList li img { vertical-align: middle; }
#Menu ul li a { font-size: 16px; line-height: 16px; margin-bottom: 4px; padding: 5px 2px; }
#Menu ul li { margin-right: 2px; }
#Footer { font-size:12px;}
#Footer p.title { font-size:13px; line-height:13px; }
}