/*	Style Sheet for sophisticattzz.com																*/
	/*	Author:	Derek Carvell																				*/
	/* Date:		18 November 2008																			*/
	/*	Version:	1.0																							*/
	/*	History																									*/
	/*-------------+-----------+--------------------------------------------------------*/
	/*	Date			|	Version	|							Description									*/
	/*-------------+-----------+--------------------------------------------------------*/
	/* 18/11/2008	|	1.0		| 							 Original									*/
	/* 22/11/2008	|	1.1		| #nav li a.down shade border same as dropdown box 		*/
	/* 30/05/2009	|	1.2		| CSS updated to remove deprecated tags from html  		*/
	/* 23/11/2009	|	1.3		| Navigation changed to accept 3rd level pop outs  		*/
	/* 01/03/2010	|	2.0		| Complete change to remove tables and replace with div  */
	/* 29/05/2010	|	2.1		| Add specific class for the images on the index page    */
	/* 01/07/2010	|	2.2		| Increase size of divnews from 1100px to 1300px         */
	/*-------------+-----------+--------------------------------------------------------*/

	body {
		padding: 0px;
		margin: 0px;
		background-color: #e09100;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 76%;
		height: auto;
	}

	/* Template containers */
	#divsite {
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 100%;
		background-color: #e09100;
		height: auto;
	}
	
	/* Logo container */
	#divlogo {
		margin: 0px;
		position: relative;
		width: 100%;
		height: 164px;
		vertical-align: top;
		padding: 0;
	}

	/* Site navigation starts here */
	#divnav {
		padding: 9px 0px 0px 0px;
		margin: 0px;
		position: relative;
		width: 100%;
		height: 36px;
		background-color: #e09100;
	}	
	  #nav {
	   padding-top: 0px;
	   padding-left: 0px;
	   padding-right: 0px;
	   padding-bottom: 0px;
		margin:0;
		list-style-type:none;
		font: 12px arial, sans-serif;
		position:relative;
		z-index:100;
		height:36px;
		width:100%;
		}
	
	  #nav ul {
		position:absolute;
		padding:0;
		margin:0;
		list-style:none;
		float:left;
		background: #e09100;
		border-top:1px solid #e09100;
	
		border: 0 none;
		width: 105px;
		display: none;
		top: 100%;
		left: 0;
		}
	
	  #nav a {
		border:none;
		border-right: 1px solid #e09100;
		border-left: 1px solid #e09100;
		background: #e09100;
		padding: 1px 1px 1px 1px;
		font-family: arial, sans-serif; 
		font-size: 12px;
		color:#ffffff; 
		font-weight:bold;
		text-decoration:none;
		text-align: left;
		display: block;
		height: 36px;
		}
	
	  #nav ul a {
		padding: 0;
		background: #e09100;
		font-family: arial, sans-serif; 
		font-size:12px;
		color: #FFFFFF;
		font-style:normal;
		font-weight :normal;
		text-decoration:none;
		text-align: left;
		display: block;
		height: auto !important;
		height: 1%; /*For IE*/
		}
	
	  #nav a:hover {
		background: #e09100;
		}
	
	  #nav ul a:hover {
		background-color: #e09100;
		background-image: none;
		background-repeat: repeat;
		background-attachment: scroll;
		background-position: 0%;
		color:#ee0000;
		}
	
	  #nav li {
		float: left; /*For IE 7 lack of compliance*/
		display: block !important; /*For GOOD browsers*/
		display: inline; /*For IE*/
		position: relative;
		padding: 0 0px;
		margin: 0px;
		border: 0 none;
		list-style: none;
		width: 100px;
	
		}
	
	  #nav ul li {
		width: 105px;
		}
	
	  #nav:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		font: 1px/0px arial, sans-serif;
		content: ".";
		height: 0;
		visibility: hidden;
		}
	
	  #nav ul ul,
	  #nav ul ul ul ,
	  #nav ul ul ul ul ,
	  #nav ul ul ul ul ul {
		display: none;
		position: absolute;
		top: 0;
		left: 100%;
		}
	
	  #nav ul ul {
		z-index: 502;
		}
	
	  #nav ul ul ul {
		z-index: 503;
		}
	
	  #nav ul ul ul ul {
		z-index: 504;
		}
	  #nav ul ul ul ul ul {
		z-index: 505;
		}
	  #nav ul ul ul ul ul ul {
		z-index: 506;
		}
	
	  #nav li:hover ul ul,
	  #nav li.iehover ul ul,
	  #nav li:hover ul ul ul,
	  #nav li.iehover ul ul ul,
	  #nav li:hover ul ul ul ul,
	  #nav li.iehover ul ul ul ul,
	  #nav li:hover ul ul ul ul ul,
	  #nav li.iehover ul ul ul ul ul,
	  #nav li:hover ul ul ul ul ul ul,
	  #nav li.iehover ul ul ul ul ul ul {
	  display: none;
		}
	
	  #nav li:hover ul,
	  #nav li.iehover ul,
	  #nav ul li:hover ul,
	  #nav ul li.iehover ul,
	  #nav ul ul li:hover ul,
	  #nav ul ul li.iehover ul,
	  #nav ul ul ul li:hover ul,
	  #nav ul ul ul li.iehover ul,
	  #nav ul ul ul ul li:hover ul,
	  #nav ul ul ul ul li.iehover ul,
	  #nav ul ul ul ul ul li:hover ul,
	  #nav ul ul ul ul ul li.iehover ul {
		display: block;
		}
	
	/* site navigation ends here */

	/* End Template containers */

	/* Starts all pages */
	#divcontent {
		border: 2px solid #e09100;
		padding: 0px;
		margin: 0px;
		position: absolute;
		top: 210px;
		left: 0px;
		width: 100%;
		height: auto;
		background-color: #e09100;
	}

	/* Page layouts left will indicate left pane, center the center pane and right the right pane */
	/* Used for pages: index */
	#divindexleft {
		border: 2px solid #e09100;
		height: 850px;
		width: 16%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: center;
		float: left;
	}
	#divindexcenter {
		border-top-style: solid;
		border-top-width: 2px;
		border-top-color: #e09100;	
		height: 850px;
		width: 67%;
		background-color: #fff4df;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	#divindexright {
		border-style: solid;
		border-width: 2px 2px 2px 2px;
		border-color: #e09100;
		height: 850px;		
		width: 16%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: center;
		float: right;
	}
	/* Used for pages: about (not implemented yet */
	#divaboutleft {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 1000px;
		float: left;
		font-size: 12px;
		text-align: left;
	}
	#divaboutcenter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 1000px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divaboutright {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		position: relative;
		width: 9%;
		float: left;
		height: 1000px;
		background-color: #ffff00;
	}

	/* Used for pages: courses */
	#divcourseleft {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 1700px;
		float: left;
		font-size: 12px;
		text-align: left;
	}
	#divcoursecenter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 1700px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divcourseright {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		position: relative;
		width: 9%;
		float: left;
		height: 1700px;
		background-color: #ffff00;
	}

	/* Used for pages: notice1, notice2, notice3 */
	#divboardleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		width: 31%;
		vertical-align: top;
		text-align: left;
		height: 600px;
		float: left;
	}
	#divboardcenter {
		border: 1px solid #e09100;
		height: 600px;
		width: 36%;
		background-color: #fff4df;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	#divboardright {
		border: 1px solid #e09100;
		height: 600px;
		width: 31%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: left;
		float: left;
	}

	/* Used for pages: flash */
	#divflash {
		text-align: left;
		vertical-align: top;
		background-color: #22ffff;
		width: 100%;
		height: 100px;
		position: relative;
	}

	/* Used for pages: nflash */
	#divflashleft {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 340px;
		float: left;
		font-size: 12px;
		text-align: left;
	}
	#divflashcenter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 340px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divflashright {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		position: relative;
		width: 9%;
		float: left;
		height: 340px;
		background-color: #ffff00;
	}

	/* Used for pages: news */
	#divnewsleft {
		border: 1px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		padding: 0px;
		margin: 0px;
		position: relative;
		width: 5%;
		height: 1300px;
		float: left;
	}
	#divnewscenter {
		border: 1px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px;
		position: relative;
		width: 89%;
		height: 1300px;
		float: left;
		background-color: #fff4df;
	}
	#divnewsright {
		border: 1px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 0px;
		margin: 0px;
		position: relative;
		width: 5%;
		float: left;
		height: 1300px;
		background-color: #ffff00;
	}

	/* Used for pages: gents, social */
	#divsocialleft {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 650px;
		float: left;
		font-size: 12px;
		text-align: left;
	}
	#divsocialcenter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 650px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#divsocialright {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		position: relative;
		width: 9%;
		float: left;
		height: 650px;
		background-color: #ffff00;
	}

	/* Used for all of the monthly event pages */
	#diveventsleft {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffff00;
		position: relative;
		width: 9%;
		height: 850px;
		float: left;
		font-size: 12px;
		text-align: left;
	}
	#diveventscenter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		padding: 1px;
		margin: 0px 5px 0px 5px;
		position: relative;
		width: 79%;
		height: 850px;
		float: left;
		background-color: #fff4df;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-top-color: #e09100;
		border-bottom-color: #e09100;
	}
	#diveventsright {
		border: 2px solid #e09100;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		position: relative;
		width: 9%;
		float: left;
		height: 850px;
		background-color: #ffff00;
	}

	/* Used for pages: links */
	#divlinkleft {
		border: 1px solid #e09100;
		background-color: #ffff00;
		width: 31%;
		vertical-align: top;
		text-align: left;
		height: 550px;
		float: left;
	}
	#divlinkcenter {
		border: 1px solid #e09100;
		height: 550px;
		width: 36%;
		background-color: #fff4df;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	#divlinkright {
		border: 1px solid #e09100;
		height: 550px;
		width: 31%;
		background-color: #aed7ff;
		vertical-align: top;
		text-align: left;
		float: left;
	}
	/* header */
	.h1rc {
		color: red;
	   text-align: center;
	}
	.h2rc {
	   text-align: center;
	   color: red;
	}

	/* paragraph */
	.pbg {
		color: #669900;
		font-weight: bold;
	}
	.pc {
		text-align:center;
	}
  .pcg {
		text-align:center;
		color:#669900;
	}
	.pcr {
		text-align:center;
		color:#ff0000;
	}
	.pmargin5 {
		margin-left: 5px;
		margin-right: 5px;
		text-align: left;
	}
	.pmargin5c {
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
	}

	/* span */
	.spanb {
	   font-weight: bold;
	}
  .spanibr {
		font-weight:bold;
		font-style: italic;
		color:#ff0000;	
	}

  .spaniubr {
		text-decoration:underline;
		font-weight:bold;
		font-style: italic;
		color:#ff0000;	
	}
	.spanub {
		text-decoration:underline;
		font-weight:bold;
	}
  .spanubr {
		text-decoration:underline;
		font-weight:bold;
		color:#ff0000;	
	}

	/* These are used to place the images in the correct places */
	/* images left */
	.imgl20 {
	   float: left;
	   width: 20%;
	   height: 135px;
	}	
	.imgl25 {
	   float: left;
	   width: 25%;
	   height: 210px;
	}
	.imgl25p5 {
		padding: 5px;
		float: left;
		width: 25%;
		height: 210px;
	}
	.imgl50 {
		float: left;
		width: 50%;
		height: 210px;
	}
	.imgl75 {
		float: left;
		width: 75%;
		height: 210px;
	}
	.imgl100 {
		float: left;
		width: 100%;
		height: 210px;
	}
	.imgl3080 {
		float: left;
		width: 30%;
		height: 80px;
		margin-left: 1px;
		margin-right: 1px;
	}
	.imgl10100 {
		float:left;
		width:10%;
		height:100px;
	}

   /* specific images */
   .imgascot {
	   width: 135px;
	   height: 135px;
	   float: right;
      margin: 2px;
   }
	.imgballoon {
	   float: left;
	   width: 135px;
	   height: 135px;
      margin: 2px;
	}
   .imgrio_seco {
	   width: 140px;
	   height: 93px;
	   float: right;
      margin: 2px;
   }

	/* images right */
	.imgr20 {
	   width: 20%;
	   height: 135px;
	   float: right;
	}
	.imgr25 {
	   width: 25%;
	   height: 210px;
	   float: right;
	}
	.imgr25p5 {
		padding: 5px;
		width: 25%;
		height: 210px;
		float: right;
	}
  .imgr10100 {
		float:right;
		width:10%;
		height:100px;
	}