/* @override http://www.jamexvending.com/css/screen.css */

/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'http://www.jamexvending.com/css/bp-compressed.css';
@import 'http://www.jamexvending.com/css/suckerfish.css';

/* ------ Main Layout Styles ------- */


body {
font-family: Arial,Helvetica,Verdana,sans-serif;
background-color: #0077cc;
}

#pageBottom {
	background: url('http://www.jamexvending.com/img/page-bottom.png') no-repeat;
	padding-top: 18px;
	height: 64px;
}

#pageBottom h3 {
	margin-bottom: 0;
}

#pageBottom p {
	font-size: .72em;
	color: #8c8c8c;
}

#pageBottomLeft {
	float:left;
	width: 160px;
	margin-left: 90px;
	margin-top: 4px;
}


/* ----- Link Styles ------ */
a {
	color:#007ac3;
	text-decoration:none;
}

a:hover, a:focus {
	text-decoration:underline;
}

.submit input { 
	background: #00d1f7; 
	color: white; 
	border: none;
}

#header .container {
	position:relative;
	z-index:1000;
}

#page .container {
	background: #e6e6e6 url('http://www.jamexvending.com/img/page-background.png') repeat-y;
	padding: 0 40px 0 0px;
			width: 925px;
			position:relative;

}

#page.home .container {
	background-image:none;
	padding-left: 40px;
	padding-top: 40px;
		width: 885px;
}

#contentDescription p img {
margin: 0 1.25em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}




/* ------ Header Styles ------- */
#contact-tab {
	background: url('http://www.jamexvending.com/img/contact-tab.png') no-repeat;
	float:right;
	width: 258px;
	padding-left: 35px;
	color: #fff;
	font-size: .72em;
	padding-top: 6px;
	height: 23px;
	position:absolute;
	right: 5px;
}

#contact-tab a {
	color: #fff;
	margin-left: 52px;
}

#contact-tab a:hover, #contact-tab a:focus {
	text-decoration:underline;
}

#nav {
	padding-top:60px;
}

#navul {
	float:right;
}

.title {
	padding: 15px 0;
}

/* ------- Sidebar styles ------- */

#sidebar {
font-size: .85em;
}

.sectionLinks h3 {
	color: #888888;
	font-size: 1em;
	background: url('http://www.jamexvending.com/img/in-this-section_slammed.png') no-repeat;
	text-align:center;
	padding-top: 4px;
	width: 190px;
	height: 19px;
}

ul#relatedSectionLinks {
	margin-right: 40px;
	margin-top: 15px;
	margin-left: 0px;
}

ul#relatedSectionLinks li {
	text-align:right;	
	list-style:none;
	margin-bottom: 10px;
	background: url('http://www.jamexvending.com/img/page-icon.jpg') no-repeat 100% 20%;
	padding-right: 20px;
}


ul#relatedSectionLinks li a {
	color: #888888;
}

#attachedFiles h5 {
	background: url('http://www.jamexvending.com/img/related-files-icon.jpg') no-repeat;
	padding-left: 25px;
	color: #5a5a5a;
}

#sidebar h3 {
	color: #888888;	
}

#related_image_slideshow_link {
	background: url('http://www.jamexvending.com/img/slideshow-icon.jpg') no-repeat 0 11px;
	padding-left: 50px;
	margin-top: -10px;
}

#related_image_slideshow_link h3 {
	margin-bottom: 3px;
	margin-top: 10px;
}

#related_image_slideshow_link h3 a {
	color: #3d3d3d;
	font-size: 1.25em;
}


/* ------ Footer Styles --------- */



#footer {
padding: 25px 0 0 0;
color: #999;
}

#footer .container {
	padding: 0px 20px;
	width: 925px;
}

#footer .siteCredits {
text-align: right;
float:right;
color: #656565;
font-size: 11px;
line-height: 1.7em;
margin-top: 5px;
}

#footer .siteCredits a {
	color: #242424;
}

#footer .siteCredits strong {
color: #242424;
}

/* ------ Home Div Styles ------- */

#homeSlideshow {
float:right;
}

#homePhoto {
margin-bottom: 10px;
width:311px;
margin-right: 45px;
}

