/*** Primary Colors ***/
/*
	#f4f4f4				body background color 		white/silerish
	#fbfbfb				content div backgrounds		soft white
	#bf2c37				red in header bg			red
	#bf2c37				h2 in pageContent div		red
	#ffffff				active sidebar text			white
	#ffffff				main header text			white
	#1d5987				inactive sidebar text 		blue
	#1d5987				blue in copyright			blue
	#cccccc				border color 				gray
	#00a5e0 			border color 				powder blue
	#ffefbe				current form field focus	yellowish/pink
	

*/	

/* // ---- debug styles  ---- // */

/* -- ---- end debug styles  ---- -- */

/* Genderal Styles */
body {
	font-size: 62.5%; 
	font-family: Helvetica, Arial, sans-serif; 
	background: #f4f4f4 url('../images/body-bg.jpg') repeat-x; 
}

/* toolbox */
.floatLeft { float: left;}
.floatRight { float: right;}
.clear { clear: both;}
.page-wrap { width: 960px; margin: 0 auto; }
.hidden {display: none;}


/*** TYPOGRAPHY ***/
h1 { font-size: 3.2em; }
h2 { font-size: 2.6em; }
h3 { font-size: 2.0em; }
h4 { font-size: 1.6em; }
h5, h6 { font-size: 1.2em; }

/* // ---- header styles  ---- // */
#header {
	position: relative;
	width: 960px;
	height: 102px;
	margin: 10px 0;
	background: #bf2c37 url('../images/cenexHeaderLogo2.jpg') no-repeat top left;
}

#header h1 {
	color: #ffffff;
	text-indent: -9999px;
}

#nav {
	position: absolute;
	width: 960px;
	height: 20px;
	bottom: 0;
	margin: 0 0 0 150px;
}

#nav ul.navigation {
	list-style: none;
    font-size: 1.8em; 
    display: inline;
}

#nav ul.navigation li {
	float: left;
    margin: 0 17px; 
    height: 15px;
}

#nav ul.navigation li.current {
	list-style-image: url(../images/nav-arrow.png);
}

#nav ul.navigation li a {
	color: #ffffff;
    text-decoration: none;
    display: block;
    width: auto;
    height: 25px;
}

#nav ul.navigation li a:hover {
	
}
/* -- ---- end header styles  ---- -- */


/* // ---- main content styles  ---- // */
#mainContent {
	position: relative;
	width: 960px;
	height: auto;
	min-height: 600px;
}

#slideshow {
	width: 960px;
	height: 280px;
	margin: 0 0 10px 0;
}

#slideshow img {
	border: none;
	width: 960px;
	height: 280px;
	margin: 0 0 0 0;
}
/* -- ---- end main content styles  ---- -- */



/* // ---- sidebar styles  ---- // */
#sidebar {
	position: relative;
	width: 310px;
	height: auto;
	background: #fbfbfb;
	border: 1px solid #cccccc ;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0 0 0 0;
}

.sidebarMenu {
	margin: 0;
	padding: 0;
	width: 310px; /*width of menu*/
}


.sidebarMenu div.catHeader a {
	background: transparent url('../images/sidebar-closedHeader.jpg') repeat-x center left;
	font-size: 1.8em;
	color: #1d5987;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height: 28px;
	padding: 8px 0 0 8px;
	text-decoration: none;
	letter-spacing: 1px;
	border: 1px solid #aed0ea;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
 

.sidebarMenu div.selected a, 
.sidebarMenu div.catHeader a:hover {
	width: auto;
	height: 28px;
	padding: 8px 0 0 8px;
	background: transparent url('../images/sidebar-openHeader.jpg') repeat-x ;
	z-index: 1;
	color: #ffffff;
	border: 1px solid #00a5e0 ;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
}

.sidebarMenu div.submenu{	
	padding: 5px;
	height: auto; 
	position: relative;
}




/*  cuurent conditions styles */
ul#sidebarList li#weather {}

.wow_container {
	position: relative;
	margin: 0;
	padding: 0;
}

.wowwxLink10 {
	padding: 0px 0px 0px 10px !important;
}


	/* dont forget the clock */
#wrapper{
	position:absolute;
	top: 100px;
	left:400px;
}


/*  Locations styles */

#locationsList ul li {
	font-size: 1.2em;
	padding: 0 13px;
	height: auto;
	margin: 0 0 4px 0;
}

#locationsList ul li h4 {
	padding:5px 0 2px 0;
}

#locationsList ul li h4 a {
	color: #1d5987;
	padding: 0 0 0 11px;
}

div.storeList {
	margin: 0 20px 0 10px;
	border-bottom: 1px solid #cccccc;
	padding: 5px;
	width: 210px;
	
}

#locationsList ul li h4.cityHeading {
	padding:25px 0 2px 0;
}

