/* ::::::::::::::::::::::: Site-wide ::::::::::::::::::::::: */

* { box-sizing: border-box; }


/* :::::::: COLORS :::::::::: */
.blue {color: #203080;}
.blue-lt {color: #6568e2;}
.green  {color:#009999;}
.gold {color:#ee7744;}
.green-lt  {color:#a8d12e;}
.orange  {color:#ee7744;}
.red {color: #c62a33;}
.pink {color: #e38; }
.white {color:#fff;}
.black {color:#000;}
.gray {color: #666;}
.gray-lt {color: #888;}
.rust {color: #df9824}
.bg-blue {background-color:#203080; }
.bg-blue-lt {background-color:#6568e2; }
.bg-purple-lt {background-color:#cc99ee; }
.bg-green {background-color:#009999; }
.bg-green-lt {background-color:#a8d12e; }
.bg-orange {background-color:#ee7744; }
.bg-gold {background-color:#f0bb44; }
.bg-red {background-color:#c62a33; }
.bg-red-lt {background-color: #eaa }
.bg-yellow {background-color:#feb; }
.bg-pink {background-color:#fce; }
.highlight {background-color:#fe9; }
.bg-black {background-color:#000; }


 /* :::::::: H TAGS :::::::::: */

h1 {color: #203080; margin:0;padding:0; font-size: 38px; line-height: 1.1; }
h1.meta { font-size: 20px; text-transform: uppercase; line-height: 1.1; }
h2 {color: #000; margin:0;padding:0; font-size: 32px; font-weight: 100; line-height: 1.2; }
h3  /* Subhead blue */
{color: #203080; margin:0; padding: 8px 0 0 0 ; font-size: 24px; font-weight: 600; line-height: 1.2}
h4 /* Subhead red */
{color: #f06050; margin:0;padding-top: 20px; font-size: 20px; font-weight: 600;} 
h5 /* bolded */
{color: #008866; margin:0;padding:0; font-size: 18px; font-weight: 600; display:inline; } 
h6 /* tagline */
{color: #77aa77; margin: 20px 0 0 0; padding: 20px 0; font-size: 20px; font-weight: 200; font-style: italic; margin-top: -15px} 



/* :::::::: ALL PAGES :::::::::: */
body {
position: relative; 
/* background-color:#6568e2; */
background-color:#555;
color: #555;
text-align:center;
font: 200 16px helvetica, arial, sans-serif; 
line-height: 1.5;
margin: 30px 30px; 
}


#container {
position: relative; top:50px;
height:auto;
background-color: #fff;
padding:0; margin:0;
text-align:center;
border-radius: 10px;
z-index: 1;
}


#top {display: none;}
.top {padding: 10px 0; text-transform: uppercase; font-size: 16px; letter-spacing: .05em; 
z-index: 90;}

#above-banner { padding: 1%; clear:both; border: solid 2px white; }

#banner {
position: relative; top: 0px; left:0;
width:100%; height: 120px;
margin: 0; padding: 10px;
vertical-align:middle; text-align:left;
overflow:visible;
z-index: 3;
}

#banner img {width: 100px; float:left; margin-right: 20px}

#banner h1.title {color:#a8d12e; font-size: 34px}

#logo {
position:relative; top:10px;left:2%;
width: 60%; 
float:left;
margin:0; padding:0px 0px; 
	text-align:left;
border:none 2px #000;
}


/* :::::::: HIDERS :::::::: */
.hide-phone { display: initial }
.hide-screen { display: none }
.hide-screen-pad { display: none }
.hide-phone-pad { display: initial }

.shared-heading {padding: 10px; width: 70% }



/* :::::::: BASICS :::::::::: */
img {border:none; margin: 0 5px 5px 0 }
em {font-style: normal; font-weight: bold }
sup {color: #888}
.superbig {font-size: 60px; font-family: 'arial black'}
.narrow { font-family: 'Roboto Condensed', sans-serif;}




/* :::::::: JQUERY STYLES :::::::::: */
.detail { 
position: relative;
font-weight: normal; font-size: 13px; line-height: 1.3; display: none; z-index: 800; }
.click-on {font-size: 11px; text-transform: uppercase;}
.detail.dropdownmenu {display: none}




.quote {
font: normal 200 26px helvetica, arial; 
line-height: 1.2;
padding: 10px;
 }
 
.quote2 {
font: normal 200 20px helvetica, arial; 
line-height: 1.2;
padding: 10px;
 }

.attribution {font-size: 12px; text-align: right; margin-right: 20px; line-height: 12px; }
.attribution2 {font-size: 11px; text-align: left; line-height: 1; }
.expand {letter-spacing: .05em}
.caption {font-size: 12px; text-align: left; margin-right: 20px; line-height: 12px; }

.small, .caption, .small-caps {font-size: 11px; line-height: 1.1; font-weight: 200 }
.small-caps {text-transform: uppercase }
.normal {font-style: normal; color: #555 }
.small {line-height: 1.2 }
a.extra-link {font-size: 12px; font-weight: bold }

li { list-style-type: square }


ul li {
list-style-type: square; 
line-height: 1.3; 
font-size: 12px;
margin-top: 20px;}


.instructions {font-size: 11px; text-transform: uppercase; letter-spacing: .1em;}
ol {margin-bottom: 0; padding-bottom:0; margin-top: 0; padding-top:0}


/* ::::::::::::::::::::::: PINSTYLES ::::::::::::::::::::::: */

/* Allows as many as will fit per row. */
.pinstyle {
float: left;
width: 180px; height: 240px;
padding: 5px;
margin-right: 2%; margin-bottom: 10px;
padding: 5px 10px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
font-size: 12px; line-height: 1.2; 
}



/* Allows only 2 per row */
.pinstyle2 {
float: left;
width: 46%; height: 200px;  
margin-right: 2%; margin-bottom: 10px;
padding: 5px 10px; 
border-radius: 10px; 
border: none 10px #eecc00;
text-align: center; 
color: #fff; 
background-color: #235f9a; }






/* ::: SOCIAL MEDIA. This is a absolute block   ::: */
#container-sm {
position: absolute; top: 10px; right: -5px;
width: 50px;
display: block;
z-index: 3; 
}

#container-sm img {width: 40px; border: solid 2px #fff; margin: 0 }



div.contactinfo {
float:left;
position: relative; top:20px;
height: 90px;
vertical-align: top;
	font-size:16px;
	letter-spacing:.1px;
	font-weight:400;
	color:#888;
	line-height:1.4;
border:none 2px #000;
}


.contactinfo b {
font-weight: normal;
font-size:  14px;
text-transform:none;
letter-spacing:1px;
color: #555;
padding-left:0px;
margin-top:0;padding-top:0;
}



.quicklinks {
position: absolute; top: 50px; right: 50px;
background-color: #fff;
z-index: 4;
width: auto; height: auto;
padding: 4px 1% 5px 1%; 
border: solid 1px #ccc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 4px;
opacity: 0.9;
}


.newitem { 
-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
margin-left:-30px;
}

.rotate { 
-ms-transform: rotate(-20deg); /* IE 9 */
-webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
transform: rotate(-20deg);
}


/* ::::::::::::::: Pan area   :::::::::::: */
#pan {
position: relative; top:0;
height: auto; width:100%; height: auto;
overflow:hidden;
margin:0; padding:0;
border:none 2px #000;
overflow: hidden; 
z-index:2;
}


#pan img { height: auto; width:100%; }



/* ::::::::::::::: TEXT BLOCKS   :::::::::::: */

#blocks {
position: relative; top: 0px;
clear:both;
width:100%;
overflow:visible;
border: none;

	text-align:left;
	font-size:16px; color: #444;
	line-height: 1.8;
z-index: 2; 
}






/* :::::::::: Events :::::::::: */

.event {
position: relative;
height: auto; padding: 2% 2% .5% 2%; 
border: solid 2px  #235f9a; /* border-top: solid 26px #5566d0; */
background-color: #fff;
/* border-top-left-radius: 15px;
border-top-right-radius: 15px; */
	text-align: center;
	font-size: 16px;
	line-height: 1.3;
z-index: 2;
overflow: hidden;
}

.event div.title {color: #5566d0; font-size: 20px; font-weight:bold }
.event div.date {color: #000; font-size: 18px; font-weight:bold; text-transform: none; }
.event div.time {color: #000; font-size: 16px; font-weight:normal }
.event div.location {color: #000; font-size: 12px; font-weight:normal }

.logo { font: bold 14px arial, helvetica;}
.event div.detail {text-align: left; font-size: 12px; }

.label-cal {
position: relative; top: -10px; left: -10px;
background-color: #5566d0; 
width: 140%; 
height: auto;
text-align: left; 
color:#fff; 
font: bold 12px arial; text-transform: uppercase;
padding: 5px 10px; 
border: none 1px #fff; 
z-index:2; 
}


.ribbon-container {
position: absolute;
width: 100%; Height: 100%;
overflow: hidden;
z-index:100;
border:none;
}

.event .ribbon {
position: absolute; left: -60px; top: 40px;
text-align: left;
width: 60%;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
background-color: #fe9;
padding: 5px 50px;
font: 600 16px helvetica, sans-serif; 
text-transform: uppercase;
color: #cc1111;
z-index: 120;
}


/* house of delegates candidates */

.box-candidate .ribbon,  .box-candidate .ribbon2 {
position: absolute; /*left: -50px;*/ top: 10px;
text-align: center;
width: 100%;
/* -ms-transform: rotate(-45deg);  IE 9 */
/* -webkit-transform: rotate(-45deg); Chrome, Safari, Opera 
transform: rotate(-45deg);*/ 
background-color: #fe9;
padding: 5px 50px;
font: 600 12px helvetica, sans-serif; 
text-transform: uppercase;
color: #cc1111;
z-index: 120;
-moz-opacity: .80;
  opacity: 0.8;
    filter: alpha(opacity=80); 
}

.box-candidate .ribbon2 { background-color: #aabbcc; color: #000 }

.calendar-monthly {
width: 100%; height: 600px; 
border: solid 4px black;
}

.tag /*use for new, updated, etc */
{ width: 80px; background-color: #d60f3f; color: white; font-weight: bold; }

/* :::::::::: orgs :::::::::: */

.org {
padding: 2%; 
border: solid 1px #888;
line-height: 1.2;
font-size: 12px
}

.org .name {font: bold 18px Arial, helvetica; color: #000 }


.org a { font-size: 14px }

/* .org a:nth-child(2),  .org a:nth-child(3), .org a:nth-child(4) { font-weight: normal; font-size: 12px }
*/





/* ::::::::::::::: 1-block setup  :::::::::::: */

#column-full {
position: relative; top:0;
width: 100%;
padding: 20px;
}


/* ::::::::::::::: 2-BLOCK SETUP  :::::::::::: */
/* ::: Main block ::: */

#column-main { 
position:relative; top:20px;
float:left; 
width: 65%; height:auto; min-height:500px;
margin-right:0; margin-left: 0;
padding-bottom:20px; padding-right: 2%; padding-left: 2%;padding-top: 20px;
background-color:transparent;
	text-align:left;
	font-size:16px; 
	color: #444;
	line-height: 1.4;
overflow: visible;
z-index:2;
}

#column-sidebar { 
position:relative; top: 20px;
float:left; 
width: 33%; height:auto;
margin-top:20px;margin-right:0; margin-left: 1%;
padding-bottom:20px; padding-right: 2%; padding-left: 2%;
background-color:transparent;
	text-align:left;
	font-size:14px; 
	color: #444;
	line-height: 1.4;
overflow: visible;
z-index:2;
}

#column-main p.firstpara::first-line {
    font: bold 20px helvetica, arial; color: #235f9a;
}

#column-main ul li { text-align:left; font-weight:normal; font-size: 14px; line-height:1.4; margin-left:0; color:#555;}

#column-main .img-icon { 
float: left;
margin-right: 20px;
}

#column-main .news {
border: solid 3px #cc1111;
padding: 2%;
}

.block-logos {
position: relative; top: 40px;
height: 100%; 
text-align: left; line-height: 10px;
}

.block-logos img, .block-logos a { 
height: 40px; 
float: left; 
margin: 5px;  
padding: 0;  }



/* Tips */

#column-main.tips {width: 60%; font-size: 18px; line-height: 1.3; }
#column-main.tips h3 {color: #cceeff; font-weight: normal}

#block-sidebar.tips {width: 38%; font-size: 14px; line-height: 1.2; }


/* ::: Sidebar block ::: */

#block-sidebar { 
position:relative; top:0;
float:left; 
width: 39%; height: auto; padding: 2%; 
margin-left: 1%;
text-align: left; vertical-align:top;
background-color: #fff;
z-index:2;
}


#block-sidebar.clean {
border: none 26px #5566d0;
border-left: solid 1px #ccc;
}




/* ::: 2-BLOCK SPECIAL PAGES  ::: */

/* ::: VOLUNTEER ::: */
#blocks.volunteer { background-color:transparent;}
#column-main.volunteer { width: 45%}
#block-sidebar.volunteer { width: 52%; margin-left: 1%}


/* ::: DONATE ::: */
#column-main.donate { width: 50%}
#block-sidebar.donate { width: 40%; margin-left: 3%}





/* ::::::::::::::: SHAPES :::::::::::: */
.circle {
font-size: 20px; 
padding: 3px 10px;
border:solid 2px #d60f3f;
	width: 80px;
	height: 80px;
	background: #fff;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	margin-bottom: 20px;
}




    

/* ::::::::::::::: 4-Block setup  :::::::::::: */

.block3, .block2x, .block3-main {
position: relative;
float:left;
width:28%; height:auto;
margin-left:1%; margin-bottom: 20px; margin-top: 10px;
background-color:#fff;
text-align:center;
padding: 1% 1%;
font-size:13px; line-height:1.4;
border: solid 1px  #888;
overflow:hidden;
z-index:2;
color: #555;
}


.block3-main {
width: 40%; 
border: none;
text-align: left;
font-size: 18px; 
color: #333;
 }

.block3-main h1 {font-size: 55px }



.block2x { float:left; width: 60%; background-color: transparent; font-size: 30px; color: #008866; font-family: georgia; text-align:left; margin-left: 20px }

.block3 div.extra-text, .extra-text {
font-size:12px;
padding:0; margin: 0; padding-bottom: 5px; font-size: 12px;
}


.block3 img {
width:auto; border:none 2px #899;}


h2.calendar { text-transform: uppercase; color:#ee5555; font-weight:bold; font-size: 18px; letter-spacing: .08em;} 





/* ::::::::::::::: Boxes :::::::::::: */

.box-float2 { 
float: left; 
width: 48%;
margin-right: 1%;
border: none;
}


.box-nav {
width: 100%;
background-color: #feb;
font-size: 12px; font-weight: normal;
line-height: 1.2;
}

.box-action {
border: solid 12px #000;
padding: 2%;
text-align: center;
font-size: 18px;
}

.box-subtle {
border: solid 1px #ccc;
padding: 3%;
}

.box-curve {
 padding: 3px 10px 3px 10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
    }

.box-shadow {
 -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
    padding: 3px 10px 3px 10px;
    font-size: 18px; color: #fff;
    text-align: center;
    -moz-border-radius: 10px;
-webkit-border-radius: 10px;
    }
    
    
.box-shadow2 {
border: solid 8px #f0b54e; background-color: white;

 -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    
    text-align: center;
        -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}
    
 
    
.bar-shadow {
border-right: solid 2px #000;
 /*  
-moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
-webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);   
*/   
    padding: 5px;
    text-align: center;

    }


.box-nav {
border: solid 1px #ccc;
padding: 3%;
background-color: #feb; 
font-size: 12px;
}


.box-scroll {
overflow: scroll;
}


.box-blue {
background-color: #235f9a;
color: white;
padding: 20px;
font: 200 18px helvetica, arial;
}

.box-blue h3 { color: white; }


.box-blue-lt {
background-color: #235f9a;
color: white;
padding: 20px;
font: 200 18px verdana, arial;
}

.box-blue-lt h3 {
font: 600 30px arial black, arial; 
color: #fff;
text-transform: uppercase;
line-height: 1; 
border: none;
}

.box-blue-lt h4 {
font: 600 22px arial black, arial; 
color: #000;
text-transform: uppercase;
line-height: 1; 
border: none;
}

.box-curve { 
padding: 30px;
border: solid 4px #d60f3f;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}



/* :::::::: Donate page boxes :::::: */

.box-fundraise {
position: relative; 
border:solid 3px #ccc;
padding: 20px 10px 20px 10px;
height: auto;
}

.box-label { 
position: absolute; 
width: 100px; margin-top: -30px; margin-left: 80px;  background-color: white; color: #000; font-size: 11px; text-transform: uppercase; text-align: center; padding: 1px;}

.box-fundraise  .box-date { 
 float: left; margin-top: -10px; margin-right: 10px; margin-bottom: 20px;  border:solid 1px #5566dd; text-align:center;}
 
 
.box-fundraise p { clear: both; }

.box-fundraise .box-day { background-color: #5566dd; color: #fff }
.box-fundraise .box-month-date { font: bold 14px sans-serif; padding: 5px }
.box-fundraise .box-name { font-weight: bold; line-height: 1.2 }
.box-fundraise .box-link { font: normal 12px sans-serif }

/* ::::::::::::::: timeline :::::::::::: */


.timeline {
border-left: solid 12px #235f9a;
padding: 10px 10px 10px 0;
font: normal 13px verdana, arial;
color: #000;
}

.timeline h5 { 
display: block;
font-size: 13px;
text-indent: -12px;
padding-left: 12px;
}

.timeline .date { 
color: #119955;
font: bold 20px helvetica, arial;
}


.timeline .detail { 
padding-left: 12px;
font-size: 11px;

}



/* ::::::::::::::: FAQ content :::::::::::: */

.faq h3, .faq h4 {color: #ee7744 } 

.faq .question {font-size:16px; font-weight: bold; margin-bottom:0px;line-height:1.5; color:#086}
.faq .question b {font-size:18px;color:#000; }

.faq .answer {display:none; font-size:14px; font-weight: normal; padding-bottom:8px;line-height: 1.5; padding-top:8px; color: #555 }
/* .faq .answer b {font-size:18px;color:#e22; } */
.faq .answer b.normal {font-size:14px;color:#000; }



/* ::::::::::::::: Elections :::::::::::: */

.box-candidate {
position: relative; 
width: auto; height: auto; 
float:left; 
	text-align: center;   
border: solid 1px #fff;
margin-right: 2%; margin-bottom: 1%;
background-color: #5566d0;
line-height: 15px;
padding: 0 0;
color: #fff;
overflow: hidden;
}

.box-candidate img { margin: 0; width: 150px; height: 150px; }

.box-candidate .name {font-size: 16px; color: #fff; letter-spacing: -.01em }
.box-candidate .dist {
font: normal 13px arial, sans-serif; color: #abf; text-transform: uppercase}

#nav-elections { width: 100%; height: auto;}
 


a.button-big:link, a.button-big:visited, a.button-big:active { 
font-size: 20px; 
color: #fff; padding: 10px; 
border: none 2px #fff; border-radius: 20px; 
display: inline;
}

a.button-big:hover { background-color: gold; color: black; }



/* ::::::::::::::: Contact us  content :::::::::::: */

#column-main.contactus { width: 50%; height: auto;}
#block-sidebar.contactus { width: 30%; background-color: transparent }

#column-main.contactus h4, #block-sidebar.contactus h4 {font-size: 28px; line-height: 1.2 }

/* :::::::::::::::: articles ::::::::::::::  */

#column-main.article div {float: left; font: normal 11px sans-serif; text-align: center }
#column-main.article img { margin: 8px  0 4px 8px }
#block-sidebar.article { float: left; width: 40%; }



/* :::::::::::::::: sources / footnotes ::::::::::::::  */

.learnmore { 
text-align: left;
font-size: 14px; line-height: 1.2; color: #555; 
}

.learnmore a { font-weight: bold } 


.learnmorelink { 
font-size: 11px; 
font-weight: bold; 
text-transform: uppercase;
}

#sources { 
text-align: left;
font-size: 12px;
padding: 10px 10px 10px 50px;
font-size: 12px; line-height: 1.2; color: #555; 
border-top: none 3px #888;
display: block;
}

#sources h3 { text-transform: uppercase }

#sources a { font-weight: bold }


/* :::::::::::::::: Footer ::::::::::::::  */

#footer {
position:relative; bottom: 0; left:0; top: 20px;
padding:20px; margin-top:0;
width:100%; height: auto;
clear:both;
	background-color:#888;
	font-size: 14px; line-height: 1.2;
	text-align: center;

border-top: solid 8px #5566d0;
color:#eee;
z-index:2;
}



/* Table-like DIVs */

.div-tr {
clear: both;
width: 100%; 
border: solid 1px #555;
}

.div-tr .div-th {
float: left;
padding: 10px; 
font-size: 12px; 
background-color: #abc;
}

.div-td {
float: left;
padding: 10px; 
font-size: 12px; 
}


/* Tables */

table {border: solid 2px #000; background-color: #fff; width: auto}

table td {text-align: left; font-size: 11px; padding:5px; vertical-align: top; line-height: 1.2; }
th { font-size: 11px; font-weight: normal; text-align: left; 
background-color: #dde5ee; border: solid 2px #eee; }
td {  border-bottom: solid 1px #889 }
td.name { font-size: 12px; font-weight: normal; text-align: left; line-height: 1.2; }
td.name a { font-weight: bold; font-size: 14px; }
td.address { font-size: 11px; font-weight: normal; text-align: left; border-bottom: solid 1px #888 }
td.position { font: bold 12px arial black, sans-serif; text-transform: uppercase; color: #888; font-stretch:condensed}

td.subhead {background-color: #eeeeff; font-size: 14px; font-weight: bold; 
color: #000; letter-spacing: .1em; border: solid 2px #333;
text-align: center }

td.list {padding-left: 10px; line-height: 1.2; font-size: 9px;}

td.name { font-size: 14px; font-weight: bold}
td.name2 { font-size: 12px; font-weight: bold}


/* ::::::::::::::::::::::: Voter code table ::::::::::::::::::::::: */

#codes { 
width: 70%; 
background-color: #fff; 
border: solid 4px #5566d0; 
padding: 20px 0; 
text-align: center; 
margin-left:  15%; 
margin-right:  15%
 }



table.voter-info { 
text-align: center; 
width: 100%; 
margin-left:auto; 
margin-right:auto;
    border: none; 
    background-color: transparent;
}

#codes h2 { font-size: 28px }

table.voter-info th  {font: normal 12px helvetica, arial, sans-serif; color: #000; 
text-align: left; padding: 5px;  border-bottom: solid 2px #1e68b6; border-top: none 2px #1e68b6;}

table.voter-info td {font: normal 12px helvetica, arial, sans-serif; color: #333; text-align: left; padding: 5px;  border-bottom: solid 1px #1e68b6;}

table.voter-info td:first-child {font-weight: bold; font-size: 16px; color: #1e68b6; padding-left: 10px;}




/* ::::::::::::::: Buttons :::::::::::: */

a.button:link, a.button:visited, a.button:active { 
width: auto; 
font-size: 18px; 
padding: 15px; 
background-color: #009999;
color: #fff;
text-decoration: none;
text-align: center;
border: none 2px #fff; 
-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
margin-top: 20px;
}

a.button:hover { 
 background-color: #6568e2;
 color: white; 
 padding-left: 20px; padding-right: 20px; 
}



a.button-r:link, a.button-r:visited, a.button-r:active { 
width: auto; 
font-size: 18px; 
padding: 15px; 
background-color: #fff;
color: #1e68b6;
text-decoration: none;
text-align: center;
border: none 2px #fff; 
-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
margin-top: 20px;
}

a.button-r:hover { 
 background-color: #8899ff;
 color: white; 
 padding-left: 20px; padding-right: 20px; 
}


.button-shadow {
 -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 1);
    padding: 5px;
    text-align: center;
        -moz-border-radius: 10px;
		-webkit-border-radius: 10px;
}






a.button-learnmore:link { text-decoration: none; color:#5566dd; background-color:#def; padding: 4px; font: normal 12px arial, sans-serif;}
a.button-learnmore:active { text-decoration: none; color:#000; background-color:#def; }
a.button-learnmore:visited { text-decoration: none; color:#5566dd; background-color:#def; } 
a.button-learnmore:hover{ text-decoration: none; color:#000; background-color:#cff0aa; }


a.button-small:link, a.button-small:visited, a.button-small:active { 
background-color: #5566dd; 
color: #fff; 
padding: 3px 6px; 
border-radius: 5px; 
moz-border-radius: 5px; 
}

a.button-small:hover { background-color: #gold; color: #000; }




/* LINKS */

A:link { text-decoration: none; color:#203080}
A:active { text-decoration: none; color:#203080  }
A:visited { text-decoration: none; color:#203080  } 
A:hover{ text-decoration: none; color:#405080 }

A.r:link { text-decoration: none; color:#ffffff}
A.r:active { text-decoration: none; color:#ffffff  }
A.r:visited { text-decoration: none; color:#ffffff  } 
A.r:hover{ text-decoration: none; color:#ffffff }


/*:: Make the links white so that phone numbers will show up when converted to links by smart phones */
#banner a, #footer a { color: #fff }