@charset "utf-8";

/*
---------------------------------------------
Customize Template Colors
---------------------------------------------
*/
 
/*Background color of entire page*/ body { background:url(../images/20150921d.jpg) no-repeat; background-position: 50% 10%} 

/*Background color of header section*/ #header { background:url(../images/opacity-bg-textarea.png)} 

/*Background and text color of click to call bar*/ .buttonclick a { color:#ffffff; background:url(../images/m-butn-tran-blu.png) repeat-x; background-position: 50% 50%;}
/*Border color of click to call bar*/ .buttonclick a { border:1px solid #00ff00}
/*Text shadow in click to call bar*/ .buttonclick { text-shadow:0px 1px 2px #000000}

/*Background and text shadow in navigation bar*/ .topnav p { text-shadow:0px 1px 1px #ffffff; background:url(../images/m-butn-tran-blu2.png); border:2px solid #ffffff; box-shadow:0px 0px 3px 0px #0000aa; -moz-box-shadow:0px 0px 3px 0px #0000aa; -webkit-box-shadow:0px 0px 3px 0px #0000aa}
/*Color of text in navigation bar*/ .topnav p a { color:#000000}

/*Border color of homepage main menu*/ #content { border:0px} 
/*Color of text in homepage main menu*/ #nav ul li a { color:#ffffff; text-shadow:0px 1px 0px #000000;} 
/*Color and thickness of separator lines in homepage main menu*/ #nav ul li { transparent} 

/*Background color of content area*/ #contentinner { background:url(../images/opacity-bg-blk2.png);}
/*Border color of content area*/ #contentinner { border:2px solid #000000}
/*Color of all standard text in content area*/ p, ul, ol, label { color:#eeeeee}
/*Color of all heading text in content area*/ h1,h2,h3,h4,h5,h6 { color:#ffffff}
 
/*Color of text in footer*/ #footer p { color:#000000; text-shadow:0 1px 0px #ffcc00} 
/*Color of text links in footer*/ #footer p a { color:#0000ff; text-shadow:0 0px 0px #eeeeee} 

/*Background color of homepage sub-menus*/ #nav ul li.submenu { background:url( ../images/opacity-bg-wht.png); padding: 0px 0px 0px 0px; margin-top: 10px; border:2px solid #000000;  box-shadow: 0px 1px 3px 0px #eeeeee; -moz-box-shadow: 0px 1px 3px 0px #eeeeee; -webkit-box-shadow: 0px 1px 3px 0px #eeeeee}
/*Color of text in homepage sub-menus*/ #nav ul li.submenu a { color:#000077; text-shadow:0px 2px 3px #eeeeee}

/*Background color of homepage sub-menus*/ #nav ul li.submenu2 { background:url(../images/butn-tran-blu2.png) repeat-x; padding: 0px 0px 0px 0px; margin-top: 10px; border:2px solid #000000; box-shadow: 0px 1px 3px 0px #eeeeee; -moz-box-shadow: 0px 1px 3px 0px #eeeeee; -webkit-box-shadow: 0px 1px 3px 0px #eeeeee}
/*Color of text in homepage sub-menus*/ #nav ul li.submenu2 a { color:#eeeeee; text-shadow:0px 1px 3px #000000}


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

html, body, p, div, input, textarea, select, option, fieldset, label, h1, h2, h3, h4, h5, h6, img, a, a:link, a:active, a:hover, a:visited, form, ul, ol, li { margin:0;  padding:0;  text-align:left;}

img,fieldset { border:none}

ul, li { list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight:normal}

body { font-family:Arial, Helvetica, sans-serif; background-color:#222222}

p { font-size:0.875em; line-height:1.4em}
p a { color:#ffcc00; text-decoration:none}

h1 { font-size:1.064em; font-weight:bold}
h2 { font-size:0.938em; font-weight:bold}
h3 { font-size:0.875em; font-weight:bold}


/*
---------------------------------------------
02. header
---------------------------------------------
*/

#header { width:100%; float:left; padding:0px}
#header h1 { width:100%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.250em; color:#f5ba21; font-weight:bold; text-align:center}
#header h1 a { width:100%; float:left; text-decoration:none; text-align:center; padding:4px 0 8px 0}
#header p { text-align:center; padding-bottom:3px}
#header p.socialmedia a { padding-bottom:3px}
#header .logo { width:100%; padding:10px 0px 10px 0; text-align:center;}

/*
---------------------------------------------
03. wrapper and content
---------------------------------------------
*/

#wrapper { width:92%; float:left; padding:0px 4% 0px 4%}

.buttonclick { width:100%; float:right; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; padding:16px 0 26px 0%}
.buttonclick a { width:90%; float:left; height:40px; -webkit-border-radius: 1.125em; -moz-border-radius: 1.125em; border-radius: 1.125em; text-decoration:none; padding:0px 4% 0 5%; line-height:40px; text-align:center; position:relative; box-shadow: 0 0 2px 1px #005500; -moz-box-shadow: 0 0 2px 1px #005500; -webkit-box-shadow: 0 0 2px 1px #005500}

#content { width:99.8%; float:left; position:relative}

/*
---------------------------------------------
04. nav
---------------------------------------------
*/

#nav { width:100%; float:left}
#nav ul { width:100%; float:left}
#nav ul li { width:100%; text-align:center; height:44px; line-height:46px; font-family:Arial, Helvetica, sans-serif; font-size:20px; background:url(../images/menubtn-bg.png) repeat-x; -webkit-border-radius: 0.65em; -moz-border-radius: 0.65em; border-radius: 0.65em; margin-bottom:6px; margin-top:0px; border:2px solid #000000; box-shadow: 0px 1px 5px #ffcc00; -moz-box-shadow: 0px 1px 5px #ffcc00; -webkit-box-shadow: 0px 1px 5px #ffcc00}
#nav ul li a { width:100%; text-decoration:none;}
#nav ul li a span { font-weight:bold}
#nav ul li.top { margin-bottom:20px;}
#nav ul li.bot { background:url(../images/m-butn-tran-blu.png) repeat-x; -webkit-border-radius: 0.65em; -moz-border-radius: 0.65em; border-radius: 0.65em; border-top:none; margin-bottom:10px; border:2px solid #008800; box-shadow: 0 0 3px 1px #666666; -moz-box-shadow: 0 0 3px 1px #666666; -webkit-box-shadow: 0 0 3px 1px #666666}

/*
---------------------------------------------
05. footer
---------------------------------------------
*/

#footer { width:100%; float:left; padding:15px 0 4px 0}
#footer p { font-size:14px; line-height:1.6em; text-align:center;}
#footer p span { font-weight:bold; font-size: 18px;}
#footer p.socialmedia { padding:5px 10px 5px 10px; text-align:center;}
#footer p.socialmedia a { padding:0 6px}
#footer p.bottomlinks { font-size:0.875em; font-weight:bold; padding-bottom:5px}
#footer p.bottomlinks span { padding:0 .5%}
#footer p.bottomlinks a { text-decoration:underline}

/*
---------------------------------------------
06. innerpage - header top nav
---------------------------------------------
*/

.topnav { width:98.5%; float:left; padding:20px 0 20px 0%}
.topnav p { width:90%; height:1.800em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; -webkit-border-radius: 0.65em; -moz-border-radius: 0.65em; border-radius: 0.65em; text-decoration:none; padding:7px 5% 0 5%; text-align:center}
.topnav p a { text-decoration:none; padding:0 .8%}

/*
---------------------------------------------
07. innerpage - content inner
---------------------------------------------
*/

#contentinner { width:98.8%; float:left; -webkit-border-radius:1.250em; -moz-border-radius:1.250em; border-radius:1.250em; padding:15px 0 15px 0}

#contentinner .content { padding:0 20px; font-size:18px; color:#eeeeee; text-align:left; text-shadow:#000000 1px 0px 2px; line-height:28px; margin-bottom: 12px}

#contentinner .slideshow { width:210px; margin-left:auto; margin-right:auto; padding:0 0; text-align:left}

#contentinner h1 { padding-bottom:5px}
#contentinner h2 { padding-bottom:5px; font-size:20px; font-weight:bold; color:#eeeeee; text-align:left; text-shadow:#000000 1px 1px 0px; line-height:28px; margin-bottom: 12px}
#contentinner h3 { padding-bottom:5px}
#contentinner p { padding-bottom:13px}
#contentinner p span { font-weight:bold; font-size:20px;}
#contentinner p a { text-decoration:none}

#contentinner ol{ width:100%; float:left; padding:5px 0 15px 20px}
#contentinner ol li{ width:100%; float:left; font-size:0.875em; line-height:1.4em; list-style:decimal; padding-bottom:2px}
#contentinner ol li a{text-decoration:underline}

#contentinner ul{ width:100%; float:left; padding:5px 0 15px 0px}
#contentinner ul li{ width:100%; float:left; font-size:18px; line-height:24px; list-style-type:square; padding:0 0 2px 8px; margin-left:20px}
#contentinner ul li a{text-decoration:none}

#contentinner .services { width:100%; float:left; padding-bottom:15px}
#contentinner .services h3 { border-bottom:1px solid #7d7d7d; padding:20px 0 5px 0}
#contentinner .services ul { width:100%; float:left; padding:10px 0 20px 0}
#contentinner .services ul li { width:100%; float:left; font-size:0.814em; line-height:1.4em; background:none; padding:0 0 8px 0}
#contentinner .services ul li span { width:49%; float:left}
#contentinner .services ul li .right { width:50%; text-align:right; font-weight:normal}

#contentinner .items { width:100%; float:left; padding-bottom:30px}
#contentinner .items ul { width:100%; float:left; border-bottom:1px solid #7d7d7d; padding:0}
#contentinner .items ul li { width:100%; float:left; font-size:1.000em; color:#000000; font-weight:bold; border-top:1px solid #7d7d7d; background:none; padding:0}
#contentinner .items ul li a { width:100%; float:left; color:#000000; text-decoration:none; background:url(../images/li_arrow_item.gif) no-repeat right center; padding:20px 0}

#contentinner p.divider { border-bottom:1px solid #7D7D7D; margin-bottom:10px}

#contentinner .headline { width:100%; float:left; padding-top:10px; padding-bottom:10px}
#contentinner h1.black { color:#000000; text-align:center}
#contentinner h1.red { color:#D00000; text-align:center}
#contentinner h1.blue { color:#062E71; text-align:center}

#contentinner .centeredtext { width:100%; float:left; padding-bottom:0px}
#contentinner .centeredtext h2 { text-align:center}
#contentinner .centeredtext p { text-align:center}

#contentinner .form { width:100%; float:left; padding-top:20px; padding-bottom:20px}
#contentinner .form label { width:100%; float:left; font-size:0.875em; font-weight:bold; padding-bottom:10px}
#contentinner .form label span {color:#FF0000}
#contentinner .form .input { width:89.8%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:8px 5%; margin-bottom:15px}
#contentinner .form .dropdown { width:99.8%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:12px 5%; margin-bottom:15px}
#contentinner .form .dropdown2 { width:40%; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:12px 5%; margin-bottom:15px; margin-right:25px}
#contentinner .form .textarea { width:89.8%; height:10em; float:left; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; color:#010101; border:1px solid #666666; background:#FFFFFF; padding:10px 5%; margin-bottom:15px}
#contentinner .form .button{ float:left; border: 2px solid #0000ce; background:url(../images/butn-tran-blu2.png) repeat-x; background-position: 50% 0px; box-shadow: 0px 0px 3px 1px #666666; -moz-box-shadow: 0px 0px 3px 1px #666666; -webkit-box-shadow: 0px 0px 3px 1px #666666; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.125em; color:#FFFFFF; -webkit-border-radius: 0.50em; -moz-border-radius: 0.50em; border-radius: 0.50em; color:#FFFFFF; padding:8px 25px 8px 25px; cursor: pointer}

#contentinner .yellowbox { width:90%; float:left; background:#FAF9B2; padding:20px 5% 0 5%; margin-bottom:35px}
#contentinner .bluebox { width:90%; float:left; background:#D3E2FD; padding:20px 5% 0 5%; margin-bottom:35px}

#menubox .black { width:90%; float:left; background:url( ../images/opacity-bg-blk50.png); padding:10px 5% 10px 5%; -webkit-border-radius:0.65em; -moz-border-radius:0.65em; border-radius:0.65em; border:2px solid #000000; box-shadow: 0px 3px 5px 0px #444444; -moz-box-shadow: 0px 3px 5px 0px #444444; -webkit-box-shadow: 0px 3px 5px 0px #444444; margin-top:20px;}

#menubox .black2 { width:70%; margin-left:auto; margin-right:auto; background:url( ../images/opacity-bg-wht.png); padding:12px 5% 10px 5%; -webkit-border-radius:0.65em; -moz-border-radius:0.65em; border-radius:0.65em; border:2px solid #000000; box-shadow: 0px 3px 0px 0px #444444; -moz-box-shadow: 0px 3px 0px 0px #444444; -webkit-box-shadow: 0px 3px 0px 0px #444444; margin-top:20px;}

#contentinner .photos { width:100%; float:left}
#contentinner .photos p.centered { text-align:center; font-style:italic}
#contentinner .photos p span img{border:5px solid #FFFFFF}