#homeTitle {
float:left;
width: 540px;
padding-top: 60px;
}

#homePhoto img {
	width: 311px;
	height: 282px;
}

#homeButton {
	background: url('http://www.jamexvending.com/img/page-top-home.png') no-repeat;
	padding-top: 15px;
	height: 64px;
}

#innerTop {
	background: url('http://www.jamexvending.com/img/page-top-inner_slammed.png') no-repeat;
	height: 44px;
}

#content, #sidebar {
margin-top: -22px;
}



.button {
	width:241px;
	float:left;
}

.button img {
	float:left;
}

.button p {
	float:left;
	width: 120px;
	color: #8c8c8c;
	font-size: .72em;
	line-height: 1.3em;
	margin-bottom: 0;
}

.button h3 a {
	color: #3d3d3d;
}

.button h3 a:hover, .button h3 a:focus {
	color: #007AC3;
	text-decoration:none;
}


.button h3 {
	margin-bottom: 3px;
}

.home p {
	color: #5a5a5a;
	font-size: .86em;
	line-height: 1.4em;
}

.home h2 {
	margin-bottom: 10px;
}



/* ------ Inner Div & Tool Styles ------*/



.bg1, .bg2 {
background: url("http://www.jamexvending.com/img/sidebarHR.jpg") repeat-x bottom left;
margin-left: -22px;
padding: 10px 25px 25px;
margin-bottom: 10px;
width: 667px;

}


.bg1 .teaser, .bg2 .teaser {
font-style: italic;
}

.links.index h2 {
border-top: 3px double #eee;
padding: 10px 0;
clear: both;
}

.links .bg1, .links .bg2, /* ---- remove the catlist bgs if you don't want 50% width-----*/.catList .bg1, .catList .bg2 {
/*width: 48%;
float: left;
display: block;
min-height: 100px;
height: 100%;
padding-right: 2%;*/
}

.links .bg1, .catList .bg1 {
clear: both;

}


.linkDescription {
font-size: 1.15em;
}


.categorySidebars, .pageSidebars {
background: url("http://www.jamexvending.com/img/sidebarHR.jpg") no-repeat bottom left;
margin-left: -25px;
padding: 10px 25px 25px;
margin-bottom: 10px;
width: 197px;

}

#sidebar hr {
background: url("http://www.jamexvending.com/img/sidebarHR.jpg") no-repeat bottom left;
margin-left: -25px;
width: 247px;
border: 0px;
}





#breadcrumbs, #attachedFiles {
clear: both;
padding-top: 10px;
font-size: .85em;
}

#breadcrumbs {
	text-align:right;
	padding-bottom: 10px;
}


.staffInfo {
float: right;
width: auto;
text-align: right;
margin-left: 2em;
font-size: .85em;
margin-bottom: .5em;
}

.staffInfo p, .staffInfoInner p {
margin: 0;
font-style: italic;

}

.staffInfoInner {
width: auto;
text-align: left;
margin-left: 1.5em;
font-size: 1.15em;
margin-bottom: 1em;

}




.members.catitemlist .bg1, .members.catitemlist .bg2 {
clear: both;
}


.documentsInfo {
float: left;
min-width: 50px;
margin-right: 1.5em;
padding: 0 .5em;
}

.documentsInfo .quiet {
text-align: center;
}

#JobAddForm .right {
float: right;
}


#JobSubject {
cursor: no-drop;
}

/* ------- News Styles -------*/
.childdate, .childlocation {
font-weight: bold;
color: #bbb;
}




/* ------ Photo & File Styles ------- */

#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0 0 -12px;
	padding:6px;
}

#attachedFiles li {
	list-style: none;
	font-weight:bold;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb, .staffThumb, .staffImage {
	float:left;
	margin-bottom:1.5em;
	margin-right:1em;
	display:none;
}





.imageThumb {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}


 


#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url(http://www.jamexvending.com/img/overlay.png) repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}



/* ------ Calendar/events stuff here -------*/

.calendar #calendar_display .calendar table {
height: 400px;
}

.calendar #calendar_display .calendar thead .title {
height: 30px;
font-size: 2.5em;
}

