body{width:100%; height:100%;margin: 0;padding: 0; font-family: Roboto, helvetica, arial, sans-serif;}
h1,h2,h3,p{font-size:1em;}
a {text-decoration:none;}
img, ul, li,a,div {margin:0; padding:0; border:0;}
ul{list-style:none;}
/* ############################## for-phone-only           */
@media only screen and (max-width:599px)   
{
        #headline{padding: 1px 5%;}
        #headline h1 {font-weight: 300; font-size: 60px; line-height: 1em; margin:10px 0 0 10px; padding:0;}
        #headline p {font-weight: 500; font-size: 20px; line-height: 1em; margin:0 0 5px 10px; padding:5px 0; } 
        .container {margin: auto; max-width: 599px;}
        nav .cssmenu {margin:0 0 5px 0; padding:0; clear:both;}
        nav .cssmenu li {list-style-type:none; display:inline-block; width:auto; height:30px; text-align:center; line-height:30px; font-size:20px;  margin: 0 5px 5px 5px; padding: 0 15px; border-radius: 30px; border: 2px solid;}
        nav .cssmenu li a {display:block; text-decoration:none;}
        nav .cssmenu li:hover {}
        nav .cssmenu ul{display:none;}
        nav .cssmenu li:hover > ul {display:block;}
        nav .cssmenu ul li {}
        nav .cssmenu ul li:hover {}
        nav .cssmenu ul ul {display:none;}
        nav .cssmenu ul li:hover > ul {display:block; margin-left:140px; margin-top:50px;}
        nav .cssmenu ul ul li {}
        nav .cssmenu ul ul li:hover {} 
        nav .cssmenu ul li:before {content: none;}
        li {font-weight:lighter;}   
        
        #section1    {box-sizing: border-box; padding: 5px 5% 15px 5%;}
        #section1 h1 {margin: 0; font-size: 24px;}
        #section1 h2 {margin: 0; font-size: 20px;}
        #section1 p  {margin: 0; font-size: 16px; font-weight: 300;}
        #section1 .right  {text-align:right; margin:5px 0 0 0;}
        #section1 form {margin: 10px 0 10px 0;}
        #section1 label{margin: 0; font-size: 20px;}
        #section1 select {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input[type=submit] {margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 18px; border-radius: 30px; border: 2px solid;}
        #section1 a {width:auto; height:30px; text-align:center; line-height:30px; font-size:16px;font-weight:lighter; margin: 0 10px 10px 0; padding: 5px 15px; border-radius: 30px; border: 2px solid;}
         #section1 #TopPannel li a {font-weight: 400; width:auto; text-align:center; font-size:16px; margin: 0px 10px 5px 0; padding: 0px 10px; border-radius: 30px; border: 2px solid; display:block;}
         
        #section2    {box-sizing: border-box; padding: 5px 5% 5px 5%; text-align:center;}
        #section2 a {width:auto; height:auto; text-align:center; line-height:30px; font-size:16px; margin: 0 auto; padding: 5px 15px; display:block;}

        footer {width: 100%; text-align: center; font-weight: 300; text-align: center; padding-bottom: 2px; padding-top: 11px; }
}
/* #################### for-tablet-portrait-up  ########## */
@media only screen and (min-width: 600px) and (max-width: 899px)   {   
        #headline{padding: 1px 5%;}
        #headline h1 {font-weight: 300; font-size: 60px; line-height: 1em; margin:10px 0 0 10px; padding:0;}
        #headline p {font-weight: 500; font-size: 20px; line-height: 1em; margin:0 0 5px 10px; padding:5px 0; } 
        .container {margin: auto; max-width: 800px;}
        nav .cssmenu {margin:0 0 5px 0; padding:0; clear:both;}
        nav .cssmenu li {list-style-type:none; display:inline-block; width:auto; height:30px; text-align:center; line-height:30px; font-size:20px;  margin: 0 10px 5px 10px; padding: 0 15px; border-radius: 30px; border: 2px solid;}
        nav .cssmenu li a {display:block; text-decoration:none;}
        nav .cssmenu li:hover {}
        nav .cssmenu ul{display:none;}
        nav .cssmenu li:hover > ul {display:block;}
        nav .cssmenu ul li {}
        nav .cssmenu ul li:hover {}
        nav .cssmenu ul ul {display:none;}
        nav .cssmenu ul li:hover > ul {display:block; margin-left:140px; margin-top:50px;}
        nav .cssmenu ul ul li {}
        nav .cssmenu ul ul li:hover {} 
        nav .cssmenu ul li:before {content: none;}
        li {font-weight:lighter;}   
        
        #section1    {box-sizing: border-box; padding: 5px 5% 15px 5%;}
        #section1 h1 {margin: 0; font-size: 24px;}
        #section1 h2 {margin: 0; font-size: 20px;}
        #section1 p  {margin: 0; font-size: 16px; font-weight: 300;}
        #section1 .right  {text-align:right; margin:5px 0 0 0;}
        #section1 form {margin: 10px 0 10px 0;}
        #section1 label{margin: 0; font-size: 20px;}
        #section1 select {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input[type=submit] {margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 18px; border-radius: 30px; border: 2px solid;}
        #section1 a {width:auto; height:30px; text-align:center; line-height:30px; font-size:16px;font-weight:lighter; margin: 0 10px 10px 0; padding: 5px 15px; border-radius: 30px; border: 2px solid;}
         #section1 #TopPannel li a {font-weight: 400; width:auto; text-align:center; font-size:16px; margin: 0px 10px 5px 0; padding: 0px 10px; border-radius: 30px; border: 2px solid; display:block;}
        #section2    {box-sizing: border-box; padding: 5px 5% 5px 5%; text-align:center;}
        #section2 a {width:auto; height:auto; text-align:center; line-height:30px; font-size:16px; margin: 0 auto; padding: 5px 15px; display:block;}
        
        footer {width: 100%; text-align: center; font-weight: 300; text-align: center; padding-bottom: 2px; padding-top: 11px; }

}
/* ############### for-tablet-landscape-up ################### */
@media only screen and (min-width: 900px) and (max-width: 1199px)   
    { 
        #headline{padding: 1px 5%;}
        #headline h1 {font-weight: 300; font-size: 60px; line-height: 1em; margin:10px 0 0 10px; padding:0;}
        #headline p {font-weight: 500; font-size: 20px; line-height: 1em; margin:0 0 5px 10px; padding:5px 0; } 
        .container {margin: auto; max-width: 800px;}
        nav .cssmenu {margin:0 0 5px 0; padding:0; clear:both;}
        nav .cssmenu li {list-style-type:none; display:inline-block; width:auto; height:30px; text-align:center; line-height:30px; font-size:20px; margin: 0 10px 5px 10px; padding: 0 15px; border-radius: 30px; border: 2px solid;}
        nav .cssmenu li a {display:block; text-decoration:none;}
        nav .cssmenu li:hover {}
        nav .cssmenu ul{display:none;}
        nav .cssmenu li:hover > ul {display:block;}
        nav .cssmenu ul li {}
        nav .cssmenu ul li:hover {}
        nav .cssmenu ul ul {display:none;}
        nav .cssmenu ul li:hover > ul {display:block; margin-left:140px; margin-top:50px;}
        nav .cssmenu ul ul li {}
        nav .cssmenu ul ul li:hover {} 
        nav .cssmenu ul li:before {content: none;}
        li {font-weight:lighter;}  
        
        #section1    {box-sizing: border-box; padding: 5px 5% 15px 5%;}
        #section1 h1 {margin: 0; font-size: 24px;}
        #section1 h2 {margin: 0; font-size: 20px;}
        #section1 p  {margin: 0; font-size: 16px; font-weight: 300;}
        #section1 .right  {text-align:right; margin:5px 0 0 0;}
        #section1 form {margin: 10px 0 10px 0;}
        #section1 label{margin: 0; font-size: 20px;}
        #section1 select {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input[type=submit] {margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 18px; border-radius: 30px; border: 2px solid;}
        #section1 a {width:auto; height:30px; text-align:center; line-height:30px; font-size:16px;font-weight:lighter; margin: 0 10px 10px 0; padding: 5px 15px; border-radius: 30px; border: 2px solid;}
         #section1 #TopPannel li a {font-weight: 400; width:auto; text-align:center; font-size:16px; margin: 0px 10px 5px 0; padding: 0px 10px; border-radius: 30px; border: 2px solid; display:block;}
        #section2    {box-sizing: border-box; padding: 5px 5% 5px 5%; text-align:center;}
        #section2 a {width:auto; height:auto; text-align:center; line-height:30px; font-size:16px; margin: 0 auto; padding: 5px 15px; display:block;}
        
         footer {width: 100%; text-align: center; font-weight: 300; text-align: center; padding-bottom: 2px; padding-top: 11px; }
    }
