html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

html {
	font-size:100.1%;
	font-family:Helvetica, sans-serif;
 	color: #333;
}
body {
	margin: 0%;
	margin-top:2%;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	background-color:white;
}
.container {
margin-left: auto;
margin-right: auto;
width: 960px;
min-height: 100%;
margin-bottom: 1em;
}
/* Fonts */

h1 {font-size:160%;color:#8D0D04;}
h2 {font-size:130%;color:#8D0D04;line-height: 1.5em;}
h3 {font-size:125%}
h4 {font-size:112.5%}
p {
	display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
a {color: #8D0D04;}
a:hover {color: #47723C;}

/* Joomla Custom CSS */

.container .logo {
	overflow: hidden;
	background-image: url("/binary_thread/../images/Banner.png");
	color: white;
	height: 141px;
	background-repeat: no-repeat;
	position:relative;
	background-position: center center;
	margin-bottom: .5em;
}
.container .logo .wheel {
	position: absolute;
left: 20px;
top: 15px;}
.container .logo .text {
	position: absolute;
top: 40px;
left: 190px;
}
.container .logo h1{line-height:2em;font-size:300%;}


.container .category-list h1 {
		font-size: 140%;
line-height: 1.8em;
margin-bottom: .5em;
text-indent: .5em;
border: 1px solid white;
color: #8D0D04;
border-radius: 5px;
box-shadow: 0px 0px 5px darkGray;

background-image: url("/binary_thread/../images/goldgrad.png");
background-repeat: repeat-x;
background-position: left center;
}

.container .sidebar {
text-indent: 0;
min-height: 40em;
overflow: hidden;
border-radius: 5px;
}
.container .sidebar h1 {
line-height: 1.5em;
background-color: whiteSmoke;
text-align: center;
border-bottom: 1px solid lightgray;
}
.container .sidebar p {padding:1em;}
.container .footer {
	min-height: 7em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #AF9D6D;
	-webkit-box-shadow: inset 0px 0px 5px 0px black;
	-moz-box-shadow: inset 0px 0px 5px 0px #000;
	box-shadow: inset 0px 0px 5px 0px black;
	position: relative;
	overflow: visible;

background: rgb(15,147,79); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmOTM0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZjVlM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(15,147,79,1) 0%, rgba(15,94,58,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,147,79,1)), color-stop(100%,rgba(15,94,58,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(15,147,79,1) 0%,rgba(15,94,58,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(15,147,79,1) 0%,rgba(15,94,58,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(15,147,79,1) 0%,rgba(15,94,58,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(15,147,79,1) 0%,rgba(15,94,58,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f934f', endColorstr='#0f5e3a',GradientType=0 ); /* IE6-8 */

}
.container .footer .wheel {
position: absolute;
left: -1.5em;
bottom: -1em;
	}
.container .footer ul {
list-style-type: none;
margin-left: 10em;
margin-top: 2em;
}
.container .footer ul li:first-child {border-left: 1px solid #559940;}
.container .footer ul li{float:left;border-right: 1px solid #559940;line-height: .8em;}
.container .footer ul li a{
color: white;
text-decoration: none;
font-size: 90%;

padding-right: 1em;
padding-left: 1em;
}
.container .footer ul li a:hover {color: #71C25C;}
.container .footer .social-icons {
position: absolute;
right: 30px;
margin-top: 3em;
}
.container .footer .social-icons a{
	font-weight:bold;
	font-size: 200%;
	text-decoration: none;
	color: white;
	padding: .1em .5em .1em .5em;
	border: 2px solid #A83D3D;
	margin-right: .3em;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: inset 0px 0px 5px 0px black;
	-moz-box-shadow: inset 0px 0px 5px 0px #000;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	background: #A90329;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169, 3, 41, 1)), color-stop(44%,rgba(143, 2, 34, 1)), color-stop(100%,rgba(109, 0, 25, 1)));
	background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%,rgba(143, 2, 34, 1) 44%,rgba(109, 0, 25, 1) 100%);
	background: -o-linear-gradient(top, rgba(169, 3, 41, 1) 0%,rgba(143, 2, 34, 1) 44%,rgba(109, 0, 25, 1) 100%);
	background: -ms-linear-gradient(top, rgba(169, 3, 41, 1) 0%,rgba(143, 2, 34, 1) 44%,rgba(109, 0, 25, 1) 100%);
	background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%,rgba(143, 2, 34, 1) 44%,rgba(109, 0, 25, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
}
.container .footer .social-icons a:hover{opacity: .9;}
/* Modules */
.container .fpwelcome h2 {padding: .3em;}
.container .fpwelcome p{padding: .5em;
padding-top: 0em;}

/***** Joomla Globals *****/

.boxes {
background-image: url("/binary_thread/../images/boxesbg.png");
background-repeat: repeat-x;
background-position: left bottom;
background-color: white;
border: 1px solid #CCC;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom: 10px;
}

.boxes2 {
font-size:90%;
background-color: white;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin-bottom: 10px;
}

.greybox {
	font-size: 90%;
overflow: hidden;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D1CDCD;
margin-bottom: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: whiteSmoke;
-webkit-box-shadow: inset 0px 0px 8px 0px #ACC0C7;
-moz-box-shadow: inset 0px 0px 8px 0px #acc0c7;
box-shadow: inset 0px 0px 8px 0px #ACC0C7;
padding: .5em;
position: relative;
padding-bottom:1em;
}
.container .custom.copyright {
	float: left;
margin-bottom: 1em;
font-size: 80%;}
/************ Menu's *************/

/* Top Nav */
ul.nav.hor{
moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 5px #B3ACAC;
-moz-box-shadow: 0px 0px 3px 0px #3e231a;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.52);
overflow: hidden;
list-style-type: none;
list-style-position: inside;

background: rgb(169,3,41); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5MDMyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iIzhmMDIyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-8 */

}
ul.nav.hor li {
float: left;
width: 12.5%;
text-align: center;
-webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
-moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.44);
margin-top: 1px;
margin-bottom: 1px;
border-right: 1px solid rgba(219, 149, 149, 0.34);
border-left: 1px solid rgba(0, 0, 0, 0.23);
}
ul.nav.hor li:hover {
background-color: rgba(0, 0, 0, 0.13);
-webkit-box-shadow: inset 0px 0px 5px 0px white;
-moz-box-shadow: inset 0px 0px 3px 0px #fff;
box-shadow: inset 0px 0px 3px 0px white;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
text-shadow: 0px 0px 10px white;
filter: dropshadow(color=#ffffff, offx=0, offy=0);
border-radius: 2px;
	}
ul.nav.hor li:hover > a {color: #FAE7C3;}
ul.nav.hor a{
	font-size: 90%;
line-height: 2em;
font-weight: bold;
color: #FC6;
text-transform: uppercase;
text-decoration: none;
}

ul.nav.hor li#item-101 a{
	padding-right: 32px;
padding-left: 31px;
}

/* Sidebar MModules */
.sidebar .newsflash {font-size:80%;}
.sidebar .newsflash h2 {
text-align: center;
border-bottom: 1px solid lightgray;
margin-bottom: .5em;
border-radius: 5px;
border: 1px solid white;
box-shadow: 0px 0px 10px lightSteelBlue;
color: #FC6;
line-height: 1.5em;
text-indent: .5em;
text-shadow: 0px 0px 5px #2B6316;
filter: dropshadow(color=#ffffff, offx=0, offy=0);
font-weight: bold;
text-transform: uppercase;
line-height: 2em;
}

.sidebar ul.nav {
	list-style-position: inside;
	list-style-type: none;
}
.sidebar ul.nav h2 {
text-align: center;
border-bottom: 1px solid lightgray;
margin-bottom: .5em;
border-radius: 5px;
border: 1px solid white;
box-shadow: 0px 0px 10px lightSteelBlue;
color: #FC6;
line-height: 1.5em;
text-indent: .5em;
text-shadow: 0px 0px 5px #2B6316;
filter: dropshadow(color=#ffffff, offx=0, offy=0);
font-weight: bold;
text-transform: uppercase;
font-size: 120%;
line-height: 2em;
}
.sidebar ul.nav li {padding-left:.5em;}
.sidebar ul.nav li a {
color: #8D0D04;
line-height: 1.5em;
font-size: 80%;
text-decoration: none;
float: left;
width: 100%;
}
.sidebar ul.nav li a:hover {
	color: #47723C;
}
.sidebar ul.nav li ul {
	list-style-position: inside;
list-style: none;
}
.sidebar ul.nav li ul li a:hover {
background-image: url("/binary_thread/../images/arrowgreen.png");
background-repeat: no-repeat;
background-position: 0em center;
text-indent: 1em;
text-decoration: none;
font-weight: normal;
}
.sidebar ul.nav li ul li a {font-weight:normal;}

.red h2 {
background-image: url("/binary_thread/../images/h3-bg-red.png");
background-repeat: repeat-x;
background-position: left top;;
}
.green h2 {
background-image: url("/binary_thread/../images/h3-bg-green.png");
background-repeat: repeat-x;
background-position: left top;
}
.gold h2 {
color: #8D0D04!important;
background-image: url("/binary_thread/../images/goldgrad.png");
background-repeat: repeat-x;
text-shadow: 0px 0px 5px #CCC!important;
font-weight: bold!important;
}
/* Twelve Column Grid System*/
	
[class*='col'] {
margin-right: 1%;
float: left;
margin-bottom:.6em;

/* Keep boxes the same width if padding is added */
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

.onecol {
width: 7.40%;
}

.twocol {
width: 15.70%;
}

.threecol{
width: 23.7%;
}

.fourcol {
width: 32.37%;
}

.fivecol {
width: 40.75%;
}

.sixcol {
width: 49.06%;
}

.sevencol {
width: 57.39%;
}

.eightcol {
width: 65.77%;
}

.ninecol {
width: 75%;
}
.tencol{
	width: 82.45%;
}
.elevencol{
	width: 90.77%;
}

.twelvecol {
width: 100%;
}
.last {margin-right:0%;}

/* Keep boxes the same width if padding is added */

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Mozilla Grid Widths */

@-moz-document url-prefix() { 
.onecol {width:7.33%;}
.twocol {width: 15.66%;}
.threecol{width: 23.7%;}
.fourcol {width: 32.33%;}
.fivecol {width: 40.67%;}
.sixcol {width: 49%;}
.sevencol {width: 57.33%;}
.eightcol {width: 65.67%;}
.ninecol {width: 75%;}
.tencol{width: 82.34%;}
.elevencol{	width: 90.67%;}
.twelvecol {
width: 98.99%;
margin-bottom:1%;
float:left;
text-indent: 0.3em;
}
}

/* Media Queries */

/************************************************************************************
smaller than 1280
*************************************************************************************/
@media screen and (max-width: 1280px) {
	h1 {
	font-size: 2.79em;
	}
	h2 {
	font-size: 2.3em;
	}
}
/* Firefox */
@-moz-document url-prefix() {
@media screen and (max-width: 1280px) {
	h1 {
	font-size: 2.74em;
	}
	h2 {
	font-size: 2.3em;
	}
}
}
/************************************************************************************
smaller than 960
*************************************************************************************/
@media screen and (max-width: 960px) {
	h1 {
	font-size: 1.9em;
	}
	h2 {
	font-size: 1.5em;
	}
}
/* Firefox */
@-moz-document url-prefix() {
@media screen and (max-width: 960px) {
	h1 {
	font-size: 1.85em;
	}
	h2 {
	font-size: 1.5em;
	}
}
}

/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-width: 640px) {
	h1 {
	font-size: 1.40em;
	}
	h2 {
	font-size: 1.13em;
	}
}
/* Firefox */
@-moz-document url-prefix() {
@media screen and (max-width: 640px) {
	h1 {
	font-size: 1.39em;
	}
	h2 {
	font-size: 1.13em;
	}
}
}
/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	h1 {
	font-size: 0.90em;
	}
	h2 {
	font-size: 0.85em;
	}
}
/* Firefox */
@-moz-document url-prefix() {
@media screen and (max-width: 480px) {
	h1 {
	font-size: 1.04em;
	}
	h2 {
	font-size: 0.85em;
	}
}
}