﻿/*
------------------------------------------------
 General style sheet for Stephen R. Leibowitz, Inc.
 Copyright (c) 2009, Allen & Goel Marketing
------------------------------------------------
*/

/*
------------------------------------------------
 Begin Reset (Yahoo) 
------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0;
}

/*
table {
	border-collapse:collapse;
	border-spacing:0;
}
*/

fieldset,img {
	border:0;
}

address,caption,cite,code,strong,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

form {
	display:inline;
	margin: 0px;
	padding: 0px;
}

/*
------------------------------------------------
 End Reset 
------------------------------------------------
*/



/*
------------------------------------------------
 Begin HR Styles 
------------------------------------------------
*/


/* for ie */
hr {
	width:100%;
	height:1px;
	color:#c0c0c0;
	border:none;
}

/* for Gecko-based browsers */
html>body hr {
	width:100%;
	height:1px;
	background-color:#c0c0c0;
	border:none;
}

/* for Opera and Gecko-based browsers */
html>body hr {
	width:100%;
	height:1px;
	background-color:#c0c0c0;
	border:0px solid #c0c0c0;
}

/* for ie */
hr.promoDivider {
	width:100%;
	height:1px;
	color:#b1b096;
	border:none;
}

/* for Gecko-based browsers */
html>body hr.promoDivider {
	width:100%;
	height:1px;
	background-color:#b1b096;
	border:none;
}

/* for Opera and Gecko-based browsers */
html>body hr.promoDivider {
	width:100%;
	height:1px;
	background-color:#b1b096;
	border:0px solid #b1b096;
}


/*
------------------------------------------------
 END HR Styles 
------------------------------------------------
*/





/*
------------------------------------------------
 Begin Styles 
------------------------------------------------
*/