#locationsList ul li  h5 {
	font-weight: normal;
	margin: 5px 0 0 2px;
}

#locationsList ul li.storeHeading h5 {
	font-weight: normal;
	margin: 25px 0 0 2px;
}

#locationsList ul li li {
	margin: 0 0 0 10px;
}

#locationsList li a {
	color: #bf2c37;
	text-decoration: none;
}

#pageContent #map iframe {
	position: relative;
	border: 1px solid #cccccc;
	margin: 5px 0 0 5px;
	padding: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
}

#locationsList p {
	font-size: 1.1em;
	padding: 8px 0;
	letter-spacing: 1px; 
}

div.maps {
	margin: 5px 0 55px 50px;
	border: 1px solid #cccccc;
	width: 500px;
}

div.maps iframe {
	margin: 0;
}

.location {
	float: left;
	margin: 0 0 0 0;
	width: 230px;
	height: auto;
}

.description {
	float: left;
	width: 340px;
	padding: 10px 0;
	line-height: 1.2em;
}

.description img { 
    border: 1px solid #cccccc; 
}





.sidebarHeaderBackgroundClosed {
	position: relative;
	background: transparent url('../images/sidebarArrowClosed.png') no-repeat left center;
	width: 11px;
	height: 36px;
	z-index: 10;

}

.sidebarHeaderBackgroundOpen {
	position: relative;
	background: transparent url('../images/sidebarArrowOpen.png') no-repeat left center;
	width: 11px;
	height: 36px;
	z-index: 5;
}



#locationsPageList ul li {
	font-size: 1.2em;
	padding: 0 0 0 13px;
	height: auto;
	margin: 0 0 4px 0;
}

#locationsPageList ul li h4 {
	padding:5px 0 2px 0;
}

#locationsPageList ul li h4 a {
	color: #1d5987;
	padding: 0 0 0 11px;
}

#locationsPageList ul li h4.cityHeading {
	padding:25px 0 2px 0;
}

#locationsPageList ul li  h5 {
	font-weight: normal;
	margin: 0;
}

#locationsPageList ul li.storeHeading h5 {
	font-weight: normal;
	margin: 25px 0 0 2px;
}

#locationsPageList ul li li {
	margin: 0 0 0 10px;
}

#locationsPageList li a {
	color: #bf2c37;
	text-decoration: none;
}


#locationsPageList p {
	font-size: 1.1em;
	padding: 8px 0;
	margin: 5px 0 0 0;
	letter-spacing: 1px; 
}

/* Gift Cards */
#giftcards ul {
	padding-bottom: 12px;
}

li p {
	font-size: 1.2em;
	line-height: 14px;
	padding: 2px;
	margin: 0 0 5px 0;
}

#giftcards ul li a {
	color: #bf2c37;
	font-size: 1.2em;
	margin: 15px 0 0 10px;
	padding: 0 0 15px 0;
	text-decoration: none;
}


/* Contact us styles */
/*
#sidebarContactForm fieldset {
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#formContainer {
	width: 325px;
}

#sidebarContactForm label span {
	display: block;
	width: 60px;
	float: left;
	padding:5px;
	line-height:1em;
	font-weight:bold;
	font-size: 1.2em;
}

#sidebarContactForm input {
	display: block;
	width: 150px;
	margin: 0 0 8px 0;
}

#sidebarContactForm input.submitButton {
	display: block;
	width: auto;
	margin: 0 20px 8px;
}

#sidebarContactForm select {
	display: block;
	width: 150px;
}

#sidebarContactForm textarea {
	margin: 2px 0 2px 25px;
	padding: 5px
}
*/

#contactMenu {
	width: 300px;
	height: auto;
}

#contactMenu h5 {
	font-weight: normal;
	padding: 5px;
	
}

#contactMenu div.contactOption {
	width: 300px;
	margin: 20px 0 15px 0;
	padding-left: 5px;
}

#contactMenu div.contactOption h6 a {
	font-weight: normal;
	color: #bf2c37;
	text-decoration: none;
}

#contactMenu div.contactOption h6 a:hover {} 

div.curFocus {
	background: #ffefbe;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* -- ---- end sidebar styles  ---- -- */






/* // ---- pageContent styles  ---- // */
#pageContent {
	position: relative;
	width: 630px;
	height: auto;
	min-height: 450px;
	background: #fbfbfb;
	border: 1px solid #cccccc ;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	margin: 0 0 0 0;
}


#pageContent h2 {
	color: #bf2c37;
	padding: 10px;

}

#homeContent p {
	padding: 10px;
	margin: 0 0 5px 15px;
	font-size: 1.6em;
	line-height: 1.2em
}

#homeContent div.announcement {
	margin: 25px 0 0 25px;
}

