/*----------------------------------------
Name: global.css
Developed by: imagiinate | Christopher Homan
Date Created:
Last Updated:
Copyright:
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/css/externalLinks.css");


/* Elements
----------------------------------------*/
body {
	background-color:#333;
	background-image:url(../images/imagiinate_bg.gif);
	background-repeat:repeat;
	background-position:30% 0%;
	text-align:center;
	padding:0px;
	margin:0px;
}

body, p, td, th, li {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

#mainContainer {
	width:1015px;
	margin:0px auto;
	text-align:left;
	padding: 0px 15px 10px 15px;
	background-color: #fff;}

/* Header
----------------------------------------*/
#header  {
	height:100px;
	padding:0px 0px 0px 0px;
}

#logoPositioning {
	margin:0px 0px 0px 0px;
	position: absolute; 
}

#logoPositioning a {margin: 0px; padding: 0px; border: 0px;}

#longLogoPositioning {margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}

#logo2Positioning {
	margin:0px 0px 0px 0px;
	float: right;
}

#rightPositioning {
	margin:0px 0px 0px 0px; 
	float:right;
	color: #999999;
	font-size:14px;
	line-height: 18px;
	background-image: url(../images/headerRight_bg.jpg);
	background-repeat: no-repeat;
	width: 675px;
	padding: 10px 20px 0px 20px;
	height: 67px;
}



/* Main Content
----------------------------------------*/
#mainContent { margin:3px 0px 0px 0px; padding:0px 0px 0px 0px;}

#headerSeperator {height: 4px; background-color: #333;}

#topVideoBlock {background-color: #333; padding: 10px 10px 10px 10px;}
#videoArea {float: left; background-color: #000; border: 2px solid #fff;}
#chatArea {float: right; text-align: left; width: 490px; color: #e8e8e8; background-color: #999; padding: 5px;}

#chatButtons {background-color: #666; padding: 10px 10px 5px 10px; border-bottom: 3px solid #333; margin-bottom: 5px;}
#chatButtons ul {list-style-type: none; margin: 0px; padding: 0px;}
#chatButtons ul li {float: left; margin-right: 10px; font-size: 12px; font-weight: bold; height: 16px;}

#chatButtons a {color: #fff; background-image: url(../images/chatButton_bg_off.jpg); background-color: #000;}



/* Testing link errors edited */

#chatButtons ul li a:link, a:visited {background-image: url(../images/chatButton_bg_off.jpg); background-color: #000; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 2px 5px; color: #fff;}
#chatButtons ul li a:hover {background-image: url(../images/chatButton_bg_on.jpg); border: 1px solid #996600; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 2px 5px; color: #000;}

/* Testing link errors original

#chatButtons ul li a:link, a:visited {background-image: url(../images/chatButton_bg_off.jpg); background-color: #000; border: 1px solid #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 2px 5px; color: #fff;}
#chatButtons ul li a:hover, a:active {background-image: url(../images/chatButton_bg_on.jpg); border: 1px solid #996600; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 5px 2px 5px; color: #000;}

*/


#sponsorBox {height: 60px; margin:0px 0px 0px 0px; padding: 0px;}
#sponsorBox ul{list-style-type: none; margin: 0px; padding: 0px;}
#sponsorBox ul li {float: left; margin-left: 7px; color: #333; font-size: 14px;}
#sponsorBox ul li img {border: none; margin: 0px; padding: 0px; border: 0px;}

#sponsorBox ul li a:link, a:visited {margin: 0px; padding: 0px; border: 0px; color: #006699; line-height: 16px;}
#sponsorBox ul li a:hover {margin: 0px; padding: 0px; border: 0px;color: #666;line-height: 16px;}

p {margin: 0 0 1em 0;}

