----------------------------------------------- */
html { 
	height: 100%;
	margin-bottom: 1px; 
}
/* Self-clearing Float
----------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
 	overflow : hidden; 
	_height : 1%;
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.clear {
	clear: both;
}
/* Global Styles
----------------------------------------------- */
body {
	background: #9D9D9D url(../images/background.png) 0 0 repeat-x;
	color: #ccc;
}

/* font colors */

a {
	color: #990033;
}
img {
	border: 0;
}

/* Header 
---------------------------------------------------------*/
#header {
	background: url(../images/layout/header-bg.png) repeat-x left top;	
	clear: both;
}
#header-top {
	background: url(../images/layout/header-top-bg.png) repeat-x left top;	
	height: 27px;
	width: 868px;	
}
#logo {
	background: url(../images/layout/logo.png) 0 0 no-repeat;
	float: left;
	height: 88px;
	margin-left: 10px;
	width: 206px;
}
#tramformation {
	background: url(../images/layout/tramformation.png) no-repeat right bottom;
	float: right;
	margin-right: 0;
	height: 92px;
	width: 264px;
}

/* Breadcrumbs
---------------------------------------------------------*/
/* @group pathway */
#breadcrumbs {
	background-color: #121212;
	font-size: 95%;
	line-height: 26px;
	height: 26px;
}
#breadcrumbs span {
	color: #666;
	font-size: 95%;
	line-height: 26px;	
}
#breadcrumbs img {
	margin-top: 5px;
	height: 14px;
	width: 14px;	
}



/* Homepage Feature
---------------------------------------------------------*/
#homepage-feature object {
	margin: 0;
	padding: 0;
}
#homepage-feature .moduletable {
	margin: 0;
	padding: 0;
}
/* Homepage Columns
---------------------------------------------------------*/
#homepage-cols {
	background: #161616 url(../images/layout/cols-3-bg.png) repeat-y left top;
}
#homepage-cols .contentitem {
	background: url(../images/layout/rule-bg.png) repeat-x left bottom;	
	margin-bottom: 10px;
	padding: 0 0 10px 0;
}
#homepage-cols .contentheading {
	font-size: 100%;
	padding: 0 0 5px 0;
}
#homepage-cols .intro,
#homepage-cols .date {
	color: #666;
	font-size: 95%;
}
#homepage-cols h3 a {
	display: block;
}

/* Homepage Column 1
---------------------------------------------------------*/
#homepage-cols .col {
	color: #ccc;
	float: left;
	width: 217px;
}
#homepage-cols .one h3 a {
	color: #ccc;
}
#homepage-cols .one h3 {
	background: #161616 url(../images/layout/heading-red-bg.png) no-repeat right 50%;
}

/* Homepage Column 2 & 4
---------------------------------------------------------*/
#homepage-cols .two h3 {
	background: #1C1C1C url(../images/layout/arrow-heading-dark-gray.png) no-repeat right 50%;
}
/* Homepage Column 3
---------------------------------------------------------*/
#homepage-cols .three {
	text-align: center;
}
#homepage-cols .three h3 {
	background: #2C2C2C url(../images/layout/arrow-heading-light-gray.png) no-repeat right 50%;
	text-align: left;	
}
/* Homepage Column 4
---------------------------------------------------------*/
#homepage-cols .four {
	text-align: center;
}
#homepage-cols .four h3  {
	background: #0C0C0C url(../images/layout/heading-tv-bg.png) no-repeat right 50%;
	text-align: left;		
}

/* Footer
---------------------------------------------------------*/
#contact {
	background-color: #2A2A2A;
	color: #666;	
}
#contact .moduletable {
	font-size: 95%;
	line-height: 30px;
	padding: 0;
	margin: 0;
	text-align: center;
}
#footer{
	background: url(../images/layout/footer-bg.png) no-repeat left top;
	color: #666;
	height: 168px;
	padding-top: 10px;
	text-align: center;
	width: 868px;
}

/* Main
---------------------------------------------------------*/
#main {
	padding: 5px 15px 10px 15px;
}
/* Joomla 
---------------------------------------------------------*/
.componentheading {
	color: #990033;
	padding-top: 10px;
}

div#mainbody a {

}


/* structure */

/* mainbody */

div#mainbody {
	border: 1px solid #1A1A1A;
	background: #151515;
}