#homeContent div.announcement h3 {
	color: #bf2c37;
	padding: 0 0 5px 0;
	width: 450px;
	border-bottom: 1px solid #cccccc;
}

#homeContent div.announcement div.newsContainer {
	width: 600px;
	height: auto;
	margin: 10px 0 0 0;
	
}

#homeContent div.newsContainer p {
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 1.6em;
	line-height: 1.2em;

}

#homeContent div.newsContainer img {
	border: 1px solid #cccccc;
	margin: 0 0 20px 20px;
	float: right;
	
}

#homeContent div.newsContainer2 img {
	border: 1px solid #cccccc;
	margin: 0 0 20px 20px;
	float: left;
	
}

/* // ---- Gift Cards Page Styles  ---- // */
#giftcardsContent div.contentBlock {
	width: 600px;
	height: auto;
	margin: 0 0 0 15px;
}

#giftcardsContent div.contentBlock img {
	float: right;
	margin: 0 0 5px 5px;
}

#giftcardsContent div.contentBlock p {
	font-size: 1.4em;
	line-height: 1.2em;
	padding: 5px 5px 5px 0;
	margin: 0 0 10px 0;
}

#giftcardsContent div.contentBlock a {
	color: #bf2c37;
	text-decoration: none;
}

#giftcardsContent div.contentBlock a:hover {
	color: #1d5987;
}






/* -- ---- end Gift Cards Page Styles  ---- -- */

/* // ---- Promotions Page Styles  ---- // */
#promoContent {}

#promoContent h3 {
	font-size: 2.0em;
	color: #bf2c37;
	width: 300px;
	margin: 25px 0 10px 15px;
}

#promoContent ul {
	margin: 10px 0 20px 30px;
}

#promoContent li {
	font-size: 1.4em;
	margin: 0 0 15px 0;
}

#promoContent span.specialPrice {
	color: #bf2c37;
}
/* -- ---- end Promotions Page Styles  ---- -- */





/* // ---- emplyment page styles  ---- // */
#employmentContent {}

#employmentContent h3 {
	font-size: 2.0em;
	color: #bf2c37;
	width: 300px;
	margin: 25px 0 10px 15px;
}

#employmentContent p {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0 0 25px 15px;
	padding: 10px;
	width: 580px;
	height: auto;
}

#employmentContent h4 a {
	text-decoration: none;
	color: #bf2c37;
	text-align: left;
	margin: 0 0 15px 15px;
}

#employmentContent h4 a:hover {
	color: #1d5987;
}

/* -- ---- end employment page styles  ---- -- */


/* // ---- Scholarship page styles  ---- // */
#scholarshipContent div.contentBlock {
	margin: 0 0 25px 15px;
	padding: 10px;
	width: 580px;
	height: auto;
	
}

#scholarshipContent div.pastdue h3 {
	font-size: 2.0em;
	color: #bf2c37;
	width: 540px;
	margin: 25px 0 10px 0;
}

#scholarshipContent div.pastdue p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 1.2em;
}

#scholarshipContent div.contentBlock p {
	font-size: 1.4em;
	line-height: 1.2em;
	
}

#scholarshipContent a {
	font-size: 1.4em;
	text-decoration: none;
	color: #bf2c37;
	text-align: left;
	margin: 0 0 15px 0;
}

#scholarshipContent a:hover {
	color: #1d5987;
}

#scholarshipContent div.howToApply h4 {
	color: #1d5987;
	width: 200px;
}

#scholarshipContent div.howToApply ol {
	position: relative;
	list-style: decimal;
	margin: 5px 0 5px 20px;
	font-size: 1.4em;
	line-height: 1.2em;
}

#scholarshipContent div.howToApply ol li {
	margin: 5px 0 40px 0;
}

#scholarshipContent div.howToApply ol ul {
	position: relative;
	list-style: none;
	margin: 5px 0 0 15px;
	font-size: 1em;
	
}

#scholarshipContent div.howToApply ol ul li {
	margin: 5px 0;
}

#scholarshipContent div.howToApply h5 a {
	color: #bf2c37;
	text-decoration: none;
	margin: 0 0 15px;
	width: 500px;
}

#scholarshipContent div.howToApply h4 a:hover {
	color: #1d5987;
}

#scholarshipContent div.howToApply div.scholarshipDisclaimer {
	margin: 25px 0 0 0;
}

#scholarshipContent div.howToApply div.scholarshipDisclaimer p {
	font-size: 1.2em;
	margin: 0 0 5px 0;
}

#scholarshipContent div.howToApply div.scholarshipDisclaimer ul {
	font-size: 1.2em;
	margin: 0 0 0 10px;
}

#scholarshipContent div.howToApply div.scholarshipDisclaimer li {
	margin: 0 0 3px 0;
}