.calendar #calendar_display .calendar .headrow td {
font-size: 14px;
height: 10px;
}

.calendar .calendar tbody .day {
font-size: 2.5em;
}

.monthBanner {
padding-top: 10px;
border-top: 3px double #EEEEEE
}

/* ------ Minor Div Styles begin here ------ */



.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
	color: #aaa;
	clear: both;
}

.paginatorControl .disabled {
	color:#aaa;
}

.pageCounter {
float: left;
}


.last {
	border-bottom: 0px;
}

#TB_window a {
outline: none;
}


/* ------ WebTree Styles ------ */
#flashMessage {
	background-color: #fff266;
} 

/* -------- Mail Dart Sign-up Form Style ------ */
span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 




/* --------- HOME PAGE SLIDESHOW ANIMATED STYLES-----*/

#splash { 
	width: 950px; 
	height: 385px; 
	overflow: hidden; 
	position: relative;}

#main-buttons { }

#splash .slide {  
	width: 950px; 
	height: 385px; 
	overflow: hidden; }

#splash .slide .overlay { 
	background:url('http://www.jamexvending.com/img/transBlack.png'); 
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0; 
	display: block; 
	height: 60px;
	padding: 20px;
	z-index: 1000;
	}

#splash .slide .overlay h4 { 
	color:#fff;
}

#splash .slide .overlay h4 a {  
	outline: none;
}

#splash .slide .overlay p { }

#splash .slide .overlay h4 a:hover { }

#slide-numbers {
	position: absolute;
	bottom: 60px;
	right: 30px;
	z-index: 1000;
}

#slide-numbers a { 
	outline: none;
	margin: 0 0 0 3px;
}

#slide-numbers a:hover { }

#slide-numbers a.activeSlide { 
	color: white;
}

.slidecaption { 
	color: #888;
}


#homeSlideshow {
position: relative;
margin-bottom: 20px;
z-index:2;
}

#contentDescription h1 + p, #catDesc h1 + p {
font-size: 1.75em;
letter-spacing: -0.035em;
line-height: 1.25em;
margin-bottom: 20px;
color: #a7a7a7;
}

#sidebar p.small {
color: #AAA;
}

#sidebar em {
font-style: normal;
}

#innerTop {
margin-top: 100px;
}

#contentDescription {
position: relative;
z-index: 3;
}

#contentDescription h1.title {
position: absolute;
top: -115px;
left: -245px;
}

h2 {
margin-bottom: 5px;
}

/*#contentDescription input {
width: 270px;
background: #e6e6e6 url("../img/inputBG.jpg") no-repeat 0 0;
padding: 12px 16px;
height: 23px;
border: 0px;
font-size: 16px;
}

#contentDescription textarea {
width: 270px;
background: #e6e6e6 url("../img/textarea-bg.jpg") no-repeat 0 0;
padding: 15px;
height: 185px;
border: 0px;
font-size: 16px;

}

#contentDescription .submit input {
padding: 7px 15px;
height: 31px;
}*/
.contentBox h1,
.contentBox h2,
.contentBox h3 {
	/*margin: -1.67em -1.67em 1em -1.67em;*/
	padding: .4em 1.33em;
	background-color: #5f6062;
	border-bottom: .1em solid #c2bfbf;
	color: white;
	text-decoration: none;
	font-weight: 900;
	font-size: 1.2em;
	position: relative;
}
.contentBox h2 {
	border-top: .1em solid #c2bfbf;
	margin: 1em -1em 1em -1em;
}
.contentBox h3 {
	/*Leave whitespace on the sides to show it's a subheading*/ 
	margin: 1.2em 0;
	padding: .2em 1.2em;
	border: .1em solid #c2bfbf;
	font-size: 1.1em;
}
.contentBox h3.error,
.contentBox h3.success {
	background-color: #eee;
	text-align: center;
	font-weight: bold;
}
form.tableless label {
	float: left;
	padding: 0pt 1em;
	text-align: right;
	width: 12em;
}
form.tableless span {
	display: block;
	margin-bottom: 0.5em;
	padding: 0pt;
}
form.tableless span select {
	padding: 1px;
}