/*--- Link Styles ---*/
a:link, a:visited {color:#3399cc; text-decoration:none;}
a:hover {color:#CCCCCC; text-decoration:none;}

img {display:block;}

h1 { color:#666666; margin:0px 0px 0px 0px; font-size:30px; font-weight:normal;}
h2 { color:#660000; margin:20px 0px 3px 0px; font-size:16px; font-weight:bold;}
h3 { color:#ffcc00; margin:0px 6px 0px 0px; font-size:16px; font-weight:bold;}

blockquote	{margin: 0 0 18px 18px; color:#666666; font-style: italic;}
strong		{font-weight:bold;}
em		{font-style:italic;}

/* Standard Definitions
----------------------------------------*/
.left 		{float:left;}
.right 		{float:right;}
.clearBoth 	{clear:both;}
.small		{font-size:.625em;}
.large		{font-size:1em;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p.last		{margin-bottom:0px;}




.portfolioGrid {margin: 10px 0px 0px 0px; padding: 0px;}
.portfolioGrid li {float: left; list-style: none; width: 235px;}

.portfolioGrid li img{border: none;}


.linkContainer {margin: 5px 0px 0px 0px; }
.linkContainer a:link {border-bottom: 1px solid #e8e8e8; padding-bottom: 3px;}



/* Footer
----------------------------------------*/
#footer { padding:0px; margin:13px 0px 0px 0px; height:273px; background-image:url(../images/footer_bg.jpg); background-position:0 -50px; background-repeat:repeat-x;}



/* Tabs
----------------------------------------*/



		UL.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		UL.tabNavigation LI {
		    display: inline;
		    background-image: none;
		}


		.tabNavigation a {background-image: none;}

		UL.tabNavigation LI A:link, a:visited {
		    padding: 3px 5px;
		    background-color: #ccc;
		    color: #000;
		    text-decoration: none;
		    background-image: none;
		}

		UL.tabNavigation LI A.selected,
		UL.tabNavigation LI A:hover {
		    background-color: #333;
		    color: #fff;
		    background-image: none;
		}
		
		UL.tabNavigation LI A:focus {
			outline: 0;
			background-image: none;
		}

		div.tabs > div {
			padding-top: 4px;
			
			border: 0px solid #333;
			background-image: none;
		}
		
		div.tabs > div h2 {
			margin-top: 0;
		}

		#first, #second, #third, #fourth, #fifth, #sixth, #seventh  {
		    background-color: #fff;
		}

		.waste {
			min-height: 1000px;
		}


/* Tabs Content Formatting
----------------------------------------*/


.topicsHeader {background-color: #ccc; padding: 10px; margin-top: 0px;}
.topicsHeader ul {list-style-type: none; margin: 0px; padding: 0px;}
.topicsHeader ul li {color: #666; font-size: 16px; line-height: 18px; font-weight: normal; background-color: #fff; padding: 5px; min-height: 40px; height: 55px;}
.topicsHeader ul li.topicsColumnOne {float: left; width: 267px; margin-right: 10px;}
.topicsHeader ul li.topicsColumnTwo {float: left; width: 190px; margin-right: 10px;}
.topicsHeader ul li.topicsColumnThree {float: left; width: 280px; margin-right: 10px;}
.topicsHeader ul li.topicsColumnFour {float: left; width: 185px;}





.topicsHeaderContent {background-color: #fbf5fd; padding: 10px; margin-top: 0px; border-top: 1px solid #e8e8e8;}
.topicsHeaderContent ul {list-style-type: none; margin: 0px; padding: 0px;}
.topicsHeaderContent ul li {color: #666; font-size: 12px; font-weight: normal; background-color: #fbf5fd; padding: 5px; min-height: 40px; line-height: 14px;}
.topicsHeaderContent ul li.topicsColumnOne {float: left; width: 267px; margin-right: 10px;}
.topicsHeaderContent ul li.topicsColumnTwo {float: left; width: 190px; margin-right: 10px;}
.topicsHeaderContent ul li.topicsColumnThree {float: left; width: 280px; margin-right: 10px;}
.topicsHeaderContent ul li.topicsColumnFour {float: left; width: 185px;}



.topicsHeaderContentAlt {background-color: #e9f8ff; padding: 10px; margin-top: 0px; border-top: 1px solid #e8e8e8;}
.topicsHeaderContentAlt ul {list-style-type: none; margin: 0px; padding: 0px;}
.topicsHeaderContentAlt ul li {color: #666; font-size: 12px; font-weight: normal; background-color: #e9f8ff; padding: 5px; min-height: 40px; line-height: 14px;}
.topicsHeaderContentAlt ul li.topicsColumnOne {float: left; width: 267px; margin-right: 10px;}
.topicsHeaderContentAlt ul li.topicsColumnTwo {float: left; width: 190px; margin-right: 10px;}
.topicsHeaderContentAlt ul li.topicsColumnThree {float: left; width: 280px; margin-right: 10px;}
.topicsHeaderContentAlt ul li.topicsColumnFour {float: left; width: 185px;}





/* Register Page
----------------------------------------*/
#aboveRegisterArea {background-color: #fff; padding: 10px; border-bottom: 5px solid #999; margin-bottom: 5px; font-size: 22px;}


#aboveRegisterArea a:link, a:visited, {margin: 0px; padding: 0px; background: none;}

#headerText {font-size: 12px; color: #666; text-align: left; border-left: 8px solid #e8e8e8; padding-left: 5px; font-weight: bold;}
#headerText p {font-size: 12px; color: #666; font-weight: bold; line-height: 16px;}

#headerText h2 {font-size: 28px; font-weight: normal; margin: 10px 0px 10px 0px;}
#headerText h3 {font-size: 17px; font-weight: bold; margin: 5px 0px 5px 0px;}


.yellow {color: #ffcc00;}
.blue {color: #3399cc;}
.dark {color: #333;}
.purple {color: #996699;}
.white {color: #fff;}

#registerArea {background-color: #666; padding: 10px; border-bottom: 0px solid #333; margin-bottom: 5px;}
#registerLeft { width: 59%; float: left; background-color: #fff; padding: 10px;}
#formArea {padding: 5px; background-color: #e8e8e8;}


#registerRight {width: 37%; float: right; background-color: none; color: #fff;}
#registerRightHeader {background-color: #e8e8e8; font-size: 20px; color: #666; font-weight: bold; padding: 5px 5px 5px 10px; margin-bottom: 10px;}




#footer {background-color: #333; font-size: 12px; color: #999; padding: 5px; text-align: center; height: 15px;}





#emailLinkBox {padding: 5px; background-color: #e9f8ff; font-size: 12px; color: #333; margin: 0px 0px 10px 0px;}

#emailLinkBox a:link, a:visited, {background-color:#e9f8ff ; margin: 0px 0px 0px 0px; padding: 0px;}