/* -- ---- end Scholorship page styles  ---- -- */



/* // ---- Contact Page Styles  ---- // */
#contactPageContactForm fieldset {
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#formContainer {
	width: auto;
	margin: 0 0 0 5px;
	overflow: auto;
	float: left;
}

#contactPageContactForm {
	width: 310px;
	float: left;
}

#formContainer img {
	border: #cccccc 1px solid;
}

#contactThumbs {
	float: right;
	width: 275px;
	padding: 10px 0 10px 10px;
	margin-right: 20px;
}

#contactThumbs p {
	width: 120px;
	height: 165px;
	border: 1px solid #cccccc;
	margin: 5px;
	float: left;
	font-size: 1em;
	text-align: center;
}

#contactThumbs p.group {
	width: 255px;
	height: auto;
}

#contactThumbs p a {
	text-decoration: none;
	color: #BF2C37;
}

#contactThumbs p a img {
	border: none;
	float:left;	
	padding: 0 0 6px 0;
}

#contactThumbs a span {
	display: block;
	margin: 5px 0 0 0;
}

#contactThumbs p.group a span {
	display: block;
	text-align: left;
	padding: 0 4px 4px 4px;
}

#contactBoard {
	float: center;
	width: 575px;
	padding: 10px 0 10px 10px;
	margin-right: 20px;
}

#contactBoard p {
	width: 575px;
	height: 260px;
	border: 1px solid #cccccc;
	margin: 5px;
	float: left;
	font-size: 1em;
	text-align: center;
}

#contactBoard p.group {
	width: 575px;
	height: auto;
}

#contactBoard p a {
	text-decoration: none;
	color: #BF2C37;
}

#contactBoard p a img {
	border: none;
	float:left;	
	padding: 0 0 6px 0;
}

#contactBoard a span {
	display: block;
	margin: 5px 0 0 0;
}

#contactBoard p.group a span {
	display: block;
	text-align: left;
	padding: 0 4px 4px 4px;
}



#contactPageContactForm label span {
	display: block;
	width: 100px;
	float: left;
	padding:5px;
	line-height:1em;
	font-weight: normal;
	font-size: 1.2em;
}

#contactPageContactForm label span.comments {
	float: none;
}

#contactPageContactForm input {
	display: block;
	width: 150px;
	margin: 0 0 8px 0;
	float: left;
}

#contactPageContactForm p.submitButton input{
	display: block;
	width: auto;
	margin: 0 20px 8px;
}

#contactPageContactForm select {
	display: block;
	width: 150px;
	float: left;
}

#contactPageContactForm textarea {
	margin: 2px 0 2px 25px;
	padding: 5px;
	float: left;
}
p.submitButton {
	margin: 0 0 0 200px;
	
}
label.error { 
	width: 250px; 
	display: block; 
	float: left; 
	color: red; 
	padding: 3px 0 0 10px; 
}

div.captcha {
	margin: 0 0 10px 25px;
	padding: 10px 0;
}

.captchaLabel {
	padding: 5px 5px 0 0;
}

#contactPageContactForm input.captchaInput {
	width: 50px;
	float: left;
}

div.single-field {
	padding: 5px 0;
}

#loading{
	position:relative;
	visibility:hidden;
}
/* -- ---- end Contact Page Styles  ---- -- */


/* -- ---- end pageContent styles  ---- -- */







/* // ---- footer styles  ---- // */
#footer {
	position: relative;
	margin: 0 0 10px 0;
	width: 960px;
	height: 60px;
	border-top: 1px solid #cccccc ;
}

#footerNav {
	position: relative;
	width: 960px;
	padding: 5px 15px;
}

#footerNav ul.navigation {
	position: relative;
	list-style: none;
    font-size: 1.4em; 
    display: inline;
    width: 645px;
    height: 25px;
    margin: 0 auto;
}

#footerNav ul.navigation li {
	float: left;
    margin: 0 2px;
    padding: 0 20px; 
    height: 15px;
}

#footerNav ul.navigation li a {
	text-decoration: none;
	color: #bf2c37;
}

#copyright {
	width: 960px;
	height: 18px;
}

#copyright p {
	font-size: 1.2em;
	color: #bf2c37;
	padding: 10px;
	margin: 20px auto;
	text-align: center;
}

#copyright p a {
	text-decoration: none;
	color: #1d5987;
}

/* -- ---- end footer styles  ---- -- */





























































































/* // ---- Copyright  ---- // */
/*

Created and copyrighted 2009-2010 by Charles Rowland. 
cenexofbismarck.com was created by myself, Charles Rowland.
all work, files, code, concepts are original unless otherwise noted.

All javascript plugins, myerwebReset and other noted code are used with express persmision from their owners via free license.

*/
/* -- ---- end Copyright  ---- -- */