div#mainbody td.mainbody,
div#mainbody td.left,
div#mainbody td#right {
	background: #151515 url(../images/layout/body-bg.png) 0 0 repeat-y;
}

div#mainbody a.readon {
	background: url(../images/layout/body-readmore.png) 0 0 no-repeat;
	color: #fff;
}

#mainbody ul li {
	background: url(../images/layout/bullet-body.png) 0 3px no-repeat;
}

/* hilite1 */

/* section1 */
td.section {
	background: #151515 url(../images/layout/body-bg.png) 0 0 repeat-y;
	color: #666;
}
.sections .section h3 {
	color: #ccc;
}
div#section1 {
	background: #333;
	padding-top: 1px;
	color: #E0E0E0;
}

div#section1 a {
	color: #990033;
}

div#section1 a.readon {
	background: url(../images/layout/section1-readmore.png) 0 0 no-repeat;
	color: #fff;
}

div#section1 td.section {
	background: url(../images/layout/section1-bg.png) 0 0 repeat-y;
}

div#section1 div.moduletable h3 {
	background: #2A2A2A url(../images/layout/section1-h3.png) 0 0 repeat-y;
	color: #E0E0E0;
}

#section1 li {
	background: url(../images/layout/bullet-section1.png) 0 3px no-repeat;	
}

/* section2 */


div#section2 {
	background: #333;
	padding-top: 1px;
	color: #E0E0E0;
}

div#section2 a {
	color: #990033;
}

div#section2 a.readon {
	background: url(../images/layout/section2-readmore.png) 0 0 no-repeat;
	color: #fff;
}

div#section2 td.section {
	background: url(../images/layout/section2-bg.png) 0 0 repeat-y;
}

div#section2 div.moduletable h3 {
	background: #2A2A2A url(../images/layout/section2-h3.png) 0 0 repeat-y;
	color: #E0E0E0;
}

#section2 li {
	background: url(../images/layout/bullet-section2.png) 0 3px no-repeat;
}

/* horiz menu */
div#horiz-menu {	
	height: 42px;
	background: url(../images/layout/menu-bg.png) repeat-x left top;
}

/* @group Horiz Menu */

div#horiz-menu ul {
	margin: 0;
	padding: 0;
}

div#horiz-menu li {
	margin: 0;
	padding: 0;
	padding-right: 2px;
	float: left;
	list-style: none;
}

div#horiz-menu a {
	display: block;
	float: left;
	padding: 0 30px;
	height: 42px;
	line-height: 38px;
	font-weight: bold;
	text-decoration: none;
}

div#horiz-menu a,
div#horiz-menu li.active li a {
	color: #fff;
}

div#horiz-menu li:hover,
div#horiz-menu li.sfHover,
div#horiz-menu li.active:hover,
div#horiz-menu li.active.sfHover {
	background: url(../images/layout/menu2-r.png) 100% 0 no-repeat;
}

div#horiz-menu li:hover a,
div#horiz-menu li.sfHover a,
div#horiz-menu li.active:hover a,
div#horiz-menu li.active.sfHover a {
	background: url(../images/layout/menu2-l.png) 0 0 no-repeat;
	color: #fff;
}

#horiz-menu li.active,
#horiz-menu li.active_menu {
	background: url(../images/layout/menu-r.png) 100% 0 no-repeat;
}

#horiz-menu li.active a,
#horiz-menu li.active_menu a {
	background: url(../images/layout/menu-l.png) 0 0 no-repeat;
	color: #fff;
}

#horiz-menu li.active li.active,
#horiz-menu li.active li.active a {
	background: none;
}

/* moomenu */

.nav li li {
	background:#000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}

.nav li li:hover,
.nav li li.sfHover,
#horiz-menu li:hover li:hover,
#horiz-menu li.sfHover li.sfHover,
#horiz-menu li.active li.active {
	background: #151515;
}

#horiz-menu li:hover li a.daddy:link,
#horiz-menu li.sfHover li a.daddy:link,
#horiz-menu li:hover li a.daddy:visited,
#horiz-menu li.sfHover li a.daddy:visited  {
	background: url(../images/layout/bullet-sucker.png) 100% 50% no-repeat;
}

.nav li.sfHover,
.nav li:hover {
	background: url(../images/layout/menu2-r.png) 100% 0 no-repeat;
}

