/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
html {
font-size: 1em;
line-height: 1.3;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/
audio,
canvas,
img,
video {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Browse Happy prompt
========================================================================== */
.browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
.----------AldoDesign-CSS-Starts-Here--------- {
}
/* ==========================================================================
AldoDesign.com Custom Styles for CSS Grids
========================================================================== */
body {
width: 100%;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #676767;
background-color: #141212;
background-image: url(../images/backgrounds/gun_metal.png);
background-repeat: repeat;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
body {
overflow-x: hidden;
}
html {
margin:0 auto;
overflow-x:hidden;
}
.animate { /* Makes columns animate when @media css changes */
-webkit-transition: width 0.2s ease, height 0.2s ease;
-moz-transition: width 0.2s ease, height 0.2s ease;
-o-transition: width 0.2s ease, height 0.2s ease;
-ms-transition: width 0.2s ease, height 0.2s ease;
transition: width 0.2s ease, height 0.2s ease;
}
/* LINKS */
a {
color: #427793;
text-decoration: underline;
}
a:visited {
color: #427793;
}
a:focus {
-moz-outline-style: none;
border: none;
outline: none;
}
a:active, a:focus {
outline: none;
ie-dummy: expression(this.hideFocus=true);
}
a:hover {
text-decoration: none;
color: #D6302E;
}
/* Menu Current Pages Set on tag */
body#bhome a#home, body#bservices a#services, body#bseminars a#seminars, body#bmembers a#members, body#govlink a#govlink, body#btoolbox a#toolbox, body#bcontactpage a#contactpage {
color: #990000 !important;
background-color: #FFF;
background-image: none;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
border-right-color: #F2F2EA;
border-left-color: #F2F2EA;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
}
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
margin: 0px 0px 5px;
padding-bottom: 5px;
display: block;
line-height: 1.1em;
}
h1 {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 300;
margin-bottom: 10px;
margin-top: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
h1 span {
color: #C2BFAA;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
padding: 3px 0px 5px;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
}
h2 span {
color: #EE8A20;
}
h3 {
font-size: 18px;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-style: normal;
display: block;
color: #c74d43;
line-height: 22px;
}
h4 {
font-size: 16px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-style: normal;
font-weight: 400;
line-height: 1.4em;
color: #384950;
}
h5 {
font-size: 16px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-weight: 400;
}
h6 {
font-size: 14px;
padding: 0px;
font-family: 'Droid Sans', sans-serif;
font-style: normal;
font-weight: 400;
color: #326083;
line-height: 20px;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
font-size: 20px;
line-height: 24px;
font-weight: 300;
letter-spacing: -0.5px;
}
/**
* Address margins set differently in IE 6/7.
*/
p
{
margin-top: 0em;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
em, dfn, cite {
font-style: italic;
}
strong, b {
font-weight: bold;
}
small {
font-size: 11px;
}
.uppercase {
text-transform: uppercase;
}
input, textarea, select {
outline: medium none;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #000;
border: 1px solid #ddd;
border-radius: 3px 3px 3px 3px;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
background-color: #fff;
padding: 10px;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #8DC5C5;
color: #676767;
box-shadow: 0 0 4px rgba(82,168,236,.5);
}
input.submit, input.submit:focus, input.submit:active {
cursor: pointer;
color: #fff;
text-decoration: none !important;
border: none;
box-shadow: 0 0 0;
}
input.submit:hover {
}
blockquote {
float: left;
width: 60%;
margin: 10px 20px 10px 0;
}
blockquote:before {
content: "'";
float: left;
font-size: 45px;
font-weight: bold;
line-height: 40px;
}
blockquote.dark {
background: #444;
color: #f5f5f5;
}
blockquote.light {
background: #f5f5f5;
color: #aaa;
}
blockquote.color {
color: #fff;
background-color: #b40c0c;
}
blockquote.dark, blockquote.light, blockquote.color {
padding: 20px;
}
blockquote p {
font: 16px/21px Georgia, "Times New Roman", Times, serif;
font-weight: normal;
font-style: italic;
padding-left: 25px;
text-align: left;
}
blockquote small {
font-weight: bold;
padding-top: 10px;
text-transform: uppercase;
}
.left {
float: left;
}
.right {
float: right;
}
img,
img a {
border: 0px;
margin: 0px;
padding: 0px;
height: auto;
max-width: 100% !important;
}
.imgFullWidth {
border: 0px;
padding: 0px;
height: auto;
width: 100% !important;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
display: block;
}
.imgRight {
margin: 2px 0px 0px 15px;
float: right;
padding: 0px;
}
.imgLeft {
float: left;
padding: 0px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 8px;
margin-left: 0px;
}
.imgLeft-border {
margin: 0px 15px 0px 0px;
float: left;
padding: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #DEDBD8;
border-top: 1px solid #E2DFDC;
border-right: 1px solid #C3C0BE;
border-bottom: 1px solid #C3C0BE;
border-left: 1px solid #E2DFDC;
}
.imgRight-border {
margin: 0px 10px 10px;
float: right;
padding: 6px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #FDFAE9;
border-top: 1px solid #E2DFDC;
border-right: 1px solid #C3C0BE;
border-bottom: 1px solid #C3C0BE;
border-left: 1px solid #E2DFDC;
overflow: hidden;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
font-weight: 400;
color: #BB0000;
text-align: center;
font-style: normal;
}
.divider-border {
border-top: 2px solid #eee;
float: left;
width: 100%;
margin-top: 12px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#apDivLogo {
position: absolute;
z-index: 1000;
width: 250px;
}
#apDivLogo img {
position: absolute;
z-index: 1000;
width: 160px;
}
#header {
display: block;
padding: 0px;
background-color: #FFF;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E1E0D7;
}
#header .f1 {
padding: 0px;
}
#header .toparea {
height: 60px;
text-align: right;
font-size: 16px;
font-weight: 400;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
color: #fff;
}
#header .logo {
padding: 0px;
}
#header .two {
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
}
#header .f2 {
overflow: hidden;
padding-bottom: 10px;
}
#menu-wrapper {
overflow: hidden;
}
#menu-wrapper .f1 {
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E1E0D7;
background-image: url(../images/backgrounds/bgTranspWhite.png);
background-repeat: repeat;
background-color: transparent;
}
#banner {
display: block;
padding: 0px;
overflow: hidden;
}
#banner .f1 {
background-color: transparent;
padding: 0px;
}
.wrapper {
display: block;
background-color: #F2F2EA;
padding: 0px;
background-image: url(../images/backgrounds/blueprint-circles-lines.jpg);
}
/*
Footer Styles
*/
#footer {
padding-top: 10px;
color: #B8B8B8;
font-size: 12px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
padding-bottom: 10px;
}
#footer h2 {
color: #FC6;
font-size: 18px;
}
#footer .f1 {
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0px;
padding-left: 0px;
background-image: url(../images/transparent.gif);
background-color: transparent;
}
#footer .f3 {
background-image: url(../images/transparent.gif);
background-color: transparent;
}
#footer .f1 p,
#footer .p1 p {
margin-bottom: 10px;
margin-top: 0px;
padding: 0px;
}
#footer .f1 p a,
#footer .p1 p a {
color: #FFF;
padding-bottom: 0px;
text-decoration: none;
}
#footer .f1 p a:hover,
#footer .p1 p a:hover {
color: #FFC900;
padding-bottom: 0px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
}
#footer .divider-border {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #484848;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}
#footer .bullets.arrow li a{
color: #CCC;
text-decoration: none;
font-weight: 400;
}
#footer .bullets.arrow li a:hover {
color: #FFF;
text-decoration: none;
font-weight: 400;
}
#footer .bullets.arrow {
padding-left: 10px;
padding-right: 10px;
}
#footer .copyright {
text-align: center;
display: block;
}
.clearer {
display: block;
clear: both;
}
.last {
display: block;
clear: both;
margin-right: 0px;
}
.boxShadow {
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.07);
}
.noSidePad {
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
/*
Warning Sign for Internet Explorer 7 users (This website does not support IE7)
*/
#warning {
background-color:#333;
padding:20px;
color:#fff;
margin-bottom:10px;
line-height:21px;
font-size:16px;
}
#warning strong {
color:#fff;
}
#warning a {
color:#fff;
font-weight:normal;
padding-bottom:0px;
text-decoration:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666;
}
#warning a:hover {
color:#fff;
font-weight:normal;
padding-bottom:0px;
text-decoration:none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: .fff;
}
/*
(f) Columns Fixed
*/
.f1,
.f2,
.f3,
.f4
{
text-align: left; /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #FFF;
padding: 20px;
}
/*
Make all divs have a grey background, so they are visible.
*/
.f1 .one {
}
.f2 .one,
.f2 .two {
}
.f3 .one,
.f3 .one-two,
.f3 .two,
.f3 .two-three,
.f3 .three {
}
.f4 .one,
.f4 .one-two,
.f4 .one-three,
.f4 .two,
.f4 .two-three,
.f4 .two-four,
.f4 .three,
.f4 .three-four,
.f4 .four {
}
/*
(p) Columns Percentage
*/
.p1,
.p2,
.p3,
.p4
{
font-family: 'Open Sans', sans-serif;
font-weight: normal;
margin: 0 auto;
text-align: center;
background-color: #FFF; /* This creates the height of the columns, and padding top and bottom. Deleting this will remove the column height and padding */
clear: both;
}
/*
Make all divs have a grey background, so they are visible.
*/
.p1 .one {
background-color: #F4F4F4;
margin:0 auto;
}
.p2 .one,
.p2 .two {
}
.p3 .one,
.p3 .one-two,
.p3 .two,
.p3 .two-three,
.p3 .three {
}
.p4 .one,
.p4 .one-two,
.p4 .one-three,
.p4 .two,
.p4 .two-three,
.p4 .two-four,
.p4 .three,
.p4 .three-four,
.p4 .four {
background-color: #F4F4F4;
}
/*--------------------------------------------------
COLUMNS Percent Option 2
---------------------------------------------------*/
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth {
float: left;
position: relative;
margin-right: 4%;
}
.one-half {
width: 48%;
}
.one-third {
width: 30.66%;
}
.two-third {
width: 65.33%;
}
.one-fourth {
width: 22%;
}
.three-fourth {
width: 74%;
}
.one-fifth {
width: 16.8%;
}
.last {
margin-right: 0 !important;
}
.last-noborder {
border-bottom-style: none;
border-bottom-width: 0px;
}
.one.aligncenter, .one-half.aligncenter, .one-third.aligncenter, .two-third.aligncenter, .one-fourth.aligncenter, .three-fourth.aligncenter, .one-fifth.aligncenter {
float: none;
}
/*--------------------------------------------------
SCROLL TO TOP
---------------------------------------------------*/
#back-top {
display: none;
}
#back-top {
position: fixed;
right: 0;
bottom: 0;
z-index: 1000;
width: 40px;
height: 40px;
background: url(../images/sprite.png) no-repeat scroll 0 -89px transparent;
text-indent: -9999px;
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-o-transition-duration: 0s;
}
#back-top:hover {
background-position: 0 -129px;
}
/*--------------------------------------------------
DROPCAPS
---------------------------------------------------*/
.dropcap1 {
float: left;
font-size: 53px;
line-height: 50px;
color: #444;
margin: 0 8px 0 0;
font-weight: bold;
}
.dropcap {
font-size: 24px;
text-transform: uppercase;
text-align: center;
display: block;
float: left;
margin: 6px 8px 0 0;
}
.dropcap.rectangle {
border-radius: 2px 2px 2px 2px;
}
.dropcap.round {
border-radius: 55px 55px 55px 55px;
}
.dropcap.border {
border: 1px solid #444;
color: #444;
padding: 9px 13px;
}
.dropcap.dark {
background-color: #444;
color: #FFFFFF;
padding: 11px 15px;
}
.dropcap.light {
background-color: #f5f5f5;
color: #676767;
padding: 11px 15px;
}
.dropcap.color {
background-color: #b40c0c;
color: #FFFFFF;
padding: 11px 15px;
}
/*--------------------------------------------------
EXTRA CSS CUSTOM by AldoDesign
---------------------------------------------------*/
#cms-news {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #EEE;
display: block;
width: 100% !important;
}
#cms-news a {
text-decoration: none;
}
#cms-news h1 {
}
#cms-news .date {
}
#cms-news .small-photo {
}
.Flexible-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-right: 10px;
}
.Flexible-container iframe,
.Flexible-container object,
.Flexible-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
margin-right: 10px; !important;
}
/*--------------------------------------------------
WIDGET
---------------------------------------------------*/
.widget {
float: left;
width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #EEE;
}
.widget .title {
font-size: 16px;
line-height: 20px;
font-weight: 400;
text-transform: uppercase;
display: block;
padding: 0;
margin: 0 0 15px 0;
color: #464849;
}
.widget ul {
padding: 0;
margin: 0;
list-style-type:none;
}
.widget ul li {
padding: 0;
margin: 0 0 5px 0;
width: 100%;
}
.widget ul li:last-child {
margin: 0;
}
.widget ul li a {
color: #676767;
}
.widget ul li a:link, .widget ul li a:visited {
color: #B40B0B;
text-decoration: none;
}
.widget a:hover {
color: #666;
text-decoration: underline;
}
.widget ul li span.date {
color: #aaa;
display: block;
font-size: 11px;
text-transform: uppercase;
}
.widget img.alignleft {
margin: 5px 15px 0 0;
}
.widget.menu-category {
margin-bottom: 30px;
}
.widget.menu-category .bullets.arrow li a:hover {
color: #666;
text-decoration: underline;
}
/* Bullets */
ul.bullets {
list-style: none;
margin: 0px;
line-height: 20px;
font-size: 14px;
color: #666;
display: block;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 5px;
}
ul.arrow li {
list-style: none;
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 15px;
background-image: url(../images/icons/arrow_bullet.png);
background-repeat: no-repeat;
background-position: 0px 6px;
}
ul.black li {
list-style: none;
padding: 5px 5px 0px 20px;
background: transparent url(../../mmca2014/images/icons/black_bullet.png) no-repeat 0 11px;
display: block;
}
ul.red li {
list-style: none;
padding: 5px 5px 0px 20px;
background: url(../../mmca2014/images/icons/red_bullet.png) no-repeat 0 11px transparent;
display: block;
}
ul.square li {
list-style: none;
padding: 5px 5px 0px 20px;
background: url(../../mmca2014/images/icons/square_bullet.png) no-repeat 0 11px transparent;
display: block;
}
.----------AldoDesign-CSS-END-Here--------- {
}
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* 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;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #fff;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}