body 
{ 
margin: 0;
padding: 0;
background-color: #63adf4;

font-family: arial, sans-serif;
font-size: 90%;
line-height: 1.4em;

background-image: url('../images/bg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top left;
}


#siteContainer 
{
width: 950px;
height: auto;
margin: 0 auto;
text-align: left;
background-color: #fff;
}


#siteMapContainer 
{
width: 450px;
height: auto;
margin: 0 auto;
text-align: left;
background-color: #fff;
padding: 20px;
}

#siteMapContainer ul li
{
margin: 0 0 20px 0;
}

#siteMapContainer ul li#siteStrong
{
font-weight: bold
}

#siteMapContainer ul li a
{
color: #961b1e;
text-decoration: none;
font-weight: bold;
}

#siteMapContainer ul li a:hover
{
color: #002d62;
text-decoration: underline;
font-weight: bold;
}


a:link, a:visited, a:active  {
	color: #002d62;
	text-decoration: underline; 
}

a:hover {
	color: #002d62;
	text-decoration: none; 
}


.textError
{
color: #961b1e;
font-weight: bold;
}


.thisProcessCSS
{
font-size: .1pt;
background-color: #fff;
color: #fff;
border: 0;
}

/*
-----------------------
 Begin Top Section 
-----------------------
*/

#topContainer
{
width: 950px;
height: 163px;
}


#logoArea
{
width: 316px;
height: 163px;
float: left;
}


#photoArea
{
width: 384px;
height: 163px;
float: left;
}


#topAddyContainer
{
width: 250px;
height: 163px;
float: left;
background-color: #002d62;
color: #fff;
}

#topAddy
{
margin: 12px 0 0 20px;
font-family: arial, sans-serif;
font-size: 80%;
font-weight: bold;
line-height: 1.4em;
}


#topAddy ul li#liPadding
{
padding: 0 0 15px 0;
}


#topAddy a
{
color: #fff;
text-decoration: none;
}


#topAddy a:hover
{
color: #fff;
text-decoration: underline;
}

/*
-----------------------
 End Top Section 
-----------------------
*/








/*
-----------------------
 Begin Top Menu 
-----------------------
*/


#topMenuContainer
{
width: 950px;
height: 49px;

background-image: url('../images/top-menu-fill.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: center left;
}

#topMenu ul
{
padding: 15px 0 0 55px;
}

#topMenu ul li
{
font-family: arial, sans-serif;
font-size: 95%;
font-weight: bold;
line-height: 1.4em;
color: #961b1e;
display: inline;
padding: 0 30px 0 0;
}

#topMenu ul li a
{
color: #961b1e;
text-decoration: none;
}

#topMenu ul li a:hover
{
color: #002d62;
}

/*
-----------------------
 End Top Menu 
-----------------------
*/








/*
-----------------------
 Begin Top Column 
-----------------------
*/


#topColumnContainer
{
width: 950px;
height: 55px;

background-image: url('../images/top-columns.jpg');
background-repeat: no-repeat;
}


/*
-----------------------
 End Top Column 
-----------------------
*/










/*
-----------------------
 Begin Content Container
-----------------------
*/


#contentContainer
{
width: 950px;
height: auto;

background-image: url('../images/cols-bg.jpg');
background-repeat: repeat-y;
}


#mainContent
{
width: 550px;
height: auto;
margin: 0 0 0 200px;
}

#photoSpecs
{
float: left;
margin: 0 15px 15px 0;
}

#photoSpecsProfile
{
float: left;
margin: 0 20px 10px 0;
}

blockquote
{
padding: 15px;
background-color: #e6e6e6;
border: 1px solid #961b1e;
color: #002d62;
font-weight: bold;
font-style: italic;
margin: 0 0 15px 0;
}


blockquote.myCentered
{
padding: 15px;
background-color: #e6e6e6;
border: 1px solid #961b1e;
color: #002d62;
font-weight: bold;
font-style: italic;
margin: 0 0 15px 0;
text-align: center;
}

#mainContent h1
{
font-family: arial, sans-serif;
font-size: 130%;
font-weight: bold;
color: #961b1e;
padding: 0 0 15px 0;
}

#mainContent h2
{
font-family: arial, sans-serif;
font-size: 110%;
font-weight: bold;
color: #000;
padding: 0 0 15px 0;
}

#mainContent h2.homeCenter
{
font-family: arial, sans-serif;
font-size: 110%;
font-weight: bold;
color: #961b1e;
padding: 0 0 15px 0;
text-align: center;
}


#mainContent p
{
padding: 0 0 10px 0;
}



#mainContent p.myTextIndent
{
padding: 0 0 10px 0;
text-indent: 50px;
}

.myItalic
{

font-style: italic;
}


.myBoldItalic
{
font-weight: bold;
font-style: italic;
}


#mainContent ul
{
margin: 0 0 0 40px;
}

#mainContent ul li
{
list-style-type: square;
margin: 0 0 10px 0;
}

#mainContent ul li.lastLI
{
margin: 0 0 20px 0;
}


#mainContent p strong
{
font-weight: bold;
}

.paraStrong
{
font-weight: bold;
}

.paraEM
{
font-style: italic;
}

.paraStrongEM
{
font-weight: bold;
font-style: italic;
}

.floatLeft
{
float: left;
}

.floatLeftWidth
{
float: left;
width: 125px;
}

.floatRight
{
float: right;
}

.paraCenter
{
text-align: center;
}

/*
-----------------------
 End Content Container
-----------------------
*/




/*
--------------------------------
 Begin CSS Form Layout
--------------------------------
*/

#tableDiv 
{
width: 450px;
font-family: arial, sans-serif;
text-align: left;
margin: 0 0 0 50px;
vertical-align: middle;
}


#tableDiv input
{
border: 1px solid #666;
}

#tableDiv textarea
{
border: 1px solid #666;
}

#tableDiv radio
{
border: 1px solid #666;
}

.submitButton
{
margin: 15px 0 30px 165px;
}

.paraHeight
{
clear: all;
}


/*
--------------------------------
 End CSS Form Layout
--------------------------------
*/







/*
-----------------------
 Begin Bottom Column 
-----------------------
*/


#bottomColumnContainer
{
width: 950px;
height: 50px;

background-image: url('../images/bottom-columns.jpg');
background-repeat: no-repeat;
}


/*
-----------------------
 End Bottom Column 
-----------------------
*/








/*
-----------------------
 Begin Footer
-----------------------
*/


#footerContainer
{
width: 950px;
height: 120px;
background-color: #e7e7e7;

background-image: url('../images/footer-bg.jpg');
background-repeat: repeat-x;
background-attachment: scroll;
background-position: top left;
}

#footerMenu p
{
font-family: arial, sans-serif;
font-size: 60%;
color: #961b1e;
margin: 0 auto;
text-align: center;
padding: 13px 0 0 0;
}

#footerMenu a
{
color: #961b1e;
text-decoration: none;
}

#footerMenu a:hover
{
color: #002d62;
text-decoration: none;
}

#footerMenu ul
{
text-align: center;
padding: 5px 0 0 0;
margin: 0 0 0 25px;
}

#footerMenu ul li
{
font-family: arial, sans-serif;
font-size: 60%;
line-height: 1.4em;
color: #961b1e;
display: inline;
padding: 0 30px 0 0;
}

#footerMenu ul li a
{
color: #961b1e;
text-decoration: none;
}

#footerMenu ul li a:hover
{
color: #002d62;
}


/*
-----------------------
 End Footer
-----------------------
*/




/*
------------------------------------------------
 End Styles 
------------------------------------------------
*/
