@charset "utf-8";

body {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	background: #484848;
	margin: 0;
	padding: 0;
	color: #000;
}
/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding-bottom: 15px;
	padding-left: 40px;
	padding-right: 15px;
	padding-top: 0;
}

h1, h2, h3, h4, h5, h6, p {
	/* [disabled]margin-top: 0; */	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

h2{
	color: #000000;
	background: #FF8000; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFC04D 0%, #FFA500 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFC04D), color-stop(100%, #FFA500)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFC04D 0%,#FFA500 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFC04D 0%,#FFA500 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #FFC04D 0%,#FFA500 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #FFC04D 0%,#FFA500 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC04D', endColorstr='#FFA500',GradientType=0 ); /* IE6-9 */
	
	
	
	text-align:center;
	}
	
.secondaryheading
{
	color: #FF8000;
	background-color: transparent;
}	

h3 {
	color: #FF6600;
}

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

.centeredtext{
	text-align: center;
}

.clear {
	clear: both;
}

.picture_left {
	float: left;
	padding: 0px 10px 10px 0px;
}
.picture_right {
	float: right;
	padding: 0px 0px 10px 10px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.imgCentered {
    display: block;
    margin-left: auto;
    margin-right: auto }

/* ~~ This fixed width container surrounds all other blocks ~~ */
#pageContainer {
	width: 960px;
	background-color: #FFFFFF;
	margin: 10px auto; /* the auto value on the sides, coupled with the width, centers the layout */
}

#pageHeader img {
 	display: block;	 /* Removes white space after image.*/
	}

#content {
	clear: both;
	padding: 10px 0;
	background-color: #FFFFFF;
	text-align:justify;
}

	
/* ~~ The footer ~~ */
footer {
	background: #dddddd; /* Old browsers */
	background: -moz-linear-gradient(top,  #E4E4E4 0%, #B0B0B0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E4E4), color-stop(100%,#B0B0B0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E4E4E4 0%,#B0B0B0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E4E4E4 0%,#B0B0B0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E4E4E4 0%,#B0B0B0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E4E4E4 0%,#B0B0B0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E4E4', endColorstr='#B0B0B0',GradientType=0 ); /* IE6-9 */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	position: relative;/* this gives IE6 hasLayout to properly clear */
	padding-top: 0px;
	overflow: hidden;	/* Displays paragraph Margin*/
	
	text-align: center;
}

/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}


/* Content Navigation
/*===============================================================*/

.content_menu {
	text-align: center;
}

.content_menu a{
	font-weight:bold;
	text-decoration:none;
	color: #000000;
}

.content_menu a:hover{
	text-decoration: underline;

}

.content_menu p{
	margin-right: 15px;
	margin-left: 15px; 
	padding: 5px;
	background-color: #DBDBDB;
	font-size: 13px;
}

.fb-like-box{
	margin-left: 20px;
	}