* {
	        margin: 0;
    	    padding: 0;
        	line-height: 1.4em;
			font-size: 1em;
			font-family: Helvetica, Arial, FreeSans, Sans-Serif;
        }

		a.cc1 { background-color: transparent; }
		a.cc2 { background-color: transparent; }
		a.cc3 { background-color: transparent; }

		.white { background-color: #FFFFFF; color: #000000; }
		.white a { color: #000000; }

		#cornerTurn {
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 1000;
		}

        #pageTopBar {
            width: 100%;
            height: 40px;
            background: #222222;
			border-top: 1px solid #2A2A2A;
            border-bottom: 1px solid black;
        }

		#pageTopBar input {
			background: #131313;
			border: 1px solid #333333;
			color: #aaaaaa;
			padding-bottom: 2px;
		}
		#pageTopBar input[type='text'] {
			padding-left: 24px;
			background: #131313 url(images/input-icon-user.png) no-repeat 0 50%;
		}
		#pageTopBar input[type='password'] {
			padding-left: 24px;
			background: #131313 url(images/input-icon-pass.png) no-repeat 0 50%;
		}

		#stl {			
			margin: 0 35px;
			background: transparent url(images/shadow-top-left.png) 0 0 no-repeat scroll;
		}
		#str {
			background: transparent url(images/shadow-top-right.png) 100% 0 no-repeat scroll;
		}
		#ssl {
			background: transparent url(images/shadow-side-left.png) 0 50% no-repeat scroll;
		}
		#ssr {
			background: transparent url(images/shadow-side-right.png) 100% 50% no-repeat scroll;
		}
		#sbl {
			margin: 0 35px;
			background: transparent url(images/shadow-bottom-left.png) 0 0 no-repeat scroll;
		}
		#sbr {
			background: transparent url(images/shadow-bottom-right.png) 100% 0 no-repeat scroll;
		}


		#page {
		}

        #page #pageHeader {
            height: 105px;
            margin: 0 50px;
			background: url(images/fff-header.png) no-repeat;
        }
        #page #pageBody {
			margin: 0 15px;
			background: #F2F2F2; /* This color shouldn't change */
        }
		#page #pageFooter {
			height:300px;
			margin: 0 15px;
			background: transparent url(images/bottom-bg.png) repeat-x;
		}

		#pageHeader #headerAds {
			float: right;
			margin: 20px 40px 0 0 ;
		}

		.mainBody {
			width: 100%;
		}

		.mainBody #leftColumn {
			width: 220px;
			vertical-align: top;
		}

		.mainBody #rightColumn {
			width: 220px;
			vertical-align: top;
		}

		.mainBody #centerColumn {
			background-color: #FFFFFF;
			border-left: 1px solid #E3E4E3;
			border-right: 1px solid #E3E4E3;
			vertical-align: top;
		}
		.mainBody #centerColumn p {
			font-size: 1em;
		}

		.quarter {
			width: 25%;
			float: left;
		}

		.topFadeDown {
			background: url(images/top-fade-down-bg.png) repeat-x;
		}

		.bottomFadeUp {
			background: url(images/bottom-fade-up-bg.png) 0 101% repeat-x;
		}

		.center {
			text-align: center !important;
		}

		.indented {
			margin: 0 50px;
		}

		.topPad {
			padding-top: 7px;
		}
		.bottomPad {
			padding-bottom: 7px;
		}

		.pad {
			padding: 15px;
		}
		#pageFooter div.pad {
			padding: 15px 0px;
		}

        .horizMenu {
            width: 100%;
            background-image: url(images/horiz-menu-bg.png);
			height: 38px;
        }

		.horizMenu ul {
			list-style-type: none;
			list-style-position: none;
		}

		.horizMenu ul li {
			display: inline;
			margin: 0 4px 0 0;
			height: 38px;
		}

		.horizMenu ul li a {
			font-weight: normal;
			text-decoration: none;
			height: 38px;
			line-height: 36px;
			white-space: nowrap;
			padding: 9px 17px;
			_padding: 0px 17px; /* IE will ignore this */
		}
		
		.horizMenu ul li a:hover {
			height: 38px;
			background: transparent url(images/horiz-menu-hover.png) repeat-x;
		}
	

/** Overlays */	
		.overlaySpirals {
			background-image: url(images/overlay-spirals.png);
		}
		.overlaySpirals2 {
			background-image: url(images/overlay-spirals2.png);
		}
		.overlayCracked {
			background-image: url(images/overlay-cracked.png);
		}
		.overlayBark {
			background-image: url(images/overlay-bark.png);
		}
		.overlayStripesVert {
			background-image: url(images/overlay-stripes-vert.png);
		}
		.overlayStripesDiag {
			background-image: url(images/overlay-stripes-diag.png);
		}
		.overlayBlocks {
			background-image: url(images/overlay-blocks.png);
		}
		.overlayGatorskin {
			background-image: url(images/overlay-gatorskin.png);
		}
		.overlayAbstract {
			background-image: url(images/overlay-abstract.png);
		}
		.overlayCarbon {
			background-image: url(images/overlay-carbon.png);
		}
		.overlayCrecent {
			background-image: url(images/overlay-crecent.png);
		}
		.overlayFoliage {
			background-image: url(images/overlay-foliage.png);
		}
		.overlayHills {
			background-image: url(images/overlay-hills.png);
		}
		.overlayHillsTrees {
			background-image: url(images/overlay-hills-trees.png);
		}
		.overlayMosaic {
			background-image: url(images/overlay-mosaic.png);
		}
		.overlayPerf {
			background-image: url(images/overlay-perf.png);
		}
		.overlayTargets {
			background-image: url(images/overlay-targets.png);
		}