/* #################### for-desktop-up  ##################*/
@media only screen and (min-width: 1200px)  
    {       
        #headline{padding: 1px 5%;}
        #headline h1 {font-weight: 300; font-size: 60px; line-height: 1em; margin:10px 0 0 10px; padding:0;}
        #headline p {font-weight: 500; font-size: 20px; line-height: 1em; margin:0 0 5px 10px; padding:5px 0; }  
        .container {margin: auto; max-width: 800px;}
        nav .cssmenu {margin:0 0 5px 0; padding:0; clear:both;}
        nav .cssmenu li {list-style-type:none; display:inline-block; width:auto; height:30px; text-align:center; line-height:30px; font-size:20px; margin: 0 10px 5px 10px; padding: 0 15px; border-radius: 30px; border: 2px solid;}
        nav .cssmenu li a {display:block; text-decoration:none;}
        nav .cssmenu li:hover {}
        nav .cssmenu ul{display:none;}
        nav .cssmenu li:hover > ul {display:block;}
        nav .cssmenu ul li {}
        nav .cssmenu ul li:hover {}
        nav .cssmenu ul ul {display:none;}
        nav .cssmenu ul li:hover > ul {display:block; margin-left:140px; margin-top:50px;}
        nav .cssmenu ul ul li {}
        nav .cssmenu ul ul li:hover {} 
        nav .cssmenu ul li:before {content: none;}
        li {font-weight:lighter;}  
        
        
        #section1    {box-sizing: border-box; padding: 5px 5% 15px 5%;}
        #section1 h1 {margin: 0; font-size: 24px;}
        #section1 h2 {margin: 0; font-size: 20px;}
        #section1 p  {margin: 0; font-size: 16px; font-weight: 300;}
        #section1 .right  {text-align:right; margin:5px 0 0 0;}
        #section1 form {margin: 10px 0 10px 0;}
        #section1 label{margin: 0; font-size: 20px;}
        #section1 select {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input {width: 100%; font-size: 18px; font-weight: 200; padding: 5px 10px; margin: 2px 0; box-sizing: border-box; border-radius: 30px; border: 2px solid;}
        #section1 input[type=submit] {margin-top: 10px; padding: 10px; box-sizing: border-box; font-size: 18px; border-radius: 30px; border: 2px solid;}
        #section1 a {width:auto; height:30px; text-align:center; line-height:30px; font-size:16px;font-weight:lighter; margin: 0 10px 10px 0; padding: 5px 15px; border-radius: 30px; border: 2px solid;}
         #section1 #TopPannel li a {font-weight: 400; width:auto; text-align:center; font-size:16px; margin: 0px 10px 5px 0; padding: 0px 10px; border-radius: 30px; border: 2px solid; display:block;}
        #section2    {box-sizing: border-box; padding: 5px 5% 5px 5%; text-align:center;}
        #section2 a {width:auto; height:auto; text-align:center; line-height:30px; font-size:16px; margin: 0 auto; padding: 5px 15px; display:block;}
        
         footer {width: 100%; text-align: center; font-weight: 300; text-align: center; padding-bottom: 2px; padding-top: 11px; }
    }      
