/* Document Structures */

html {
	margin: 0;
	padding: 0;
}


body { 
	font: 90% helvetica, sans-serif;
	letter-spacing:  -0.01em;
	line-height: 1.65;
	color: #505050; 
	background: #efefef url(images/sci_bg.jpg) bottom repeat-x; 
	background-attachment:  fixed;
	margin: 0; 
	padding: 0;
}



/* Design Structural Elements */

div#masthead {
	margin: auto;
	display:  block;
	width:  100%;
	border:  0px;
	padding-top:  5px;
	padding-bottom:  5px;
	border-bottom:  3px solid #d8d8d8;
	background:  #ffffff url(images/mast-bg.jpg) top right no-repeat; 
}

div#container {
	display:  block;
 	width:  88%;
	margin: auto;
	background-color:  #ffffff;
	border-left:  2px solid #808080;
	border-right:  2px solid #606060;
	border-bottom:  2px solid #606060;
	border-top:  2px solid #808080;
	margin-top:  10px;
	margin-bottom:  10px;
}

div#menuLeft {
	float:  left;
	width:  160px;
 	margin:  15px 25px 10px 15px;
	border:  1px dashed #404040;
	padding:  10px;
	display: inline;
	background-color:  #d0e1f1;
}

div#mainContent {
	display: block;
	padding:  0px 20px 20px 50px;
	margin:  0px 0px 10px 0px;
	width:  65%;
	margin-left:  180px;
}

div#loginbox {
    border:  1px solid #003876;
	font-size:  0.75em;
	background-color:  #fffccb;
	padding:  10px;
	line-height:  12px;
}

div#footer {
    text-align:  center;
	font-size:  10px;
	padding-bottom:  10px;
	padding-top:  3px;
	letter-spacing:  0.3em;
	border-top:  1px dashed #d0d0d0;
	background-color:  #efefef;
}

p#floatingQuote {
	font-size:  1.05em;
	line-height:  1em;
	background-color:  #99b8ff;
	opacity:  0.85;
	border:  3px solid #efefef;
	width:  67%;
	padding:  5px 10px 5px 5px;
	margin:  0px 9px 0px 0px;
	letter-spacing:  0.05em;
	text-align: center;
}




/* Top-Level Generic Text Formatting */

p { 
	margin-top: 5px; 
}

p.smaller {
    font-size:  0.9em;
}

p.smallest {
    font-size:  0.8em;
}

p.acct_nav_text {
    font-size:  0.7em;
	color:  #094fa3;
}

p.acct_infoTXT {
	line-height:0.9;
    font-size:  0.8em;
	color:#094fa3;
}

p.acct_directionsTXT {
	line-height:1.0;
    font-size:  1.0em;
	color:#094fa3;
}



h1 { 
	font: 1.8em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #8c5321;
	border-bottom:  2px dashed #f79239;
}

h1.naked {
    border:  0px;
}

h2 { 
	font: 1.65em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #8c5321;
	border-bottom:  2px dashed #f79239;
}

h2.naked {
    border:  0px;
}

h3 { 
	font: 1.3em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #8c5321;
	border-bottom:  2px dashed #f79239;
}

h3.naked {
    border:  0px;
}

	h3 a:link { 
	font: 1.3em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #8c5321;
	}
	
/* Not sure what this was intended for,
   better to use a class instead. */

/* h4 {
	margin: 0;
	padding: 0;
	font-size:  1.6em;
	font-style: italic;
	color:  #f79239;
	background-color:  #ffffff;
	padding:  5px 9px 5px 5px;
	border:  1px solid #c0c0c0;
	display: inline;
	text-align:  center;
} */

h4 { 
	font: 1.1em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin-bottom: 0; 
	color: #8c5321;

}


h5 { 
	font: 1.1em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin: 0; 
	color: #8c5321;
	border-bottom:  2px dashed #f79239;
}

h5.naked {
    border:  0px;
}

			h5 a:link { 
				font: 1.1em helvetica, sans-serif;
				letter-spacing: -0.06em; 
				margin: 0; 
				color: #8c5321;
			}





h6 { 
	font: 1.0em helvetica, sans-serif;
	letter-spacing: -0.06em; 
	margin: 0; 
	color: #8c5321;
}
				h6 a:link { 
				font: 1.0em helvetica, sans-serif;
				letter-spacing: -0.06em; 
				margin: 0; 
				color: #8c5321;
				}








a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #094fa3;
}


a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #094fa3;
}


a:hover, a:active { 
	text-decoration: underline; 
	color: #094fb0;
}


.inv {
	display: none;	
}

fieldset {
	border:  1px dotted #f79239;
	
}


legend {
	color: #8c5321;
	font-size:1.1em;
}


.title {
	font-style:italic;
}

/*  Specific Tag ID design elements */
input.smallForm {
   font-size:  10px;
}

button.smallForm {
   border:  1px solid black;
   background-color:  #efefef;
}

table.greyBorder {
   border:  1px solid #505050;
}

table.shadedRows tr {
   background-color:  #efefef;
   border:  1px solid #505050;
}

table.shadedRows td {
	vertical-align: top;	
	padding: 10px;
}
p#searchBar {
   border:  1px solid #efefef;
   background-color:  #f0f0f0;
   text-align:  right;
   font-size:  11px;
}

p#searchbar input {
	font-size:  10px;
	height:  11px;
}

td#pageLabel {
	padding-right:  10px;
}

