/*    File            : /volunteer/styles/site-styles.css
      Description     : Styles available for use across the volunteer INTERnet web site.    */

#vamc_columnright { width:334px; float:right; margin:0px 10px 40px 0px; padding:0px; font-size:16px; display:inline; }

#vamc_emailUpdates { width:332px; height:100%; margin:0px; border:1px solid #e0e0e0; padding:0px; }

#vamc_govDelivery { margin:0px 0px 10px 0px; padding:0px; font-family:verdana, arial, sans-serif; }
#vamc_govDelivery form { margin:0px; padding:0px; }
#vamc_govDelivery p { font-size:.75em; }
#vamc_govDelivery fieldset { border:0px; margin:0px; padding:0px; }
#vamc_govDelivery legend { display:none; }
#vamc_govDeliveryFields { padding-top:5px; }
#vamc_govDeliverySubmit { width:60px; }

/* EXPAND/COLLAPSE */
div.dc_expand { background-color: #f0f0f0; padding: 5px; width: 322px; font-size:1em; font-weight:bold; line-height:1.25em; margin:0px; color:#404040; }

div.dc_expand a { display:block; text-decoration:none !important; color:#404040 !important; }
div.dc_expand a:link, div.dc_expand a:visited { background-image:url('/ts_shared/images/exp_arrow.gif'); background-repeat:no-repeat; background-position:98% 50%; }
div.dc_expand a:active { text-decoration:none; }
div.dc_expand a:hover { color:#1a49a0 !important; }
div.dc_expand a.open:link, div.dc_expand a.open:visited { background-image:url('/ts_shared/images/col_arrow.gif'); background-position:98% 50%; }

div.dc_collapse p { padding: 5px !important; background-color: #ffffff; }

/* For devices max width of 590px */
@media only screen and (max-width:590px) {
	#wideContent {
		display: none;
	}
}
/* For devices wider than 590px */
@media only screen and (min-width:590px) {
	#thinContent {
		display: none;
	}
}


/* Float Styles */
.floatLeft { float:left; }
.floatRight { float:right; }

/* Font Styles */
.fontXlarge { font-size: 130%; }
.fontLarge { font-size: 115% }
.fontSmall { font-size: 90%; }
.fontXsmall { font-size: 80%; }

.fontBold { font-weight: bold; }
.fontItalic { font-style: italic; }
.fontSmallCaps { font-variant: small-caps; }
.fontUnderline { text-decoration: underline; }

.fontDarkRed { color: #772432; }
.fontLightBlue {color: #0083be; }
.fontNavy { color: #003F72; }
.fontPrimaryRed { color: #c4262e; }
.fontSecondaryBlueGray { color:#839097; }
.fontSecondaryGreen { color:#598527; }
.fontSecondaryGold { color:#ffd457; }
.fontSecondaryLightGray { color:#dcddde; }
.fontSecondaryOlive { color:#b0b579; }
.fontSecondaryOrange { color:#f7955b; }
.fontSecondarySand { color:#dac792; }
.fontVibrant01 { color: #5261ac; }
.fontVibrant02 { color: #ffcf01; }
.fontVibrant03 { color: #fbb161; }
.fontVibrant04 { color: #0194d3; }
.fontVibrant05 { color: #a1a1a4; }
.fontVibrant06 { color: #c0ae00; }
.fontVibrant07 { color: #7ac143; }
.fontVibrant08 { color: #f78f1e; }
.fontVibrant09 { color: #00afdb; }
.fontVibrant10 { color: #fdb913; }
.fontVibrant11 { color: #e2e477; }
.fontVibrant12 { color: #e31b23; }
.fontWhite { color: #ffffff; }
.fontBlack { color: #000000; }

/* Image Styles */
img.imgrt{
  float: right;
  border: none !important; 
  padding: 0px 0px 8px 8px; }

img.imglt {
  float: left; 
  border: none !important; 
  padding: 0px 8px 8px 0px; }
  
/* List Styles */
ul.outside {
	list-style-position: outside;
	}

ol.spacedList li, ul.spacedList li {
	margin-bottom: 1.25em;
	}

ol.decimalLeadingZero {
	list-style-type: decimal-leading-zero;
	}

ol.lowerAlpha {
	list-style-type: lower-alpha;
	}

ol.lowerRoman {
	list-style-type: lower-roman;
	}

ol.upperAlpha {
	list-style-type: upper-alpha;
	}

ol.upperRoman {
	list-style-type: upper-roman;
	}

.olist {
	list-style-position: outside;
	padding-left: 40px;
	}

.acenter { text-align: center; }
.aleft { text-align: left; }
.aright { text-align: right; }

.rt_badge { display: block !important; }