/* HTML */
	/********************************************************/
html
{ height: 100%;}

*
{ margin: 0;
  padding: 0;}

body
{
	background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
	background: rgba(237, 233, 225, 0.5);
	margin-top: 0;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	font-size: 18px;
	line-height: 28px;
}
	
p
{
	padding: 0 0 20px 0;
	line-height: 1.7em;

}


/* Images */
	/********************************************************/
img
{
	padding: 0 8px 8px 8px;
}

img.featured
{
	padding: 0 8px 8px 8px;
	margin-left: auto;
	margin-right: auto;
}


img.icon
{
	padding-right: 8px;
}

#grow{
    
    
    
    transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    
}
#grow:hover{
    -webkit-transform: scale(2,2);
    -moz-transform:scale(2,2);
	
	position:absolute;
    
}


/* Text */
	/********************************************************/
h1
{
	font: 34px 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	
	padding: 10px 0 5px 0;
	color: #066;
	
	font-weight: 300;
}

h2
{
	font-size: 22px;
	color: #706f6f;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	margin: 0 0 15px 0;
	padding: 0 0 5px 0;
	font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	font-weight: lighter;	
}




h3
{
	font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	margin: 0 0 15px 0;
	font-size: 90%;
	color: #B48A7C;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}



h4
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	margin: 0 0 15px 0;
	padding: 10px 0 5px 0;
	color: #066;
  padding: 0 0 5px 0;
  font-size: 110%;
  text-transform: uppercase;
}


h5
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	margin: 0 0 15px 0;
	padding: 10px 0 5px 0;
	color: #B48A7C;
  padding: 0 0 5px 0;
  font-size: 110%;
  text-transform: uppercase;
}

h6
{ font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-moz-osx-font-smoothing: grayscale; /* Fix for firefox rendering */
	margin: 0 0 15px 0;
	font-size: 13px;
	color: #666;
	line-height: 16px;
  
}

