BODY
{
	/*BACKGROUND-COLOR: rgb(192,44,48); */
	/*background: url("/officeConcepts/static/images/tacksB.jpg") repeat; */
	background-color: #C0C0C0;

    COLOR: #333366;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-left: 155px; 
	margin-right: 155px;
	font-size:10px;
}
H1
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
H2
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize;

}
H3
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}

H4
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}

H5
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
H6
{
    COLOR: #000;
    FONT-FAMILY: 'Times New Roman';
    TEXT-TRANSFORM: capitalize
}
TH {
 color: #6060cc
}


.center {
	text-align: center;
	/*background-color: #99CCFF; This is for the menu navbar */
}

a { 
	color:navy;
	text-decoration: none;
}
.menu {
  text-align: center;
  width: 100%;
  display:table;
  padding:0;
  margin:0;
  font-family: arial, helvetica, sans-serif;
  white-space:nowrap;
  list-style-type:none;
  background-color: rgb(44,120,205); 
  /*border-top-width: 820px;*/
  color: white;
  /*border-top-style:outset;
  border-top-color: #CCCCCC; */

  }
* html .menu {
  display:inline-block;    /* for IE only */
  width:1px;               /* IE will expand 1px width to fit menu width */
  padding:0 2px;  
         /* fix bug in IE to get border spacing correct */
  }  
.menu li {
  display:table-cell;      /* ignored by IE */
  }
* html .menu li {
  display:inline;          /* for IE only */
  }
.menu a {
  display:block;
  padding:0.2em 1em;  
  background-color: rgb(44,120,205); 
  border-left:  1px solid rgb(44,120,205); 
  border-right:  1px solid rgb(44,120,205); 
  color:white; 
  text-decoration:none;
  font-weight: bold;
  
  }
* html .menu a {
  display:inline-block;    /* for IE only */ 
  margin:0 -2px;           /* to correct an IE bug that doubles the border width */  
  }
.menu a:hover {
  color:#fff; 
  background-color: rgb(192,44,48); 
  /*background:#3399FF; */
  }

.spacer {
	height: 100px;
}

.header {
	position: relative;
   /*
	width:100%;
    height:97px; */

	width: 950px;
	height: 340px;
    left:0px;
    top: 0px;

	border-left-width: 2px;
	border-right-width: 2px;
/*	border-top-width: 2px;
    border-right-style: ridge;
	border-right-color: white;*/
/*    border-top-style: ridge;
	border-top-color: rgb(44,120,205); 
    border-left-style: ridge;
	border-left-color: white; */

	background-image: url("/officeConcepts/static/images/1.JPG");
	background-repeat: no-repeat;
	background-color: white;

}

