/*-----------------------------------------------------------------------------
[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;
}
.bglightgreyblue{
    background-color: #CCCEFE;
}
.bgmidblue{
    background-color: #4E88c7;
}
.bgdarkerblue{
    background-color: #33689F;
}

.bglightblue{
    background-color: #96ACFE;
}
.bgraspberry{
    background-color: #c40063;
}
.bgteal{
    background-color: #00b2AF;
}

.colraspberry{
    color: #640063;
}
.white{
    color: #ffffff;
}

.padding40{
    padding-left: 40px;
}
.formelements{
    border: 4px solid #c40063;
    border-radius: 15px;
    padding: 2px;
    outline: 0px;
    color: #c40063;
    font-size: 1.4em;
}
.roundedcorner{
    border: 4px solid #c40063;
    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: #333333;
	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: #cccefe;
}
/* 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;
}
.handselect{
    cursor: pointer;
}

/* 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{
    background-color: #ffffff;
    width: 100%;
    height: 180px;
}
.logo{
    float: left;
    width: 160px;
    height: 160px;
    padding: 10px;
    padding-left: 150px;
}

.menu{
    float: right;
    width: 70%;
    height: 20px;
    padding-top: 60px;
    padding-right: 20px;
}
.menu a.Amenubut{
    float: right;
    padding: 8px;
    font-size: 1.4em;
    text-decoration: none;
    font-weight: bold;
    color: #c40063;
}
#submenu{
    float: right;
    width: 70%;
    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: #4e88c7;*/
    color: #00b2AF;
}
.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: #c40063;
    font-size: 4.0em;
    font-weight: bold;
    text-align: center;
}
p.panel1_tag{
    color: #c40063;
    font-size: 4.0em;
    font-weight: bold;
    text-align: center;
    font-family:"Brush Script MT";
}
p.panel1sub_marque{
    color: #c40063;
    font-size: 3.0em;
    font-weight: bold;
    text-align: center;
}
p.panel1sub_tag{
    color: #c40063;
    font-size: 3.0em;
    font-weight: bold;
    text-align: center;
    font-family:"Brush Script MT";
}
p.panel1_location{
    clear: both;
    color: #333333;
    text-align: center;
}
#slideshow{
    clear: both;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
    height:160px;
    width: 610px;
    text-align: center;
}
.subjectpanels{
    margin: none;
}
.panelimgleft{
    float: left;
    margin-left: 40px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 3px solid #0083D6;
    border-radius: 10px;
}
.panelimgleftcontent{
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 3px solid #0083D6;
    border-radius: 10px;
    margin-top: 10px;
}

.panelimgright{
    float: right;
    margin-right: 40px;
    margin-bottom: 15px;
    margin-left: 15px;
    border: 3px solid #0083D6;
    border-radius: 10px;
}
.panelwhite{
    background-color: #c40063;
    color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    border: 4px solid #333333;
    border-radius: 15px;
}

.panelpink{
    background-color: #c40063;
    color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    border: 4px solid #333333;
    border-radius: 15px;
}
.panelblue{
    background-color: #00B2AF;
    color: #333333;
    padding: 20px;
    margin-top: 20px;
    margin-left: 40px;
    margin-right: 40px;
    border: 4px solid #333333;
    border-radius: 15px;
}
h1.panelheadingr{
    text-align: right;
    padding:15px;
    font-size: 3em;
}
h1.panelheadingl{
    text-align: left;
    padding: 15px;
    font-size: 3em;
}
h1.panelheadingc{
    text-align: center;
    padding:15px;
    font-size: 3em;
}
p.paneltagliner{
    text-align: right;
    padding: 10px;
    font-size: 2em;
    font-weight: bold;
}
p.paneltaglinel{
    text-align: left;
    padding: 10px;
    font-size: 2em;
    font-weight: bold;
}

.pagecontent{
    width: 100%;
    color: #333333;
    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: #00b2AF;
    padding-top: 15px;
    margin-top: 20px;
    border-top: 2px solid #c40063;
}
.contentpanelcolour{
    color: #00b2AF;
}