/* ######################## Colours ################################## */
html{background:#2556b3; }
body{background:#2556b3; background-image: linear-gradient(#fec928, #2556b3); }
#headline{color: white; background:transparent url(/css/Images/top.jpg) no-repeat; background-size: 100%;  background-position: center bottom; }
nav .cssmenu li {border-color: 2px solid #FFF; background:rgba(255, 154, 201, 0.4);}
nav .cssmenu li a {color:#232c57;font-weight:400;}
nav .cssmenu li a:hover {color:#fff; }
nav .cssmenu li:hover {background:rgba(255, 154, 201, 0.6); }
nav .cssmenu ul li {background-color:rgb(60,60,60);}
nav .cssmenu ul li:hover {background-color:rgb(212,76,50);}
nav .cssmenu ul ul li {background-color:rgb(60,60,60);}
nav .cssmenu ul ul li:hover {background-color:rgb(212,76,50);} 
#section1    {}
#section1 input {border-color: 2px solid #000; }
#section1 input[type=submit] {background-color:#fff; color: #000; border-color: #000;}
#section1 input[type=submit]:hover {background-color:rgb(60,60,60); color:#fff;}


#section1 a {background:rgba(255, 154, 201, 0.4); color: #000; border-color: #000; font-weight: 400;}
#section1 a:hover {background:rgba(255, 154, 201, 0.6);color:#fff;}

#section2    {background:red;}
#section2 a {background-color:#fff; color: #000; }
footer { background:transparent;}
footer nav .cssmenu li{ padding:2px 5px; height:20px; line-height:20px; background:rgba(255, 154, 201, 0.2); }
footer nav .cssmenu li a{font-size: 0.6em;font-weight: 500; color:#000;}
footer nav .cssmenu li:hover{background:transparent; }
footer nav .cssmenu li a:hover {color:#fff;}
#section1 p {padding:10px 0; background:rgba(255, 154, 201, 0.2); font-weight: 400; padding: 10px 20px; border-radius: 30px;}
#section1 h2 {padding:10px 0 0 0;}
#section1 #TopPannel {}
#section1 #TopPannel ul{display:block; margin:10px 0 0 0; }
#section1 #TopPannel li {list-style-type:none; display:inline-block;  }

#section1 #TopPannel li:hover {}
.logo {
  color: white;
  text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}

#section1 li {font-weight: 400;}

/* ######################################################################### */
#sitemap a, #sitemap a:hover{border:0; padding:0; background:transparent; font-weight:400;}

#section1 .selectedlink {background:rgba(255, 154, 201, 0.6);color:#fff;}