.columns
{
	margin-left: 207px;
	padding:10px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.column1
{
	height: 820px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    top: 130px;
	left: 0px;
}

.columnsForIndex
{
	margin-left: 255px;
	padding: 10px;
	background-color: white;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.leftSideIndex
{
    top: 339px;
	left: 0px;
	position: absolute;
    width:250px;
	border-right: 1px solid rgb(44,120,205); 
	background-color:white; 	 
	height:820px;
	padding-top: 10px; 
	padding-left: 5px;
	padding-right: 5px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

.imageDiv
{
	float: right;
	/*background-color: rgb(192,44,48); */
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10px;
}

.side1
{
	margin-top: 0px;
	left: 0px; 
	top: 130px; 
	position: absolute; 
    width:200px;
	border-right: 1px solid rgb(44,120,205); 
	background-color:white; 	 
	height:820px;
	padding-top: 10px;  
	padding-left: 5px;
	padding-right: 5px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.columnHeader
{
	/*border: 1px inset; */
	background-color: red;
	width:175px;
	top:0px;
	left: 0px;
	text-align: center; 
	font-size: 13px;
	color: #ffc;
	
}
.columnHeader a:hover
{
  background-color:white; 
  color:red; 
  text-decoration:none;
  width:175px;
  top:0px;
  left:0px;

  
}
	
.side2 
{
	/*position:absolute; */
    width:150px;
    top: 0px;
    left: 670px;
    /*background-color: #3399FF; */
	/*border-left: 1px solid #ccc;  */
	padding: 4px;

}
p {
	padding: 4px;
}
.content
{
	/*position: absolute; */
/*	margin-top: 0px;
	left: 0px; */
	top: 130px; 
	height: 820px;
	padding-top: 20px;  
	padding-left: 5px;
	padding-right: 5px; 
}

.entirePage
{
	margin: 20px;
	
	
}

.columnX
{
background-color: green;

    /*width: 485px;*/
/*    top: 0px;*/
    /*left: 210px;*/
/*	border-color: rgb(44,120,205); */
    /*border-right: 1px solid ;	 */
}
.column2
{
	position: relative;
	width: 100px;
	top: 0px;
	left: 390px;
	border: 1px solid;
}

	
hr {
	margin-left: 5px;
	margin-right: 5px;
}

.footer a {
	color: black;
	text-decoration: none;
}
.footer
{
    width: 852px;
	height: 20px;
	background-color: #3435FF;
	/*background-image: url("/officeConcepts/static/images/Footer2.JPG");*/
	/*background-repeat: no-repeat; */
	/*border:thin;
	border-color: rgb(8,10,255);
	border-style:solid; */
	font-family: serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #C0C0C0;

}
hr,h3 {
	margin-top: 0px;
	padding-top: 0px;

}
.breadCrumbs{
	color:black;
	font-size: 12px;
	font-weight: bold;
}

.footer2
{
	position: relative;
    width: 820px;
    clear: both;
	margin-top: 100px;
	background-color: #3399FF;
	height: 15px;
	color: white;
	font-style: italic;
}
.wrapper {

	position:relative;
    margin-left:auto;
    margin-right:auto;
   	top: 20px;
    width:820px;

	/*border-color: navy;
	border: 1px solid; */
	background-color: white;
}

.catalog
{
	margin-right: 10px;
	font-size: 10px;
}

.catalogJsp
{
/*position: relative; */
	margin-left: 630px;
	font-size: 10px;
	top: 100px; 

}

.catalog a
{
	
}

.topNavBar{ 
	padding: 0px;
	margin:0px;
	position: relative;
    width:100%;
    left:0px;
    /*top: 95px; */
	font-size: 12px;
	text-decoration:none;
	/*border:0px; */
	background-color: rgb(44,120,205);  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /*border-top-width: 2px;*/
   
/*	border-top: 2.5px solid rgb(44,120,205); */
/*	border-right-style: ridge;
	border-right-color: #ffd; 
	border-left-style: ridge;
	border-left-color: #ffd;  */
}

.topNavBarTan{ 
	padding: 0px;
	margin:0px;
	position: relative;
    width:100%;
    left:0px;
	font-size: 12px;
	text-decoration:none;
	background-color: #d5d0ba;  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


.header2
{
	/*position: absolute; */
	/*margin-top: 25px; */
	margin-left: 55px;
    font-size: 20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}
.header3
{
	/*position: absolute; */
	/* margin-top: 50px; */
	margin-left: 55px;
    font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
}


.skuColumn1
{
	left: 20px;
	position: absolute;
	top:130px;
    width:275px;
	background-color: white;
	margin-top:20px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.skuColumn2
{
/*	position:relative; */
/*	width: 100px;  */

	margin-left: 295px;
	background-color: white; 
	margin-top:20px;
	margin-right: 20px;
	font-size: 15px;
	color: navy;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.skuColumn4
{
	font-family: verdana;
	font-size: 12px;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.skuColumn3
{
	position:relative;
/*    width: 100%; */
	text-align:center;
	margin-top:175px; 
	background-color:white; 
	height:300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

}

.emailColumn1
{
	left: 65px;
	position: absolute;
    width:325px;
	background-color: white;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}

.emailColumn2
{
/*	position:relative; */
/*	width: 100px;  */

	margin-left: 405px;
	padding-left:10px;
	background-color: white; 
/*	margin-top:20px; */
	margin-right: 20px;
	font-size: 15px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: graytext;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.emailColumn3
{
	font-family: verdana;
	font-size: 12px;
	color: black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.emailColumn4
{
	margin:0px;
/*	position: relative; */
    /*width: 100%; */
	text-align: center;
	/*margin-top: 65px; */
	background-color: white; 
	height:300px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.subHeaders
{	
	padding:0.2em 0.2em; 
	background-color: #d5d0ba; 
	color: rgb(192,44,48);
	display: block;
	font-weight: bold;
	font-size: 14px;
	width: 175px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	
}
.subSubHeaders
{
	padding:0.5em 0.5em; 
	background-color: #d5d0ba; 
	color: navy;
	display: block;
	font-weight: bold;
	font-size: 12px;
	width: 240px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.subBackSubHeaders
{
	padding:0.5em 0.5em; 
	background-color: #d5d0ba; 
	color: rgb(192,44,48);
	display: block;
	font-weight: bold;
	font-size: 12px;
	width: 175px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.subBackSubHeaders a{
	color: rgb(192,44,48);
}

.centerLarge
{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.centerMidSize
{
	text-align:center;
	font-size:12px;

}

.centerLargerSize
{
	text-align:center;
	font-size:16px;

}
.leftMidSize
{
	text-align:left;
	font-size:12px;
	margin-left: 20px;
	margin-top: 15px;

}

.greaterLeftMidSize
{
	text-align:left;
	font-size:12px;
	margin-left: 40px;
	margin-top: 15px;

}

.italicText
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;
	color: navy;
	text-align: center;
}
.italicTextNotCentered
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 10px;
	color: navy;
	margin-left: 40px;
	font-size: 12px;
	font-style: italic;
}


.horizontalColTop
{
	left: 20px;
/*	position: relative;  */
    width:100%;
	background-color: white;
	margin-top:20px; 
	font-family: Verdana, Geneva, Arial, Helvetica;
	height:150px;
}
	
.horizontalColBot
{
/*	position: relative; */ 
/*    width: 100%;  */
	text-align: center;
/*	margin-top: 175px;
	background-color: white; */ 
	height:300px;
	font-family: Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
}
.emailTop
{
	left: 50px;
/*	position: relative;  */
    width:100%;
	background-color: white;
	margin-top:20px; 
	font-family: Verdana, Geneva, Arial, Helvetica;
	height:75%;
	font-size:10px;
}
.emailBottom
{
	text-align: center;
	height:300px;
	font-family: Verdana, Geneva, Arial, Helvetica;
	font-size: 10px;
	background-color: white;

}


.smallRule
{
	width: 60%;
	text-align:center;
}

.inputForm
{
/*	width: 100%; */
/*	text-align:center; 
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: gray; */ 
	padding:5px;
	margin-left: 30px;
	margin-right: 20px;
	font-size: 10px;
	font-family: verdana;
	font-weight: bold;
	background-color: graytext;
	
}
.inputForm2
{
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: gray;
	width: 75%;
}

.emailWrapper {
    position:relative; 
    margin-left:auto;
    margin-right:auto;

/*	margin-left: 10px;
	margin-right: 0px; */ 
/*   	top: 20px; */
    /*width:575px;*/
	/*border-color: navy;
	border: 1px  solid; */
	background-color: rgb(192,44,48);
	width: 700px;
}

.showListColBottom
{
	/*left: 20px; */
	position: relative;  
    border-top-style: solid;
	border-top-width: 5px;
	border-top-color: gray;
	width:575px;
	margin-top:12px; 
	margin-left:30px;
	margin-right:20px;
	font-family: Verdana;
	font-weight: bold;
	/*text-align: center; */
}
.showListColBotLeft
{
	position: absolute; 
	margin-top:175px; 	
	width: 275px;
	background-color: green;
}
.showListColBotRight
{
	margin-left: 290px;
	background-color: blue; 
/*	margin-top:175px;  */
/*	margin-right: 20px; */
	font-size: 12px;
	color: navy;
	font-family: Verdana, Geneva, Arial, Helvetic
}

.topNavBarTabs{ 
	padding: 0px;
	margin:0px;
	/*position: relative; */
    width:100%;
    left:0px;
    /*top: 95px; */
	font-size: 12px;
	text-decoration:none;
	/*border:0px; */
	/*background-color: rgb(44,120,205); */  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   /*border-top-width: 2px;*/
   
/*	border-top: 2.5px solid rgb(44,120,205); */
/*	border-right-style: ridge;
	border-right-color: #ffd; 
	border-left-style: ridge;
	border-left-color: #ffd;  */
}

.printingTableHead
{
	font-size: 10px;
	font-weight: bold;
	
}