.nav li.sfHover a,
.nav li:hover a {
	background: url(../images/layout/menu2-l.png) 0 0 no-repeat;	
}

/* top menu */

div#top a.mainlevel {
	color: #fff;
}


/* mainlevel menu */

a.mainlevel {
	background: url(../images/layout/bullet-7.png) 0 2px no-repeat;
}

/* content stuff */
#mainbody div.moduletable-hilite1 .flickr_badge_image img {
	border: 2px solid #990033;
}

#mainbody div.moduletable-hilite2 .flickr_badge_image img {
	border: 2px solid #9AC8DC;
}

#mainbody div.moduletable-hilite3 .flickr_badge_image img {
	border: 2px solid #9AC8DC;
}

#mainbody div.moduletable-hilite4 .flickr_badge_image img {
	border: 2px solid #9AC8DC;
}

span.alert {
	color: #FF6063;
	border-top: 3px solid #8A0A0A;
	border-bottom: 3px solid #8A0A0A;
	background: #441111 url(../images/layout/status-alert.png) 10px 50% no-repeat;
}

span.info {
	color: #4BAEFF;
	border-top: 3px solid #0E3B75;
	border-bottom: 3px solid #0E3B75;
	background: #12243B url(../images/layout/status-info.png) 10px 50% no-repeat;
}

span.note {
	color: #F7D96D;
	border-top: 3px solid #8A710A;
	border-bottom: 3px solid #8A710A;
	background: #443A11 url(../images/layout/status-note.png) 10px 50% no-repeat;
}

span.download {
	color: #96D54B;
	border-top: 3px solid #516E19;
	border-bottom: 3px solid #516E19;
	background: #2D3916 url(../images/layout/status-download.png) 10px 50% no-repeat;
}

pre {
	background: #292929;
	border-top: 3px solid #1A1A1A;
	border-bottom: 3px solid #1A1A1A;
}

#mainbody ul.check1 li,
#mainbody li.check1 {
	background: url(../images/layout/bullet-1.png) 0 0 no-repeat;
}

#mainbody ul.check2 li,
#mainbody li.check2 {
	background: url(../images/layout/bullet-3.png) 0 0 no-repeat;
}

#mainbody ul.arrow1 li,
#mainbody li.arrow1 {
	background: url(../images/layout/bullet-2.png) 0 0 no-repeat;
}

#mainbody ul.arrow2 li,
#mainbody li.arrow2 {
	background: url(../images/layout/bullet-4.png) 0 0 no-repeat;
}

#mainbody ul.arrow3 li,
#mainbody li.arrow3 {
	background: url(../images/layout/bullet-5.png) 0 0 no-repeat;
}

#mainbody ul.star li,
#mainbody li.star {
	background: url(../images/layout/bullet-6.png) 0 0 no-repeat;
}

#mainbody ul.circle li,
#mainbody li.circle {
	background: url(../images/layout/bullet-7.png) 0 0 no-repeat;
}

span.loginsubmit,
span.logoutsubmit {
	color: #fff;
	background: url(../images/layout/login_button.png) no-repeat;
}

/* joomla content */
.highlight {
  background-color: #666;
  color: #fff;
}

table.mainbody td.mainbody td.sectiontableheader {
	background: #1A1A1A;
	border-bottom: 1px solid #131313;
	color: #666;
	font-size: 95%;
	font-weight: bold;
	padding: 4px;
	line-height: 20px;  
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  border-top: 1px #1A1A1A;
  border-bottom: 1px solid #131313;	
}

tr.sectiontableentry2 td,
td.sectiontableentry1 {
	background: #1A1A1A;
}


table.contentpaneopen tbody tr td span.small {
	background: url(../images/layout/icon-author.png) 0 0 no-repeat;
}

td.createdate {
	background: url(../images/layout/icon-created.png) 0 0 no-repeat;
}

/* pull-down */

#fxContainer .contentheading,
#fxContainer div.moduletable h3,
#fxContainer {
	color: #fff;
}

#fxTarget { 
	background: #151515;
	border-bottom: 2px solid #050505;
}

#fxTab {
	background: url(../images/layout/fx-tab.png) 0 0 no-repeat;
}

#fxTab a:link,
#fxTab a:visited,
#fxContainer a:link,
#fxContainer a:visited {
	color: #fff;
}

