/* STYLESHEET */

/* Core parts of the stylesheet */


/* Controls pretty much the main look and feel of all the text that you do not apply specific styles to. It can also contain information about padding and margins. */ 

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  line-height: normal;
  text-indent: 0px;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  color:black;
  background-color: black;
  padding:0px;
  margin:0px;
}

/* This section controls how your links display / work - Like whether there is an underline, or how the color changes when you hold your mouse above it. */

a {
  text-decoration:none;
  color:#404040;
  background-color:transparent;
  white-space:nowrap;
}



a:link {
  text-decoration:none;
  color:#404040;
  background-color:transparent;
}

a:visited {
  text-decoration:none;
  color:#404040;
  background-color:transparent;
}

a:active {
  text-decoration:none;
  color:#404040;
  background-color:transparent;
}

a:hover {
  text-decoration:none;
  color:red;
  background-color:transparent;
}

/* This section controls how images are styled in their presentation, rather than content. In this case I have set a global setting to not give images a border. */

img {
  border-style:none;
}

dt {
  font-weight:bold;
  }
  
dd {
  padding: 0px 0px 0px 0px;
  }
  
.fontred {
  color:red;
  font-style:italic;
  font-size:x-small;
  }

p {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  line-height: normal;
  text-indent: 0px;
  vertical-align: 0%;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  white-space: normal;
  word-spacing: normal;
  letter-spacing: normal;
  }

li {
  padding-right:20px;
}

/* This is a trick / technique that many web developers use. In essence, you are setting up a working area (a sub-body if you like), This is particularly good if you have a background image in the main body but do not want to have your content with the background behind it, which could cause your pages to look messy. 

Also if you have all your page elements within this area / workspace it gives you greater control on your layout, especially when your audience may be using a 30 inch monitor and have their browser maximised to full screen, and you watch your page elements disappear to either side of the screen and lose any sense of structure or form that you had intended for them to have. */

.container {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:#ffffff;
  border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray;
  width:85%;
  height:auto;
  min-height:425px;
  margin: 15px auto auto auto;
  padding: 0px 0px 0px 0px;
  min-width:340px;
}

.containertxt {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:#ffffff;
  border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray;
  width:85%;
  height:auto;
  margin: 15px auto auto auto;
  padding: 0px 0px 0px 0px;
}

.containerfront {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:transparent;
  width:325px;
  height:225px;
  margin: auto auto auto auto;
  padding: 0px 0px 0px 0px;
  }
  
.containerfronttxt {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:transparent;
 /* border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray; */
  width:70%;
  height:auto;
  margin: auto auto auto auto;
  padding: 5px 5px 5px 5px;
  }

.containerfronttxtspecial {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:transparent;
 /* border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray; */
  width:85%;
  height:375px;
  /* min-height:300px; */
  margin: auto auto auto auto;
  padding: 5px 5px 5px 5px;
  }

.containerfronttxtspecial1 {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:transparent;
 /* border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  border-left: solid 1px gray;
  border-right: solid 1px gray; */
  width:85%;
  height:auto;
  /* min-height:300px; */
  margin: auto auto auto auto;
  padding: 5px 5px 5px 5px;
  }

.box1 {
  float:left;
  width:103px;
  height:63px;
  padding: 45px 0px 0px 0px;
  background-color:#FFAD33;
  margin:0px 5px 5px 0px;
  border:solid thin gray;
}

.box2 {
  width:103px;
  height:63px;
  background-color:#f08080;
  padding: 45px 0px 0px 0px;
  margin:0px 5px 5px 110px;
  border:solid thin gray;
}

.box3 {
  float:right;
  width:103px;
  height:63px;
  background-color:#ffc0cb;
  padding: 45px 0px 0px 0px;
  /*margin:0px 0px 5px 210px;*/
  border:solid thin gray;
}

.box4 {
  float:left;
  width:103px;
  height:63px;
  background-color:#90ee90;
  padding: 45px 0px 0px 0px;
  margin:0px 5px 0px 0px;
  border:solid thin gray;
}

.box5 {
  width:103px;
  height:63px;
  background-color:#add8e6;
  padding: 45px 0px 0px 0px;
  margin:0px 5px 0px 110px;
  border:solid thin gray;
}

.box6 {
  float:right;
  width:103px;
  height:63px;
  background-color:#ed7fff;
  padding: 45px 0px 0px 0px;
  /*margin:0px 0px 5px 210px;*/
  border:solid thin gray;
}


