/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */


/* ======================================================================================================== */
/* ----------------------------------------------------------------------------------- STYLES FOR ALL PAGES */
/* ======================================================================================================== */

/* -------------------------------------------------- Page Wrap */
#uber{
	width:942px;
	margin:0 auto;
	background:#fff url(../images/background.gif) top left repeat-y;
	
}

/* -------------------------------------------------- Head Container */
#header {
	width: 854px;
	height: 305px;
	margin: 0px 44px;
}

/* -------------------------------------------------- Logo Bar */
#logoBar {
	width: 854px;
	height: 113px;
	background:url(../images/homeLogoBanner.jpg) top left no-repeat;
	position:relative;
}
#address {
	width:211px;
	height:55px;
	position:absolute;
	top:55px;
	left:643px;
}
#address p {
	color:#9c9e98;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	line-height:15px;
}
#address a {
	color:#9c9e98;	
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#address a:hover{
	color:#9c9e98;	
	text-decoration:underline;
}
/* -------------------------------------------------- Home Page Banner Image */
#banner {
	width:854px;
	height:157px;
	background:url(../images/home-banner.jpg);
	margin-top:1px;
}
/* -------------------------------------------------- Footer Area */
#footer {
	clear:both;
	width:876px;
	height:165px;
	background:url(../images/footer.jpg);
	margin:0px 19px;
	padding:14px 0px 0px 28px;
}
#footer ul{
	padding:0px;
}
#footer li{
	float:left;
	list-style-type:none;
}
#footer span{
	padding:0 3px;
}
#footer a{
	color:#6f6f6f;
	text-transform:uppercase;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer p{
	color:#6f6f6f;
}

/* ----- END OF ALL PAGES STYLE ----- */


/* ======================================================================================================== */
/* ------------------------------------------------------------------------------ STYLES FOR HOME PAGE ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- Content Area */
#contentHome{
	width:856px;
	height:406px;
	margin:0 44px;
	position:relative;
}
#contentHome h1{
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:18px;
	font-weight:normal;
	text-transform:none;
	padding:5px 0px 20px 0px;
	color:#1c486a;
}

/* -------------------------------------------------- About STJ Retail */
#aboutSTJhome{
	width:333px;
	height:362px;
	padding:22px 20px;
	position:relative;
	float:left;
}
#aboutSTJhome h1 a{
	text-decoration:none;
	color:#1C486A;
}


/* -------------------------------------------------- News and Events */
#newsEventsHome{
	width:227px;
	height:362px;
	padding:22px 20px;
	background:url(../images/home-newsEvents.jpg) top left no-repeat;
	position:relative;
	float:left;
	overflow:hidden;
}
#newsEventsHome p{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	background:url(../images/eventsDottedLine.gif) bottom left no-repeat;
	padding-bottom:7px;
	margin-bottom:6px;
}
#newsEventsHome h1 a{
	color:#1C486A;
}
#newsEventsHome h1 a:hover{
	text-decoration:none;
}
#newsEventsHome h2{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	padding:0px;
	color:#000000;
	font-size:11px;
	line-height:15px;
}
#newsEventsHome a{
	text-decoration:none;
	background:url(../images/newsArrow.gif) no-repeat;
	background-position:30px;
}
#newsEventsHome a:hover{
	text-decoration:underline;
}
/* -------------------------------------------------- In the Spotlight */
#inTheSpotlight{
	width:190px;
	height:362px;
	padding:22px 0 22px 20px;
	float:left;
	overflow:hidden;
}

/* ----- END OF HOME PAGE STYLE ----- */


/* ======================================================================================================== */
/* -------------------------------------------------------------------------- STYLES FOR CONTENT PAGES ONLY */
/* ======================================================================================================== */

/* -------------------------------------------------- Main Content Container */
#contentInterior{
	width:854px;
	margin:0 44px;
	position:relative;
	background:url(../images/content-background.gif) top left repeat-y;
}
#contentInteriorNoSubNav{ /* content section if no sub-navigation is needed on the page */
	width:854px;
	margin:0 44px;
	position:relative;
}
#contentInterior02{
	background:url(../images/subNavTop.gif) top left no-repeat;
}
#contentInterior h1{
	font-size:22px;
	color:#1c486a;
	padding:20px 0px 30px 0px;
}
#contentInteriorNoSubNav h1{
	font-size:22px;
	color:#1c486a;
	padding:20px 0px 30px 0px;
}
#contentInterior p{
	font-size:12px;	
}
#contentInteriorNoSubNav p{
	font-size:12px;	
}

/* -------------------------------------------------- Content on the left of SubNav */
#leftContent{
	width:603px;
	padding:20px;
	float:left;
}
#leftContentNoSubNav{ /* content section if no sub-navigation is needed on the page */
	padding:20px;
	float:left;
}

#contentBottom{
	width:854px;
	height:66px;
	clear:both;
	background:url(../images/subNavBottom.gif) bottom right no-repeat;
}

/* -------------------------------------------------- Styling for login sections */
.login{
		
}
.login p{
	padding:0px;	
}
.login td{
	padding:5px 0px;	
}
.userid{
	width:300px;	
}
.password{
	width:190px;	
}
.loginButton{/* styling for login button */
	width:90px;
	margin-left:20px;
}

/* -------------------------------------------------- Styling for White Paper Table */
.whitePaper span{
	color:#F00;	
}
.whitePaperBorder{
	width:620px;
	border:#707070 1px solid;
	background:#EFEFEF;
	padding:20px 20px 6px 20px;
	margin:0 auto;
}
.whitePaperBorder p{
	padding:0px;
}
.whitePaperText{
	text-align:right;	
}
.whitePaperText p{
	padding:0px;
	margin-right:10px;
}
.whitePaperTextInput{
	width:190px;	
}



/* ----- END OF CONTENT PAGES STYLE ----- */