body, html {
height:100%;
font-family:Signika, Geneva, sans-serif;
font-weight:300;
background-image:url(../images/128-215.jpg);
font-size:14px;
}
P, blockquote, TD, TR {
font-family:Signika, Geneva, sans-serif;
font-size:14px;
font-weight:300;
}
B {
font-weight:600;
}
.heading { font-size:25px; }
.tagline {font-size:18px; }
.textbody { font-size:14px; }
.white { color:#FFFFFF; }
.black { color:#000000; }
.bold { font-weight:600; }
.fixed {
position:fixed;
top:0;
}
.heading-15-Green-Ul-Link { font-size:15px; font-weight:400; color:#006633; text-decoration:underline; }
.heading-15-Green-Ul-Link:hover { font-size:15px; font-weight:600; color:#006633; text-decoration:underline; }
.bottomBorder1 { border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; }
.blockquotestyle { padding-left:15px; }
.sectionTitle14 { font-size:14px; }
.sectionTitle16 { font-size:16px; }
.sectionTitle18 { font-size:18px; }
.sectionTitle20 { font-size:20px; }
.sectionTitle22 { font-size:22px; }
.sectionTitle24 { font-size:24px; }
.sectionTitle26 { font-size:26px; }
.sectionTitle28 { font-size:28px; }
.sectionTitle30 { font-size:30px; }
.sectionTitle32 { font-size:32px; }
.sectionTitle34 { font-size:34px; }
.imagecaption { font-size:11px; font-weight:bold; }
.hand { cursor:pointer; }
.mainmenu { font-size:14px; font-family:Verdana, Geneva, sans-serif; color:#000000; }
.imageClickable { cursor:pointer; border:thin dashed; }
.mainmenuborder {border-style:solid; border-top-width:1px; border-bottom-width:0px; border-right-width:0px; border-left-width:0px; border-color:#CCC; }
.mainmenulefrighttborder {border-style:solid; border-top-width:0px; border-bottom-width:0px; border-right-width:2px; border-left-width:2px; border-color:#999; }
.screenshotborder {border-style:dashed; border-top-width:2px; border-bottom-width:2px; border-right-width:2px; border-left-width:2px; border-color:#333333; }
.tileborder {border-style:solid; border-top-width:1px; border-bottom-width:1px; border-right-width:0px; border-left-width:0px; border-color:#D6D6D6; }
.buildTest { font-size:20px; color:#FFFFFF; }
.noMarginTopBottom { margin-top:0px; margin-bottom:0px;}
.noMarginTop { margin-top:0px;}
.imgTitle { font-size:12px; color:#000000; font-weight:bold; }
.tileheading { font-size:18px; color:#1878b2; }
.tileheadingGreen { font-size:18px; color:#00934e; }
.tilesubheading { font-size:14px; color:#333333; }
.tilelink { font-size:14px; color:#006633; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; text-decoration:none; }
.tilelink:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; }
.tilelink15 { font-size:15px; color:#006633; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; text-decoration:none; }
.tilelink15:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; }
.bodylink { font-size:14px; color:#006633; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; text-decoration:none; }
.bodylink:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#006633; }
.yahlink { font-size:13px; color:#ffffff; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#ffffff; text-decoration:none; }
.yahlink:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#ffffff; }
.footerlink { font-size:14px; color:#FFF; text-decoration:none; }
.footerlink:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#ffffff; }
.manuallink { font-size:14px; color:#1878b2; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; text-decoration:none; }
.manuallink:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; }
.manuallink15 { font-size:15px; color:#1878b2; border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; text-decoration:none; }
.manuallink15:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; }
.bulletlist13 {font-size:13px; }
.greenheading { font-size:16px; color:#006633; }
.blueheading { font-size:16px; color:#003366; }
.footerheading { font-size:16px; color:#ffffff; }
.topmenu { font-size:15px; color:#1878b2; border-style:solid; border-bottom-width:0px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; text-decoration:none; }
.topmenu:hover { border-style:dashed; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#1878b2; }
.borderleftbottom { border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:1px; border-color:#D6D6D6; }
.borderbottom { border-style:solid; border-bottom-width:1px; border-top-width:0px; border-right-width:0px; border-left-width:0px; border-color:#D6D6D6;}
.bordertop { border-style:solid; border-bottom-width:0px; border-top-width:1px; border-right-width:0px; border-left-width:0px; border-color:#D6D6D6;}
.borderleft { border-style:solid; border-bottom-width:0px; border-top-width:0px; border-right-width:0px; border-left-width:1px; border-color:#D6D6D6; }
.borderright { border-style:solid; border-bottom-width:0px; border-top-width:0px; border-right-width:1px; border-left-width:0px; border-color:#D6D6D6; }
.paraBox { border-style:dashed; border-bottom-width:1px; border-top-width:1px; border-right-width:1px; border-left-width:1px; border-color:#D6D6D6; background-color:#F4F395;}
.mainmenuinnerglow { box-shadow:inset 0 0 10px #333; background-color:#494D61; }
.tileglow { box-shadow:inset 0 0 5px #CCC; }
.menu_selected {border-style:solid; border-top-width:0px; border-bottom-width:0px; border-right-width:2px; border-left-width:2px; border-color:#ffffff; }
.indentGreyHeading {
text-shadow: 1px 1px white, -1px -1px #666;
font-size:25px;
font-weight:500;
color:#CCCCCC;
margin-top:0px;
margin-bottom:0px;
text-decoration:underline;
}
.boxshadow {
-moz-box-shadow: 0 0 2px #D6D6D6;
-webkit-box-shadow: 0 0 2px #D6D6D6;
box-shadow: 0 0 2px #D6D6D6;
}
.box5Shadow1Border {
-moz-box-shadow: 0 0 5px #D6D6D6;
-webkit-box-shadow: 0 0 5px #D6D6D6;
box-shadow: 0 0 5px #D6D6D6;
border-bottom-width:1px;
border-top-width:1px;
border-left-width:1px;
border-right-width:1px;
border-color:#585858;
border-style:solid;
}
.mainmenubackground {
background: #888888; /* Old browsers */
background: -moz-linear-gradient(top, #888888 0%, #5e5e5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* IE10+ */
background: linear-gradient(to bottom, #888888 0%,#5e5e5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 0 3px #888888;
-webkit-box-shadow: 0 0 3px #888888;
box-shadow: 0 0 3px #888888;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:0px;
border-left-width:0px;
border-color:#333333;
}
.submenubackground{
background: rgb(24,119,178); /* Old browsers */
background: -moz-linear-gradient(top, rgba(24,119,178,1) 0%, rgba(27,160,205,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,119,178,1)), color-stop(100%,rgba(27,160,205,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1877b2', endColorstr='#1ba0cd',GradientType=0 ); /* IE6-9 */
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-box-shadow: 0 0 2px #888888;
-webkit-box-shadow: 0 0 2px #888888;
box-shadow: 0 0 2px #888888;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-color:#999;
}
.submenubackgroundhover{
background: rgb(0,147,78); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,147,78,1) 0%, rgba(0,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,147,78,1)), color-stop(100%,rgba(0,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00934e', endColorstr='#006633',GradientType=0 ); /* IE6-9 */
-moz-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;
border-top-right-radius: 5px;
-moz-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-box-shadow: 0 0 2px #888888;
-webkit-box-shadow: 0 0 2px #888888;
box-shadow: 0 0 2px #888888;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-color:#333333;
}
.greenBgNoCurve{
background-color:#00934e;
-moz-box-shadow: 0 0 2px #D6D6D6;
-webkit-box-shadow: 0 0 2px #D6D6D6;
box-shadow: 0 0 2px #D6D6D6;
}
.greenBgNoCurve_Hover{
background: rgb(0,147,78); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,147,78,1) 0%, rgba(0,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,147,78,1)), color-stop(100%,rgba(0,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00934e', endColorstr='#006633',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 0 2px #D6D6D6;
-webkit-box-shadow: 0 0 2px #D6D6D6;
box-shadow: 0 0 2px #D6D6D6;
}
.headingbackground{
background: rgb(0,147,78); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,147,78,1) 0%, rgba(0,102,51,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,147,78,1)), color-stop(100%,rgba(0,102,51,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,147,78,1) 0%,rgba(0,102,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00934e', endColorstr='#006633',GradientType=0 ); /* IE6-9 */
border-style:solid;
border-bottom-width:0px;
border-top-width:1px;
border-right-width:0px;
border-left-width:0px;
border-color:#999;
}
.bottom_bg {
background: #888888; /* Old browsers */
background: -moz-linear-gradient(top, #888888 0%, #5e5e5e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#888888), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #888888 0%,#5e5e5e 100%); /* IE10+ */
background: linear-gradient(to bottom, #888888 0%,#5e5e5e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888888', endColorstr='#5e5e5e',GradientType=0 ); /* IE6-9 */
-moz-box-shadow: 0 0 3px #888888;
-webkit-box-shadow: 0 0 3px #888888;
box-shadow: 0 0 3px #888888;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:0px;
border-left-width:0px;
border-color:#D6D6D6;
}
.bottom_menu_shadow {
-webkit-box-shadow: inset 0px 3px 5px 0px #666;
-moz-box-shadow: inset 0px 3px 5px 0px #666;
box-shadow: inset 0px 3px 5px 0px #666;
}
.mainborder {
-moz-box-shadow: 0 0 2px #D6D6D6;
-webkit-box-shadow: 0 0 2px #D6D6D6;
box-shadow: 0 0 2px #D6D6D6;
border-style:solid;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-color:#D6D6D6;
}
.boxshadow_tiles {
-moz-box-shadow: 0 0 1px #888888;
-webkit-box-shadow: 0 0 1px #888888;
box-shadow: 0 0 1px #888888;}
.curvedborder {
-moz-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
-moz-border-bottom-left-radius: 15px;
border-bottom-left-radius: 15px;
-moz-border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
border-style:solid;
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-color:#D6D6D6;
}
.curve_heading { -moz-border-top-left-radius: 15px;
border-top-left-radius: 15px;
-moz-border-top-right-radius: 15px;
border-top-right-radius: 15px;
}
.youareherebackground{
background: rgb(24,119,178); /* Old browsers */
background: -moz-linear-gradient(top, rgba(24,119,178,1) 0%, rgba(27,160,205,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,119,178,1)), color-stop(100%,rgba(27,160,205,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(24,119,178,1) 0%,rgba(27,160,205,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1877b2', endColorstr='#1ba0cd',GradientType=0 ); /* IE6-9 */
border-style:solid;
border-bottom-width:0px;
border-top-width:1px;
border-right-width:0px;
border-left-width:0px;
border-color:#999;
}
.go-top {
position: fixed;
bottom: 0.75em;
right: 0.5em;
text-decoration: none;
color: black;
background-color: rgba(0, 0, 0, 0.25);
font-size: 12px;
padding: 10px;
display: none;
margin: 0;
}
.go-top:hover {
background-color: rgba(0, 0, 0, 0.6);
color: white;
text-decoration: none;
}
/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
position:relative;
padding:15px;
margin:1em 0 3em;
border:5px solid #5a8f00;
color:#333;
background:#fff;
/* css3 */
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
margin-left:30px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
margin-right:30px;
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
content:"";
position:absolute;
bottom:-20px; /* value = - border-top-width - border-bottom-width */
left:40px; /* controls horizontal position */
border-width:20px 20px 0;
border-style:solid;
border-color:#5a8f00 transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* creates the smaller triangle */
.triangle-border:after {
content:"";
position:absolute;
bottom:-13px; /* value = - border-top-width - border-bottom-width */
left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
border-width:13px 13px 0;
border-style:solid;
border-color:#fff transparent;
/* reduce the damage in FF3.0 */
display:block;
width:0;
}
/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
top:-20px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:40px; /* controls horizontal position */
border-width:0 20px 20px;
}
/* creates the smaller triangle */
.triangle-border.top:after {
top:-13px; /* value = - border-top-width - border-bottom-width */
bottom:auto;
left:auto;
right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */
border-width:0 13px 13px;
}
/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.left:before {
top:10px; /* controls vertical position */
bottom:auto;
left:-30px; /* value = - border-left-width - border-right-width */
border-width:15px 30px 15px 0;
border-color:transparent #5a8f00;
}
/* creates the smaller triangle */
.triangle-border.left:after {
top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom:auto;
left:-21px; /* value = - border-left-width - border-right-width */
border-width:9px 21px 9px 0;
border-color:transparent #fff;
}
/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.right:before {
top:10px; /* controls vertical position */
bottom:auto;
left:auto;
right:-30px; /* value = - border-left-width - border-right-width */
border-width:15px 0 15px 30px;
border-color:transparent #5a8f00;
}
/* creates the smaller triangle */
.triangle-border.right:after {
top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */
bottom:auto;
left:auto;
right:-21px; /* value = - border-left-width - border-right-width */
border-width:9px 0 9px 21px;
border-color:transparent #fff;
}