/*-----------------------------------------------------------------------------
[client] Screen Stylesheet

version:   1.0
date:      12 June 2021
author:    Stuart Pentland
email:     stuart@snipesoft.net

website:   sw-dog-training.com

version history: First Iteration
-----------------------------------------------------------------------------*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/
.centered{
    text-align: center;
}
.clear{
	clear:both;
}
.right{
	float: right;
}
.left{
	float: left;
}
.hidden{
    display: none;
}
.unhidden{
    display: block;
}
.lightgreen{
    background-color: #BDFFBD;
}
.darkergreen{
    background-color: #70F969;
}
.white{
    background-color: #ffffff;
}

.padding40{
    padding-left: 40px;
}
.formelements{
    border: 4px solid #800000;
    border-radius: 15px;
    padding: 2px;
    outline: 0px;
    color: #800000;
    font-size: 1.4em;
}
.roundedcorner{
    border: 4px solid #008000;
    border-radius: 15px;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body{
	font: 62.5%/1.5  "Verdana", "Helvetica","arial", "sans-serif";
	background: url(/images/background.png) repeat;
	color: #800000;
	text-align:center;
}
#wrapper{
	width: 100%; /* Set page width here - you can also use percentage */
	text-align:left;  
	margin-left:auto;
	margin-right:auto; 
	background-color: #FFFFFF;
}
/* Typography
-----------------------------------------------------------------------------*/

h1{
	font-size: 2.2em; /* Equivalent to 22pt */
}
h2{
	font-size: 2.0em; /* Equivalent to 20pt */
}
h3{
	font-size: 1.8em; /* Equivalent to 18pt */
}
h4{
	font-size: 1.6em; /* Equivalent to 18pt */
}
h5{
	font-size: 1.4em; /* Equivalent to 14pt */
}
p, q, cite{
	font-size: 1.6em; /* Equivalent to 16pt */
    margin-top: 15px;
}
ul, ol, dl{
	list-style: none;
	font-size: 1.6em; /* Equivalent to 16pt */
}
li, dd, dt{
	font-size: 1.6em; /* Equivalent to 16pt */
}

/* Forms
-----------------------------------------------------------------------------*/

input.text{
	padding: 3px;
	border: 1px solid #999999;	
}


/* Tables 

-----------------------------------------------------------------------------*/
table{
  	border-spacing: 0;
	border-collapse: collapse;
}

td{
  	text-align: left;
	font-weight: normal;
}
.tdcontact{
    padding: 8px;
    border-collapse: collapse;
    vertical-align:center;
    font-size: 1.4em;
    font-weight: bold;
    vertical-align: top;
}

/*header
-----------------------------------------------------------------------------*/
.header{
    width: 100%;
    height: 180px;
}
.logo{
    float: left;
    width: 10%;
    height: 160px;
    padding: 10px;
    padding-left: 50px;
}

.menu{
    float: right;
    width: 80%;
    height: 20px;
    padding-top: 60px;
    padding-right: 50px;
}
.menu a.Amenubut{
    float: right;
    padding: 8px;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
    color: #800000;
}
#submenu{
    float: right;
    width: 80%;
    text-align: center;
    padding: none;
    margin-top: 6px;
}

.menu2{
    clear: both;
    text-align: centre;
    height: 20px;
    margin-top: 8px;
}

.menu2 a.Amenubut2{
    padding-left: 8px;
    padding-right: 8px;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
    color: #008000;
}
.mainpanel{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.mainpanelsub{
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
}
.aboutpanel{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.finduspanel{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
/* front page panels
-----------------------------------*/

p.panel1_marque{
    color: #800000;
    font-size: 4.0em;
    font-weight: bold;
    text-align: center;
}
p.panel1_tag{
    color: #800000;
    font-size: 4.0em;
    font-weight: bold;
    text-align: center;
    font-family:"Brush Script MT";
}
p.panel1sub_marque{
    color: #800000;
    font-size: 3.0em;
    font-weight: bold;
    text-align: center;
}
p.panel1sub_tag{
    color: #800000;
    font-size: 3.0em;
    font-weight: bold;
    text-align: center;
    font-family:"Brush Script MT";
}
p.panel1_location{
    clear: both;
    color: #800000;
    text-align: center;
}
#slideshow{
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    height:160px;
    width: 610px;
    text-align: center;
}
p.panel2{
    color: #800000;
    padding-left: 40px;
    padding-right: 40px;
}
#panel2img{
    float: left;
    padding-right: 40px;
}
p.panel3{
    color: #800000;
    padding-left: 40px;
    padding-right: 40px;
}
.pagecontentpanel{
    background-color: #ffffff;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.pagecontent{
    width: 100%;
    color: #800000;
    padding-left: 40px;
    padding-right: 40px;
    min-height:200px;
}

/*contact Form
-----------------------------*/
.inp250{
    width: 250px;
    height: 20px;
}
.inp380{
    width: 380px;
    height: 20px;
}
.contactmsg{
    width: 500px;
    height: 100px;
}

#footer{
    background-color: #70F969;
    padding-top: 15px;
}