ul.menuPopOut {
	margin:  0;
	padding:  0;
	list-style-type:  none;
	font-size:  12px;
	padding-left:  14px;
}

ul.acct_directionsTXT {
	line-height:1.0;
    font-size:  1.0em;
	color:#094fa3;
}

a.menuPopper {
	font-weight:  bold;
	color:  #094fa3;
	cursor:  pointer;
}

div#maincontent li {
   margin-left:  100px;
}

img.inlineRight {
    border:  1px solid #505050;
	float:  right;
	margin-left:  25px;
	margin-bottom:  25px;
}

ul.menuPopOut a:visited, a:link, a:active {
	color:  #505050;
}

.largeTablecontainer {
	border: 1px solid #505050;
	margin:  10px;
	padding: 1em;
}

.clearfloats {
	clear:both;
}

.columnContainer {
	border:1px dotted #f79239;
	margin:10px;
	padding: 1em;
	
}


.leftColumn {
	float: left;
	width: 40%;
	padding: 1em;
}

.rightColumn {
	width: 40%;
	margin-left: 50%;
	padding: 1em;
}



.generalButton{
margin:5px;
padding:10px;
background-color:#d0e1f1;
font: 1.65em helvetica, sans-serif;
letter-spacing: -0.06em;  
color: #094fa3;
width:50%;
border:  1px dashed #404040;
}

		.generalButton:hover {
		background-color:#cccccc;
		color:#094fb0;
		}



#PopUpBlanket {
	background-color:#67623b;
	opacity: 0.65;
	filter:	alpha(opacity=65);
	position: absolute;
	z-index: 9001;
	top: 0px;
	left: 0px;
	width: 100%;
}

#popUpDiv {
	border:1px solid #8c5321;
	padding: 20px;
	position:absolute;
	background-color: #ffffff;
	width:400px;
	height:400px;
	z-index: 9002;
}



/*  ++++++++++++++++++++++++++++++ */
/*  Specific Tags for Account Area */
/*  ++++++++++++++++++++++++++++++ */
div#acct_floatLeft{
	float:left;
	margin: auto;
}

div#acct_floatRight{
	float:right;
	margin-bottom:5px;
	margin-top:5px;
}

div#acct_float100perc{
	float:left;
	width: 100%;
}

div#acct_float50perc{
	float:left;
	width: 50%;
}

div#acct_float30perc{
	float:left;
	width: 30%;
}


div#acct_float25perc{
	float:left;
	width: 25%;
}

div#acct_float20perc{
	float:left;
	width: 20%;
}

div#acct_float15perc{
	float:left;
	width: 15%;
}

hr.acctHR {
	border:1px dotted #f79239;
	width:65%;
}


fieldset.acctNavBox {
	border:  1px solid #f79239;
	background-color: #f5ffdb;
	
}


legend.acctNavBox {
	color: #8c5321;
	font-size:0.9em;
	text-align:right;
}




/*  buttons */
.account_logoutButton{
	padding:5px;
	background-color:#ffffff;
	letter-spacing: -0.06em;
	color: #f79239;
	border: 1px solid #f79239;
	text-decoration:none;
	font-weight:normal;
}

			.account_logoutButton:link {
			background-color:#ffffff;
			color: #f79239;
			text-decoration:none;
			font-weight:normal;
			}
			
			.account_logoutButton:visited {
			background-color:#ffffff;
			color: #f79239;
			text-decoration:none;
			font-weight:normal;
			}
			
			
			.account_logoutButton:hover, active {
			background-color:#ffffff;
			color:#bd6f2d;
			font-weight:normal;
			}


.account_generalButton{
padding:5px;
margin: 2px;
background-color:#d0e1f1;
font: .8em helvetica, sans-serif;
letter-spacing: -0.06em;  
color: #094fa3;
border:  1px solid #404040;
font-weight:normal;
}

	.account_generalButton:link{ 
		font-weight:normal;
		color: #094fa3;
	}
	
	.account_generalButton:visited{ 

		font-weight:normal;
		color: #094fa3;
	}

	.account_generalButton:hover {
		background-color:#cccccc;
		color:#094fb0;
		text-decoration:none;
		font-weight:normal;
	}
	
	.account_generalButton:active {
		background-color:#cccccc;
		color:#094fa3;
		text-decoration:none;
		font-weight:normal;
	}	
	


.account_TXTbutton{
font: 1.3em helvetica, sans-serif;
letter-spacing: -0.06em;  
color: #8c5321;
border: 0;
background-color:#FFF;
margin:0px;
padding:0px;
text-align:left;
}

		.account_TXTbutton:hover{
		text-decoration:underline; 
		color: #f79239;
		border: 0;
		background-color:#FFF;
		}
		
		.account_SmallTXTbutton{
		font: 1.0em helvetica, sans-serif;
		letter-spacing: -0.06em;  
		color: #8c5321;
		border: 0;
		background-color:#FFF;
		margin:0px;
		padding:0px;
		text-align:left;
		}
		
		.account_SmallTXTbutton:hover{
		text-decoration:underline; 
		color: #f79239;
		border: 0;
		background-color:#FFF;
		}




/* scion formatting */

#SCIONTagContainer {
	border:1px dotted #8c5321;
	padding:0px;
	margin:auto;
}


#SCIONTagLabels {
	color: #ffffff;
	background-color: #094fa3;
	padding: 10px;
	
}

#SCIONTagAreas {
	padding: 10px;
	background-color:#d0e1f1;
}

#SCIONInfoAreas {	
	padding:10px;
	background-color: #ffffff;
}