button{
		display: block;
		border-bottom:solid 1px #FEFEFC;
		width: 100%;
		padding:10px 0;
		color: #3A3530;
		font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif, bold;
		font-size: 16px;
		
		text-align: left;
		padding-left: 10px;
		background: rgb(87,150,208);
		background: -moz-linear-gradient(top, rgba(87,150,208,1) 0%, rgba(61,109,153,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,150,208,1)), color-stop(100%,rgba(61,109,153,1)));
		background: -webkit-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: -o-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: -ms-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: linear-gradient(to bottom, rgba(214,204,197,1) 0%,rgba(235,222,213,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796d0', endColorstr='#3d6d99',GradientType=0 );
	}

a
{ outline: none;
  text-decoration: none;
  color: #B48A7C;}

a:hover
{ text-decoration: underline;}

blockquote
{ margin: 20px 0; 
  padding: 10px 20px 0 20px;
  border: 1px solid #E5E5DB;
  background: #FFF;}



/* Button /********************************************************/

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
.button
		{
			position: relative;
			display: inline-block;
			border-radius: 0.35em;
			color: #fff !important;
			text-decoration: none;
			padding: 0.75em 2.5em 0.75em 2.5em;
			background-color: #8ebebc;
			border: 0;
			
			
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #9ececc;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #7eaeac;
			}


/* Accordian /********************************************************/
	
	.accordian button{
		display: block;
		border-bottom:solid 1px #FEFEFC;
		width: 100%;
		padding:10px 0;
		color: #706f6f;
		font-family: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		
		text-align: left;
		padding-left: 10px;
		background: rgb(87,150,208);
		background: -moz-linear-gradient(top, rgba(87,150,208,1) 0%, rgba(61,109,153,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,150,208,1)), color-stop(100%,rgba(61,109,153,1)));
		background: -webkit-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: -o-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: -ms-linear-gradient(top, rgba(87,150,208,1) 0%,rgba(61,109,153,1) 100%);
		background: linear-gradient(to bottom, rgba(214,204,197,1) 0%,rgba(235,222,213,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5796d0', endColorstr='#3d6d99',GradientType=0 );
	}
	 .accordian button:hover, .accordian button.selected{
		background: rgb(61,109,153);
		background: -moz-linear-gradient(top, rgba(61,109,153,1) 0%, rgba(87,150,208,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,109,153,1)), color-stop(100%,rgba(87,150,208,1)));
		background: -webkit-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
		background: -o-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
		background: -ms-linear-gradient(top, rgba(61,109,153,1) 0%,rgba(87,150,208,1) 100%);
		background: linear-gradient(to bottom, rgba(235,222,213,1) 0%,rgba(214,204,197,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d6d99', endColorstr='#5796d0',GradientType=0 );
	} 
	.drop-down{
		padding: 25px 15px 15px 15px;
		background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
   		background: rgba(237, 233, 225, 0.5);
		
		display: none;
	}

	.drop-down img{
		width: 400px;
		float: right;
		padding-left: 8px;
		padding-top: 8px;
	}

	.drop-down ul {
		list-style: none;
		list-style-type: none;
		font-weight: bold;

	}
	.drop-down ul a{
		
		outline: none;
  		text-decoration: none;
  		color: #B48A7C;

	}
	.drop-down ul a:hover{
		text-decoration: underline;
	}

	.drop-down article ul{ margin-bottom:30px; text-align: left; }
	.drop-down article li{
		display: inline-block;
		*display:inline;
		*zoom:1;
		vertical-align: top;
		width:250px;
		height:250px;
	}
	.drop-down article li a{
		padding:0px;
	}
	.drop-down article li img{
		border:solid 1px #bbb;
	}
	.drop-down article li:nth-child(2){
		margin:0 40px;
	}



/* List Types */
	/********************************************************/

ul
{ margin: 0 0 22px 20px;}

ul li
{ margin: 0 0 8px 0;
  color: #706f6f;

  }

ul.none
{ margin: 0 0 0 0;}


/**Publication List 
https://css-tricks.com/numbering-in-style/  **/

ol.pub > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #666;
    background:#f6f6f6;
}
ol.pub > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #666;
    color:#fff;
    background:#666;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}

ol.pub
{
	
	font: 'Gotham SSm A', 'Gotham SSm B', arial, sans-serif;
	font-size:14px; 
	width:auto;
	max-height: 600px;
	overflow:scroll;
	list-style-position: inside;
	color:#666;
	list-style-type:decimal;
	counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
	
}

ol.pub li
{
	background:#FFF;
	
	
}

ol.pub li:nth-of-type(even)
{
	background: #E8D4C5;
	
}

ol.pub a
{ text-decoration: underline;
  color: #706f6f;}
	




ol
{ margin: 8px 0 22px 20px;
	list-style-type:decimal;

}

ol li
{ margin: 0 0 11px 0;}

.left
{ float: left;
  width: auto;
  margin-right: 10px;}

.right
{ float: right; 
  width: auto;
  margin-left: 10px;}

.center
{ display: block;
  text-align: center;
  margin: 20px auto;}





/* Body Style  */
	/********************************************************/
#main, 
{ margin-left: auto; 
  margin-right: auto;
  
}
  
#logo, #menubar, #site_content, #footer
{ margin-left: auto; 
  margin-right: auto;}
  
#main_content
{
	background:#EEE;
	padding-bottom: 20px;
}

#header
{
	background-image: url(../images/top_background.png);
	width: auto;
	height:auto;
	padding-bottom: 0px;
	margin-bottom: 20px;
	
}
  
#banner
{ background: transparent url(../../style/banner.jpg) no-repeat ;
  width: auto;
  height:auto;
  margin-bottom: 20px;
  
  }

#logo
{
	width: 1000px;
	position: relative;
	height: 120px;

}

#logo h1, #logo h2
{
	font: normal 260% 'Gotham Narrow', arial, sans-serif;
	border-bottom: 0;
	text-transform: none;
	
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover 
{
	padding: 15px 0 0 0;
	color: rgb(237, 233, 225); 
	letter-spacing: 0em;
	text-decoration: none;
}

#logo_text h1 a .logo_colour
{ color: #5E4238;}

#logo_text a:hover .logo_colour
{ color: #5E4238;}

#logo_text h2
{ font-size: 24px;
  padding: 10px 0 0 0;
  color: #B48A7C;}


#nav {
	
	width: 1000px;
	height: 38px;
	padding-left: 5px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	
	
	
	
}
  
.linav {
  float: left;
  list-style-type:none;
 	
}

a.nav:link, a.nav:visited {
	display:block;
	
	
	text-align:center;
	text-transform:uppercase;
	color: #066;
	padding: 12px;
	text-decoration: none;
	list-style-type:none;
	
}

a.nav:hover {
	color: #37A499;	
}

a.nav:selected {
	color: #37A499;		
}





-
#menubar
{ width: 975px;
  height: 45px;
  padding-right: 0px;
  background: #2D2D2D;
  } 

ul#menu
{
	float: right;
	margin: 0;
}

ul#menu li
{ float: left;
  padding: 0 0 0 0px;
  list-style: none;
  margin: 8px 3px 0 3px;}

ul#menu li a
{ font: normal 80%, sans-serif;
  display: block; 
  float: left; 
  height: 20px;
  padding: 6px 20px 5px 20px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  background: #5E4238;} 

ul#menu li.selected a
{ height: 20px;
  padding: 6px 20px 5px 11px;}

ul#menu li.selected
{ margin: 8px 4px 0 13px;
  background: #B48A7C;}

ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #B48A7C;
  color: #FFF;}

ul#menu li a:hover
{ color: #B48A7C;}



#site_content
{
	width: 1050px;
background-image: url(../images/crossword.png);
	 This pattern is downloaded from www.subtlepatterns.com 
 	If you need more, that's where to get'em. 
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 10px 35px 10px 35px;
	
} 

#site_content_clear
{
	width: 1050px;

	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 10px 35px 10px 35px;
	
} 


#sidebar_container
{ float: left;
  width: 224px;
  border-right: solid;
  border-width: 1px;
  border-color: #9B9B9A;
  margin-left: 30px;
 	
  }





.sidebar_item
{ 
  float: right;
  width: 222px;
  
  margin: 0 0 16px 0;
  
  padding: 0 15px 0 15px;
  width: 192px;


}

.sidebar_item li a.selected
{ color: #444;} 

.sidebar_item ul
{ margin: 0;} 

.sidebar_item ul li
{ list-style-type: none;
  
  border-style: solid none none none;
  border-width: 1px;
  border-color: #E0E0DD;
  margin: 0 0 0 0; 
  padding: 5px 0 5px 10px;
  line-height: 1.5em;
}

#content
{ 
  width: 740px;
  padding: 0 0 0 5px;
  float: right;}

/**DONT TOUCH**/
#content_medium
{ 
  width: 740px;
  padding: 10px;
  float: right;
  



}
  

 #content_full
{
	
	width: 1000px;
	
	padding: 10px;
	margin: 30px auto 30px auto;

}
 

#content_color
{
	
	width: 730px;
	padding: 10px;
	float: right;
	margin: 30px 0 30px 0;
	background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
   background: rgba(237, 233, 225, 0.5);
}

#content_color_full
{
	
	
	width: 1000px;
	padding: 20px;
	margin: 30px auto 30px auto;
	background: rgb(237, 233, 225); /* Fallback for older browsers without RGBA-support */
   background: rgba(237, 233, 225, 0.5);
}


	






#footer
{ width: 100%;
  font-family: 'trebuchet ms', sans-serif;
  font-size: 100%;
  height: 80px;
  padding: 28px 0 5px 0;
  text-align: center; 
  background: #18453B;
  border-top: 2px solid #2D2D2D;
  color: #FFF;}

#footer p
{ line-height: 1.7em;
  padding: 0 0 10px 0;}

#footer a
{ color: #FFF;
  text-decoration: none;}

#footer a:hover
{ color: #B48A7C;
  text-decoration: none;}

.search
{ color: #5D5D5D; 
  border: 1px solid #BBB; 
  width: 134px; 
  padding: 4px; 
  font: 100% arial, sans-serif;}

.form_settings
{ margin: 15px 0 0 0;}

.form_settings p
{ padding: 0 0 4px 0;}

.form_settings span
{ float: left; 
  width: 200px; 
  text-align: left;}
  
.form_settings input, .form_settings textarea
{ padding: 5px; 
  width: 299px; 
  font: 100% arial; 
  border: 1px solid #E5E5DB; 
  background: #FFF; 
  color: #47433F;}
  
.form_settings .submit
{ font: 100% arial; 
  border: 0; 
  width: 99px; 
  margin: 0 0 0 212px; 
  height: 33px;
  padding: 2px 0 3px 0;
  cursor: pointer; 
  background: #3B3B3B; 
  color: #FFF;}

.form_settings textarea, .form_settings select
{ font: 100% arial; 
  width: 299px;}

.form_settings select
{ width: 310px;}

.form_settings .checkbox
{ margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;}

.separator
{ width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;}
  
.shadow1 {
  margin: 40px;
  background-color: #FFF; /* Needed for IEs */

  -moz-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  -webkit-box-shadow: 5px 5px 5px rgba(68,68,68,0.6);
  box-shadow: 5px 5px 5px rgba(68,68,68,0.6);

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
}
.shadow1 .content {
  position: relative; /* This protects the inner element from being blurred */
  padding: 100px;
  background-color: #DDD;
}  

.one-edge-shadow {
  -webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;
}
  


div.wrapper {
  width: 100%;
  height: 500px;
  overflow: auto;
}

table
	{
		width: 100%;
	}
				
				
				table.default tbody tr:nth-child(2n+2)
				{
					background: #E1E7D6;
					
				}


				table.default tbody tr:nth-child(2n+1)
				{
					background: #f6f7f2;
					
				}

				
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
					text-align:left; 
    				vertical-align:middle;
    				color: #666;
					
				}
				
				table.default th
				{
					text-align: left;
					padding: 0.5em 1em 0.5em 1em;
					color: #fff;
					background: #18453B;
					font-size: 16px;
				}
			
				table.default thead
				{
					background: #444;
					color: #fff;
				}
				
				table.default tfoot
				{
					background: #eee;
				}

				
			
		
  
#main #header #logo #logo_2 h3 strong {
	color: #FFF;
}
#main #header #logo #logo_text h2 strong {
	font-size: 30px;
}
.homepage div p {
	font-family: Arial, Helvetica, sans-serif;
}
.test {
	color: #FF8000;
}
.test {
	color: #FF8000;
}
test {
	color: #FF8000;
}
test1 {
	color: #FF8040;
}
.new1 {
	color: #FF8040;
}
#content_color_full p strong {
	font-family: Arial, Helvetica, sans-serif;
}
#site_content h6 {
	color: #0080C0;
}