/** WIDGET!
 * Each left and right column block is actually part of the widget class.
 * These will expand to fit whatever space is available and should scale neatly.
 * The block of content is contained within 4 divs each with their own class;
 * Widget, Bottom, Left, and Content.  They corrispond to top,bottom,left,right for
 * purposes of adding any kind of custom border stuff.
 */
		div.widget {
			font-size: 0.8em;
		}
		div.widget.border {
			border: 1px solid #E3E4E3;
		}
		div.widget.border div.bottom {
			background-image: none;
		}

		div.widget div.bottom { 
			padding-bottom: 10px;
			background: transparent url(images/widget-bottom-bg.png) no-repeat scroll 50% 100%;
		}
		div.widget h3 {
			font-size: 1.2em !important;;
			background-image: url(images/widget-title.png);
			height: 41px;
            font-weight: normal;
            text-decoration: none;
            line-height: 36px;
            white-space: nowrap;
			padding-left: 15px;
			margin-bottom: 10px;
		}
		div.widget a {
			text-decoration: none;
		}
		div.widget li {
			list-style: none;
			width: 100%;
			height: 24px;
			margin: 4px 0;
		}
		div.widget li a {
			font-size: 1.2em;
			height: 24px;
			display: block;
			padding: 0 0 0 25px;
			background: transparent url(images/bullet-dot.png) 10px 50% no-repeat scroll;
		}
		div.widget ul.nolink li {
			height: 1.4em;
			margin: 0;
			padding-left: 25px;
			background: transparent url(images/bullet-dot.png) 10px 50% no-repeat scroll;
		}
		div.widget p {
			padding: 10px;
			text-align: justify;
		}

		#pageFooter div.widget, #pageFooter div.widget.highlight {
			background-color: transparent;
		}
		#pageFooter div.widget {
			margin: 0 16px;
            background: transparent url(images/shadow-widget-left.png) 0px 0px no-repeat scroll;	
		}
		#pageFooter div.widget div.right {
			background: transparent url(images/shadow-widget-right.png) 100% 0px no-repeat scroll;
		}
		#pageFooter div.widget div.content {
			padding: 0 16px;
		}
		#pageFooter div.widget div.bottom {
			padding: 0;
			background: transparent;
		}
		#pageFooter div.widget a.more {
			background: transparent url(images/shadow-widget-more.png) 0px 100% no-repeat scroll;
			height: 24px;
			width: 100px;
			display: block;
			float: right;
			padding-left: 15px;
		
		}




/** ColorChooser
 * This is the magical color chooser which will allow users to change the look of the theme on the fly
 */
		#colorChooser {
			position: absolute;;
			top: -210px;
			right: 20%;
			width: 500px;
			z-index: 100;
			user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
		}
		#colorChooser #colorChooserBody {
			height: 210px;
			background: transparent url(images/color-chooser-body.png) 0px 0px no-repeat scroll;
		}
		#colorChooser #colorChooserButton {
			float:right;
			width: 168px;
			height: 34px;
			background: transparent url(images/color-chooser-tab.png) 0px 0px no-repeat scroll;
			color: #AAA;
			font-size: 0.8em;
			padding: 2px 0 0 0;	
			cursor: pointer;
		}
		#colorChooser #colorChooserButton span {
			padding-left: 20px;
		}

		#colorChooser h1 {
			color: #444;
			font-size: 22px;
			text-transform: uppercase;
		}

		#colorChooser #sections {
			font-size: 0.8em;
			margin: 10px 20px;
			width: 209px;
			height: 177px;
			float: left;
		}
		#colorChooser #sections select {
			background: #131313;
			color: #AAA;
			width: 209px;
			height: 20px;
			padding-top: 2px;
			margin: 2px 0px;
		}
		#colorChooser #selections option {
			height: 20px;
		}
		#colorChooser #sections dl dt {
			color: #AAA;
			float: left;
			width: 115px;
		}
		#colorChooser #sections dl dd.selected {
			background: #333;
		}
		#colorChooser #sections input {
            background: #131313;
            border: 1px solid #333333;
            color: #aaaaaa;
			padding-top: 1px;
            padding-bottom: 2px;
			width: 85px;
			height: 20px;
			text-align: center;
			font-family: courier;
			text-transform: uppercase;
		}	

		#colorChooser #chooser {
			margin: 10px 0px;
			width: 209px;
			height: 177px;
			float: left;
		}
		#colorChooser #overlays {
			float: left; 
			width: 144px;
			height: 144px;
			border: 1px solid black;
			background: blue url(images/color-chooser-white-overlay.png) no-repeat;
		}
		#colorChooser #picker {
			width: 144px;
			height: 144px;
			background: transparent url(images/color-chooser-black-overlay.png) no-repeat;
		}
		#ccPickerCursor {
			margin: -3px 0 0 -3px;
			position: absolute;
			top: -50px;
			left: 0;
			z-index: 1000;
			background: transparent url(images/color-chooser-cursor.gif) no-repeat;
			width: 8px;
			height: 8px;
		}
		#ccSliderCursor {
			margin: -2px 0 0 -12px;
			position: absolute;
			top: -50px;
			left: 0;
			z-index: 1000;
			background: transparent url(images/color-chooser-slider.gif) no-repeat;
			width:19px;
			height:5px;
		}
		#colorChooser #slide {
			width: 11px;
			height: 144px;
			float: left; 
			margin: 0 10px; 
			border: 1px solid black;
			background: url(images/color-chooser-slide.png) no-repeat;
		}

		#colorChooser #colorExample {
			background-color: blue;
			float: left; 
			width: 30px;
			height: 144px;
		}