.spacer {
  width:auto;
  height:5px;
  clear:both;
  background-color: transparent;
}

.spacer10pix {
  width:auto;
  height:10px;
  clear:both;
  background-color: transparent;
}


.labelsquare {
  font-size: small;
  font-weight:normal;
  vertical-align: middle;
  text-align: center;
  color: black;
  background-color: transparent;
  margin-top: auto;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: auto;
  }

.banner_branding {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color: #add8e6;  
  border-bottom:solid 1px gray;
  width:auto;
  height:40px;
  clear:both;
  margin: 0px 0px 0px 0px;
  padding:0px;
  }


.portrait {
        float:left;
        width:30px;
        height:34px;
        background-image:url("/images/robinsmall.png");
        margin:2px 0px 0px 2px;
        border-top: solid 1px black;
        border-bottom: solid 1px gray;
        border-left: solid 1px black;
        border-right: solid 1px gray;
        
        }



/*
*/

.banner_branding_text {
  width:100%;
  font-family: arial,helvetica,sans-serif;
  font-size: large;
  font-style: normal;
  font-weight:normal;
  font-variant: small-caps;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  color:black;
  margin-top:0px;
  padding-top:10px;
}

/**/

.top_hz_navigation_bar {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color:#dcdcdc;
 /* background-color: #ffc0cb; */  
/*  background-color: #e0ffff; */
  border-top: solid 1px gray;
  border-bottom: solid 1px gray;
  /*border-left: solid 1px gray;*/
  /*border-right: solid 1px gray;*/
  width:auto;
  height:auto;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  clear:both;
  color:black;
    }


/**/

.left_navigation {
  float:left;
  font-family: Arial, helvetica, sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color: #fafad2;
  border-top: solid 1px gray;
  border-bottom: solid 1px gray; 
   border-left: solid 1px gray; 
   border-right: solid 1px gray;
  width:120px;
  height:auto;
  clear:left;
  padding:10px;
  margin: 0px 0px 0px 5px;
  }

/**/

.footer_copyright {
  font-family: Arial,Helvetica,sans-serif;
  font-size: x-small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color: #add8e6;
  border-top: solid 1px gray;
  width:auto;
  height:40px;
  clear:both;
  }

.namefloat {
  float:left;
  font-family: Arial,Helvetica,sans-serif;
  font-size: medium;
  font-style: normal;
  font-weight:bold;
  font-variant: normal;
  line-height: 0;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  margin-left:10px;
  margin-top:10px;
  }

.nameitalicfloat {
  color:#404040;
  float:right;
  font-family: Arial,Helvetica,sans-serif;
  font-size: xx-small;
  font-style: italic;
  font-variant: normal;
  line-height: 0;
  text-align: right;
  text-decoration: none;
  text-transform: none;
  margin-right:10px;
  margin-top:10px;
  padding-top:10px;
}

.namebigger {
  font-style: normal;
  font-size: medium;
  font-weight:normal;
  color: black;
}



/**/

.contactandcopyright {
  float:right;
  font-style:italic;
  text-align:right;
  color:black;
  margin-top:5px;
  padding:10px;
  font-size:x-small;
}

.validatorimage {
  float:left;
  font-style:italic;
  text-align:right;
  color:black;
  margin-left:5px;
  
  }

/*.holderforrss {
  float:left;
  font-style:italic;
  text-align:left;
  color:black;
  margin-left:5px;
  margin-top:15px;
  
  }*/
/**/

.main_content {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color: pink;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  width:338px;
  height:auto;
  clear:right;
  margin: 0px 5px 0px 5px;
  padding:10px;
  color:black;
  }


.main_content_np {
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-align: justify;
  text-decoration: none;
  text-transform: none;
  background-color: transparent;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent;
  border-left: solid 1px transparent;
  border-right: solid 1px transparent;
  width:310px;
  height:auto;
  margin: 30px auto 30px auto;
  padding:0px;
  color:black;
  }

.cheatspacer {
  width:auto;
  height:30px;
  clear:both;
  background-color: transparent;
}

.left_top_cat_two {
  float:left;
  clear:left;
  width:205px;
  height:105px;
  margin:0px 0px 0px 0px;
  background-color:green;
  }
  
.right_top_cat_one {
  float:right;
  clear:right;
  width:100px;
  height:105px;
  margin:0px 0px 0px 206px;
  background-color:yellow;
  }
  
 .notice {
  font-style:italic;
  }