/* CSS Document */

body
{
	color: #004478;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
	}
	

A
{
	color: #026cb1;
	font-weight: bold;
	text-decoration:none;
}
A:hover
{
    color: #81A2C4;
    text-decoration: underline
}

.small9
{
	font-size: 9px;
	font-family:Arial;
	text-decoration: none;
		}
.smallbold10
{
    font-size: 10px;
	font-family:Arial;
	text-decoration: none
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper {
	text-align: left;
	width: 980px;
	margin: 0 auto;
	background-color: #FFFFFF;
	

}

#header, #welcome, #subnav, #footer {
	clear: both; 
	width: 100%;
}

#header {
	background-image: url(http://www.benarraba.com/images/New%20Folder/benarraba_title_1000x100.gif);
	height:100px;
	background-repeat: no-repeat;
}

#welcome
{
	background-color: #81A2C4;
	color: #035488;
    width: 980px;
	font-family: Arial;
	font-size: 12px;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	border-top: 1px solid #0F5C8E;
    border-bottom: 1px solid #0F5C8E;
}
#subnav {
	background: url(http://www.benarraba.com/images/css_images/thead_bg.gif) repeat-x;
	padding: 1px 0;
    color:
	border-bottom: #81A2C4 1px solid;
	border-top: #81A2C4 1px solid;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 2px;
	}
    
#subnav a {
    color:#fff;
    text-decoration:none;
}

#subnav a:hover {
    color:#FF9900;
    text-decoration:underline;
}


#footer {
	clear:both;
	float:left;
	background: #81A2C4;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	list-style: square;
	text-align: justify;
	text-decoration: none;
	border: #035488 1px solid;
		}


#contentfloatholder {/* right faux column tab */
background: url(sidebar.gif) repeat-y 100% 0;
float: left;
width: 100%;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
	margin: 0 175px 0 175px;
}
#center img{
margin-left: 20px;
}


#centerwrap {
  	float:left;
  	width: 100%;
	margin: 0 -95% 0 0;
}

#left {
  float:left;
  width: 170px;
  margin: 0 0 0 -5%;
}

#right {
  float:right;
  width: 170px;
	margin: 0;
}
#myTable
{
	border-bottom: #81A2C4 1px solid;
	border-left: #81A2C4 1px solid;
	border-right: #81A2C4 1px solid;
	font-size: 12px;
	list-style: square;
	text-align: left;
	letter-spacing: 1px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	text-decoration: none;
	margin-left: 10px;
	padding-left: 5px;		
		
		
}
#myTitle
{
	background-image: url(http://www.benarraba.com/images/css_images/thead_bg.gif);
	background-repeat: repeat-x;
	border-bottom: #035488 1px solid;
	border-left: #026cb1 1px solid;
	border-right: #026cb1 1px solid;
	border-top: #026cb1 1px solid;
	color: #ffffff;
	font-size: 14px;
	font-weight: bolder;
	letter-spacing: 2px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 3px;
	padding-top: 3px;
	text-align: left;
	text-indent: 5px;
	margin-left: 10px;
	padding-left: 5px;	
}
.img
{
	float: left;
	position: relative;
	margin-right: 10px;
	display:  block;
	margin-bottom: 10px;
}

.img a {
 color:#FFFFFF;
 }


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}

div h3, div p {
margin: 1em 0;
padding: 0 20px; 
}
.titlemain16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.titlesubmain14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.titlesubmain12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
.titlesubmain14red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #035488;
}
.titlesubmain16redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #035488;
	}
.titlesubmain14redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #035488;
}
.titlesubmain10red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #035488;
}
.titlesubmain12redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #035488;
}
.titlesubmain10redleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #035488;
}
.titlesubmain16blackleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #2A2F55;
	}
.titlesubmain14blackleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #2A2F55;
}

.titlesubmain12blackleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #2A2F55;
}
.titlesubmain10blackleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #2A2F55;
}