#fxTab span:hover,
#fxTab a:hover {
	color: #ccc;
}

/* Image Frames
---------------------------------------------------------*/
.frame {
	border: 10px solid #151515;
}
.frame-right {
	border: 10px solid #222222;
	float: right;
	margin: 0 0 10px 10px;
}
.frame-left {
	border: 10px solid #222222;
	float: left;
	margin: 0 10px 10px 0;
}
.album {
	border: 10px solid #222222;
	margin: 0 10px 10px 0;
}
#homepage-cols .frame,
#homepage-cols .album {
	border: 10px solid #0C0C0C;
	margin-bottom: 0;
}


/* Technical Specs
---------------------------------------------------------*/
.table-dark {
	border-collapse: collapse;
	border: 0;
	width: 100%;
}
.table-dark td {
	background-color: #333333;
	border: 1px solid #1A1A1A;
	padding: 5px 10px;
}
.table-dark .empty {
	background-color: #151515;
	border: 1px solid #151515;
}
.table-dark .heading {
	background-color: #2A2A2A;
	font-size:  120%;
	font-weight: bold;
	text-align: center;
	width: 38%;
}
.table-dark .photo {
	border-top: 1px solid #151515;
	font-size:  120%;
	font-weight: bold;
	text-align: center;
	background: #151515 url(../images/layout/fade-2-bg.gif) repeat-x left bottom;
}
.table-dark .key {
	background-color: #2A2A2A;
	font-weight: bold;
	text-align: right;
	width: 24%;
}


/* Right Col Menus
---------------------------------------------------------*/
#right .moduletable {
	width: 200px;
}
#right .contentheading {
	background: url(../images/layout/rule-bg.png) repeat-x left bottom;
	padding: 5px 0;
}
#right table.contentpaneopen{
	width: 200px;
}
#right a.contentpagetitle {
	font-size: 12px;
}
#right a {
	line-height: 17px;
}

/* Video Styles
---------------------------------------------------------*/
.contentpaneopen-video {
	width: 100%;
}
.contentpaneopen-video object {
	float: left;
}
.contentpaneopen-video .sidebar {
	float: right;
	border: 1px solid #222;
	background-color: #121212;
	font-size: 95%;
	height: 194px !important; /* for IE5 and IE6 in quirks mode */
	height /**/:216; /* for IE6 in standards mode */		
	margin: 0 0 10px 10px;
	padding: 10px;
	width: 178px !important; /* for IE5 and IE6 in quirks mode */
	width /**/:210px; /* for IE6 in standards mode */	
}
/* Sidebar Styles
---------------------------------------------------------*/
.sidebar {
	float: right;
	border: 1px solid #222;
	background-color: #121212;
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	width: 303px !important; /* for IE5 and IE6 in quirks mode */
	width /**/:315px; /* for IE6 in standards mode */	
}
/* News Display
---------------------------------------------------------*/
.allarticles td {
	padding: 5px;
	vertical-align: top;
}
.allarticles td.createdate {
	width: 10%;
	background-image: none;
}
.allarticles .category {
	color: #ccc;
	font-size: 120%;
	font-weight: bold;
	padding: 5px 0;
}
.allarticles .thumbnail {
	border: 5px solid #333;
	margin: 5px;
}
.allarticles .readmore {
	font-size: 90%;
}
.allarticles .sidebar {
	display: none;
}
.filter {
	display: none;
}
.count {
	color: #666;
}
/* Videos
---------------------------------------------------------*/
.contentitem-video-home {
	float: left;
	margin-top: 5px;
	padding: 10px 0;
	width: 415px;	
}
.contentitem-video-home .intro {
	padding-right: 10px;
}
.contentitem-video-home .video-thumb {
	border: 10px solid #222222;
	float: left;
	margin: 0 10px 10px 0;
}
.contentpagetitle-video-home {
	font-weight: bold;
}
.contentpaneopen-video .video-thumb,
.contentpaneopen-video .intro {
	display: none;
}

/* HR styles
==============================================================================*/
hr { text-align: right; width: 100%; height: 1px; color: #333; border: none; } /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #333; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #333; border: 0px solid #333; } /* For Opera and Gecko-based browsers */

.divider {
	background: url(../images/layout/rule-bg.png) repeat-x left bottom;	
	height: 2px;
	clear: both;
	width: 100%;
}