/* ==========================================
	html, body, siteContainer
	========================================*/

html { background: #333; text-align: center; }
body { font: 10pt Arial, Helvetica, sans-serif; color: #FFF; width: 960px; margin: 5px auto; }
#siteContainer { background-color: #333; }

/* ==========================================
	element styles
	========================================*/

h1 { color: #003A85; font-size: 150%; margin: 10px 0 0 0; }
h2 { font-size: 110%; }
h3 { margin: 20px 0 0 0; font-size: 100%; font-weight: bold; }
a { color: #003A85; text-decoration: none; border: 0px; }
a:hover { color: #FFB201; text-decoration: underline; }
a.headings { font-family: tahoma, sans-serif; font-size: 13px; font-weight: bold; }
img { border: 0px; }

/* ==========================================
	branding, login, maincontent, navigation, footer
	========================================*/

#branding { float: left; margin: 0; }
#tagline { text-align: right; }

#navigation { text-align: right; padding: 0; margin: 10px 0 15px 0; }
#navigation a { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 10px; color: #333; 
	background: #CCC url('../images/button_bkgd.gif') repeat-x; text-decoration: none; font-weight: bold;border: #FFF 1px solid; }
#navigation a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 10px; font-weight: bold; background-color: #FFF; background-image: none; }
#navigation a.navLogin { background: #FFB200 url('../images/button_bkgd3.gif') repeat-x; border: #FFCC33 1px solid; }
#navigation a.navLogin:hover { background-color: #FFB200; background-image: none; }

#adminMenu { text-align: right; padding: 0; margin: 10px 0; }
#adminMenu a { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 8px;color: #FFF;
	background: #666 url('../images/button_bkgd2.gif') repeat-x; text-decoration: none; font-weight: bold; border: 1px solid #666; }
#adminMenu a:hover { background-color: #666; background-image: none; padding: 3px 8px; text-decoration: none; font-weight: bold; }

#administratorMenu { text-align: right; padding: 0; margin: 10px 0; }
#administratorMenu a { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; padding: 3px 10px; color: #FFF; background: #666 url('../images/button_bkgd4.gif') repeat-x;
	text-decoration: none; font-weight: bold; border: 1px solid #2F6498; }
#administratorMenu a:hover { background-color: #2F6498; background-image: none; padding: 3px 10px; text-decoration: none; font-weight: bold; }

#mainContent { clear: both; background-color: #FFF; color: #333; text-align: left; min-height: 450px; width: 940px; padding: 5px 10px 20px 10px; margin: 0; border-top: #FFB200 8px solid; }
/* #mainContent.home { background-color: #333; color: #FFF; } */

#footer { text-align:left; clear: both; padding: 0; }
#footerText { padding: 10px; color: #FFF; }
#footerText a { color: #FFF; text-decoration: underline; }

/* ==========================================
	efileSteps, tipBox, subContent
	========================================*/

#efileSteps { text-align: center; padding: 0; margin: 20px 0; }
#efileSteps a { background: #FFF url('../images/button_bkgd3.gif') repeat-x; padding: 5px 12px; margin: 0 2px; text-decoration: none; border: 1px solid #333; }
#efileSteps a:hover { background-color: #EEE; background-image: none; }
#efileSteps .inactive { padding: 5px 12px; margin: 0 2px; border: 1px solid #AAA; color: #AAA; }
#efileSteps a .step { color: #000; }
#efileSteps a .description { color: #666; }

#viewReturnSteps a { color: #333; padding: 3px 5px; border: #DDD 1px solid; }
#viewReturnSteps a:hover { border: #000 1px solid; text-decoration: none; }
#viewReturnSteps a.currentStep { background-color: #FFB200; padding: 3px 5px; border: #000 1px solid; }

.tipBox { font: 10pt Arial, Helvetica, sans-serif; float: right; background-color: #EEE; border: #CCC 1px solid; padding: 10px; margin: 12px 10px 0 0; }
.tipBox h2 { margin: 0 0 10px 0; padding: 0; }
.tipBox ul { margin: 0 0 0 15px; padding: 0; }

#subContent { padding: 5px 0 15px 10px; }
.subContentBlock { border: 1px solid #003A85; background: #EEE; color: #000; padding: 0; margin: 0 0 10px 0; text-align: left; }
.subContentBlock h1 { margin: 0; padding: 5px; background: #003A85 url(../images/subContent_bkgd.gif) top repeat-x; color: #FFF; font-size: 110%; }
.subContentBlock h2 { font-size: 100%; font-weight: bold; }
.subContentBlock p { margin: 10px 0; padding: 0 10px; }

/* ==========================================
	forms
	========================================*/
	
form { display: inline; font-size: 11px; } 
.image_submit { background-color:transparent; border:0; }

/* ==========================================
	tables
	========================================*/

table.list { padding: 0; border: 0; }
table.list tr.row0 { background-color: #F6F6F6; }
table.list tr.row1 { background-color: #FFF; }
table.list th { padding: 4px 6px; text-align: left; background: #DDD; color: #000; }
table.list th a { color: #000; }
table.list td { padding: 3px; color: #333; }

table.form_entry { margin: 10px 0 0 0; font: 10pt Arial, Helvetica, sans-serif; padding: 0; border: 0; }
table.form_entry th { padding: 4px; background: #000; color: #FFF; }
table.form_entry td { padding: 2px; }

table.viewReturn { padding: 0; border: 0; }
table.viewReturn th { padding: 4px 6px; text-align: left; background: #DDD; color: #000; }
table.viewReturn td { padding: 3px; color: #000; }
table.viewReturn td.sectionHeader { padding: 5px; font-weight: bold; background: #000; color: #FFF; }

table.pricing { width: 700px; }
table.pricing th { padding: 4px 6px; text-align: left; background: #000; color: #FFF; }
table.pricing td { padding: 4px 6px; text-align: left; background: #EEE; }

table.returnsCounts { float:left; margin-right:20px; }
table.returnsCounts tr.row0 { background-color: #F6F6F6; }
table.returnsCounts tr.row1 { background-color: #FFF; }
table.returnsCounts th { text-align:right; padding: 4px 6px; }
table.returnsCounts td { text-align:center; padding: 4px 6px; }

/* ==========================================
	font classes
	========================================*/

.alert { background: #CC0000; padding: 5px 0; text-align: center; color: #FFF; font-weight: bold; }
.message { background: green; padding: 5px 0; text-align: center; color: #FFF; font-weight: bold; }
.requiredError { background-color: #FF9999; }
.attention { background: #DDD; padding: 5px; text-align: left; color: #CC0000; border: 1px #CC0000 solid; }
.rejected  td { background-color: #FF9999; }
.debug { background-color: yellow; padding: 2px; margin: 5px 0; text-align: left; color: #666; border: 1px #666 solid; }
.totals { background-color: #EEE; padding: 2px; margin: 5px 0; text-align: left; color: #666; border: 1px #333 solid; }
.floatRight { float: right; padding: 0 0 10px 10px; }
.floatLeft { float: left; padding: 0 10px 10px 0; }
.clearBoth { clear: both; }
.button { background-color: #CCC; border: 1px #AAA solid; padding: 5px; }
.button:hover { color: #FFF; background-color: #AAA; text-decoration: none; border: 1px #FFB200 solid; }

/* ==========================================
	homepage
	========================================*/

#myslide { border:1px solid #ffb202; }
#myslide h2 { margin-top:0; }
#myslide .homepage-slider-image { float:left; margin-right:10px; }

.bar { clear:both; width:920px; margin:15px 0; border-bottom:1px double #999; }
.orange-col { float:left; width:205px; height:274px; padding:10px; margin-right:10px; background: url(../images/orange-col-bg.png) top left repeat-x #ffcc33; border:1px solid #000; }
.orange-col a:hover { color:#003A85; }
.gray-col { float:left; width:205px; height:274px; padding:10px; color:#FFF; background: url(../images/gray-col-bg.png) top left repeat-x #333; border:1px solid #000; }
.three-col { float:left; width:273px; margin-right:20px; padding-right:20px; border-right:1px solid #999; }
.three-col.last { margin-right:0; border-right:0; }
.three-col h3 { font-size:120%; font-weight:normal; color:#003A85;  }
.mid-section { padding:20px 0; border-top: #FFB200 8px solid; border-bottom: #FFB200 8px solid; }
#footer-row { background: url(../images/footer-bg.gif) top left repeat-x transparent; height:200px; width:960px; margin:20px 0 -25px -10px;}
.two-col { float:left; width:360px; padding:15px 45px; color:#FFF; }
.two-col ul { list-style-type:none; }
.two-col li { margin-bottom:10px; }
.two-col a { color:#FFF; }

#myslide {width:595px;overflow:hidden;position: relative;height:253px; margin-bottom:20px;}
 
#myslide .cover{
	width:1785px; /*------- class mystuff width * number of mystuff divs (160 * 3 = 480)---------- */
	position: absolute;
	height:253px;
}

#myslide .mystuff {width:595px;float:left;padding:0;}
#button { margin-left:540px; }
#button a { position:relative; top:20px; z-index:100; }
.button1,.button2,.button3{background:#999;padding:6px;display:block;float:left;margin-right:5px;}
.active{background:#ffb202;padding:6px;display:block;float:left;outline:none;}
.clear{clear:both;}