﻿body {
	background-image:url("../Images/stripe2.png");
	background-attachment:fixed;
	background-repeat:repeat;
	background-color:#FFF;
	color:#000;
	padding:0;
	margin:0;
	text-align:center;
    font-family:Arial;
}

hr {
	width:80%;
	color:#006600;
	background-color:#006600;
	height:3px;
}

h2 {
	font-size:1.2em;
	color:#006600;
}

p.emphasis_txt {
	font-size:1.0em;
	font-style:italic;
	color:#006600;
}

p.emphasis_txt_red {
	font-size:1.0em;
	font-style:italic;
	color:red;
}

.small_emphasis_txt {
	font-size:1.0em;
	font-style:italic;
	color:#006600;
}

.small_emphasis_txt_red {
	font-size:1.0em;
	font-style:italic;
	color:red;
}

.small_grey_txt {
	font-size:1.0em;
	font-style:italic;
	color:gray;
}

.red_text {
	color:red;
}



p.small_text {
	font-size:0.7em;
}

p.large_text {
	font-size:1.4em;
}

a img {
	border-style:none;
	}
	
img {
	border:1px solid green;
}

img.noborder {
	border:none;
}

a {
    color:#26466d;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}


/********************* BUTTONS ************************/

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:7px 7px 7px 7px;
    background-color:#dedede;
    border:1px solid #aaa;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons.noleft {
    margin:7px 7px 7px 7px;
    background-color:#dedede;
    border:1px solid #aaa;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/***************************** blocks and containers ************************/

#wrapper {
	position:relative;
	width:920px;
	margin: 0 auto;
	text-align:left;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	background-color:#FFF;
}

#maincontent_old {
	position:relative;
	float:left;
	top:0;
	width:45%;
	height:300px;
	padding:10px;
	background-color:#F8F7EF;
	border-top:1px dotted #A0A0A4;
	border-bottom:1px dotted #A0A0A4;
	}

#maincontent {
	position:relative;
	float:right;
	top:10px;
	right:20px;
	width:690px;
	min-height:460px;
	z-index: 10;
	background-color:#FFF;
}

#header {
	background:#FFF url(../Images/millars_header_logo.gif) no-repeat 50% 0;
	position:relative;
	top:30px;
	left:200px;
	width:500px;
	height:100px;
}

#message_block {
	position:relative;
	float:right;
	top:50px;
	right:120px;
	height:70px;
	width:600px;
	color:#26466d;
	font-style:italic;
	text-align:center;
}
#left_nav_container {
	position:relative;
	float:left;
	top:10px;
	left:10px;
	height:320px;
	width:200px;
}	

#centered {
	text-align:center;
}

#centered_half_table {
	position:relative;
	top:10px;
	left:210px;
	width:500px;
	text-align:center
}
#login {
	position:absolute;
	top:5px;
	left:570px;
	height:20px;
	width:300px;	
}

#move_right {
	position:relative;
	left:100px;
}

#move_right_two_buttons {
	position:relative;
	left:250px;	
}

#left_column {
	float:left;
	width:400px;
	height:600px;
}

#right_column {
	float:right;
	width:270px;
	height:600px;
}
/******************************* navigation menu CSS ***************************/

.arrowlistmenu{
	width: 180px; /*width of menu*/
	background-color:#FFF;
	text-align:left;
	margin:-8px;
}

.arrowlistmenu .headerbar{
	font: bold 14px Arial;
	color: white;
	background: black url(../Images/titlebar.png) repeat-x center left;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #104F1E;
	background: url(../Images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	margin-left:5px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
	color: #104F1E;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #A70303;
	background-color: #F3F3F3;
}

/******************************* table CSS ****************************/

table {
	border-collapse:collapse;
	width:100%;
}

table.fixed {
	table-layout:fixed
}

table.half_width {
	width:60%;
}

th {
	font-weight:bold;
	font-size:0.8em;
	color: #65E17B;
	border-right: 1px solid #38E156;
	border-left: 1px solid #38E156;
	border-bottom: 1px solid #38E156;
	border-top: 1px solid #38E156;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #007F16;
}

th.compact {
	font-weight:bold;
	font-size:0.8em;
	color: #65E17B;
	border-right: 1px solid #38E156;
	border-left: 1px solid #38E156;
	border-bottom: 1px solid #38E156;
	border-top: 1px solid #38E156;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 4px;
	background: #007F16;
}


th.header {
	background: #104F1E;
	font-size:0.9em;
	color: #6ADA82;
}

th.red {
	background-color:#FF6666;
	color:black;
}

th.yellow {
	background-color:#FFFF66;
	color:black;
}

th.green {
	background-color:#9999FF;
	color:black;
}

th.250 {
	width:250px;
}

th.160 {
	width:160px;
}

td {
	border-right: 1px solid #38E156;
	border-left: 1px solid #38E156;
	border-bottom: 1px solid #38E156;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font-size:0.9em;
	color: #007F16;
}

td.compact {
	border-right: 1px solid #38E156;
	border-left: 1px solid #38E156;
	border-bottom: 1px solid #38E156;
	background: #fff;
	padding: 0px 0px 0px 4px;
	font-size:0.9em;
	color: #007F16;
}


td.allborders {
	border-top: 1px solid #38E156;
	border-right: 1px solid #38E156;
	border-left: 1px solid #38E156;
	border-bottom: 1px solid #38E156;
	background: #fff;
	padding: 6px 6px 6px 12px;
	font-size:0.9em;
	color: #007F16;

}

td.noborder {
	border:none;
}	

td.200 {
	width:200px;
}

td.160 {
	width:160px;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	color: #007F16;
}

.emphatic_link a {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	/* color: #007F16; */
	color:#26466d;
}


/********************** Breadcrumb CSS ********************************/

.breadcrumb{
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.breadcrumb a{
background: transparent url(media/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;
}

.breadcrumb a:hover{
text-decoration: underline;
}

/*************************** footer **********************************/

#footer {
	font-size:0.9em;
	text-align:center;
	padding:10px;
	height:30px;
	margin-top:10px;
	background-color:#000;
	color:#FFF;
	clear:both;
	border:solid 1px;
}

#footer a {
	color: #104F1E;
}
	
.clearing {
	height:0;
	clear:both;
}
	
	
	
	
	
	
