/* styles for general layout */
/* ----------------------------------------- */
/* ----------------------------------------- */

body
{
	background: #FFFFCC url('images/greentrack.gif'); /*  background for a page - color and image */
margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif; /*  font type for all pages */
	font-size: 13px; /*  font size for all pages */
	color: #009900; /*  font color for all pages */
	font-weight: normal;
	line-height: 16px; /*  line height for all pages - the make  */
text-align:center;
}


/* fonts                                      */
/* ----------------------------------------- */
/* ----------------------------------------- */


h3 {
font-family: Arial, Helvetica, sans-serif; /*  font type for h3 */
	font-size: 18px; /*  font size  */
	color: #009900; /*  font color  */
	font-weight: bold;
	line-height: 22px; /*  line height   */
text-align:left; /*  text alignment   */
}

.magenta-font {
font-family: Arial, Helvetica, sans-serif; /*  font type for magenta */
	font-size: 15px; /*  font size  */
	color: #FF0099; /*  font color  */
	font-weight: bold;
	line-height: 18px; /*  line height   */
text-align:center; /*  text alignment   */
}

.pink-right{
text-align:right;
font-weight: bold;
color:#FF0099;
}

.green-center-italic {
	text-align:center;
	font-weight: bold;
	color:#009900;
	font-style: italic;
}

/*  links   */

a:hover { /*  hover links color and decoration */
color: #0000FF; 
text-decoration: underline;
}

a:visited, a:link { /*  normal and visited links color and decoration */
#FF0000
}


/*  containers   */
/*  ------------------------------------   */

.wrapper { /*  container for all content - centered, width 750 */
margin: 0 auto;
width: 750px;
text-align:center;
}


.header{ /*  header - centered, width 750 */
text-align:center;
margin: 0 auto;
padding:10px; 
border-color:#000000; 
background: #33CC66 url('images/pinktri.gif');
width:100%;
}

.header-image{ /*  container for image in header - centered, width 750 */
text-align:center;
margin: 0 auto;
border-color:#000000; 
background: #000000;
width:750px;
padding:5px 0px;
}

.nav{ /*  container for navigation - centered, width 750 */
text-align:center;
margin: 0 auto;
padding:10px; 
padding-top:0px; 
border-color:#000000; 
background: #33CC66 url('images/pinktri.gif');
width:100%;
}

.nav-container{ /*  navigation block - centered, black background */
text-align:left;
margin: 0 auto;
background: #000000;
width:750px;
padding:5px 0px;
position:relative;

height:25px;
}

.content{ /*  container for 3 columns - centered, width 750 - contain background image as border*/
	text-align:center;
	margin: 0 auto;
	padding:10px;
	padding-top:0px;
	width:100%;
	position:relative;
	float:left;
	background: url('images/pinktri.gif');
	height: auto;
}

.content-back-center{/*  background container for center column - contain image background as border */
text-align:center;
margin:0px 0px;
width:100%
position:relative;
float:left;
background: url('images/pinktri.gif');
}

.content-back{ /*  background container for center column - contain white background */
text-align:center;
margin:0px 0px;
background: #FFFFFF;
width:750px;
position:relative;
float:left;

}

.leftcolumn{ /*  left column - width 135 px */
width:135px;
background: #FFFFFF;
position:relative;
float:left;

}

.centercolumn{ /*  center column - width 460 px */
	text-align:left;
	width:460px;
	background-color:#FFFFFF;
	position:relative;
	float:left;
	margin:0px 10px;
	_margin:0px 5px;
	height: inherit;
min-height:750px;
height:auto !important;
height:750px;
}

.centercolumn-apply { /*  center column - width 460 px */
	text-align:left;
	width:460px;
	background-color:#f8f9f0;
	position:relative;
	float:left;
	margin:0px 10px;
	_margin:0px 5px;
	height: inherit;
min-height:750px;
height:auto !important;
height:750px;
}




.rightcolumn{ /*  right column - width 135 px */
width:135px;
background-color:#FFFFFF;
padding-top:10px;
position:relative;
float:left;

}


.footer{ /*  container for a footer  */
text-align:center;
margin: 0 auto;
padding:10px; 
border-color:#000000; 
background: #33CC66 url('images/pinktri.gif');
width:100%;
}

.foot-container {
text-align:right;
margin: -2px auto;
background: #000000;
width:750px;
padding:5px 0px;
position:relative;
display:block;
color:white;
height:22px;
}

.left-small-font {
color:#FF0099;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
padding:3px;
margin-top:10px;
line-height: 13px;
}


.baners {
text-align:center;
margin-top:5px;

}

.centerred {
padding:15px;
text-align:left;
}

.centerred img {
margin-right:10px;
margin-top:6px;
margin-bottom:6px;
}






/*  menu styles --------------------------------------------- */



#painters2 {
  padding:0;
  margin:0;
  list-style-type:none; 
float:left;

  }
#painters2 li {
  width:103px; 
  height:20px; 
  float:left;
  border:1px solid #000;
  margin-left:2px;
 _margin-left:3px;

  }
#painters2 a em {
  font-style:normal; 
font-weight:bold; 
  font-size:1em; 
  line-height:1.5em;
  }
#painters2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:103px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters2 a.red {background:#b63d6e; color:#fff;} /*  background and font for the top navigation  */
#painters2 a.orange {background:#fc0; color:#000;}
#painters2 a.yellow {background:#ee0; color:#000;}
#painters2 a.green {background:#080; color:#fff;}
#painters2 a.blue {background:#00c; color:#fff;}
#painters2 a:hover {
  width:140px; 
  height:32px;
  z-index:200;
  background:transparent url(../ads/opaque.gif);
  }
#painters2 a:hover em {
  font-size:1.2em;
  line-height:1.5em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #d1d1cc;
  position:absolute; 
  width:130px; 
  height:25px;
  left:-12px; 
  top:-5px;
  }
#painters2 a:hover.red em {background:#45913d;} /*  background and font for the top navigation hover */
#painters2 a:hover.orange em {background:#fc0;}
#painters2 a:hover.yellow em {background:#ee0;}
#painters2 a:hover.green em {background:#080;}
#painters2 a:hover.blue em {background:#00c;}




#painters {
  padding:0;
  margin:0;
  list-style-type:none; 
padding-left:1px;
float:left;
width:130px;
text-align:left;
  }
#painters li {
  width:130px; 
  height:20px; 
  float:left;
  border:1px solid #fbfcf0;
  margin-right:2px;
  }
#painters a em {
  font-style:normal; 
  font-size:1em; 
  line-height:1.5em;
font-weight:bold;
  }
#painters a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:130px; 
  height:20px; 
  display:block;
  text-align:center;
  }
#painters a.red {background:#c00; color:#fff;}
#painters a.orange {background:#fc0; color:#000;}
#painters a.yellow {background:#f1f7ad; color:#1a722d;} /*  background and font for the left navigation  */
#painters a.green {background:#080; color:#fff;}
#painters a.blue {background:#00c; color:#fff;}
#painters a:hover {
  width:155px; 
  height:28px;
  z-index:200;
  background:transparent;
  }
#painters a:hover em {
  font-size:1.1em;
  line-height:1.4em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #d1d1cc;
  position:absolute; 
  width:155px; 
  height:25px;
  left:-12px; 
  top:-8px;
  }
#painters a:hover.red em {background:#c00;}
#painters a:hover.orange em {background:#fc0;}
#painters a:hover.yellow em {background:#b63d6e; color:#fff;} /*  background and font for the left navigation hover */
#painters a:hover.green em {background:#080;}
#painters a:hover.blue em {background:#00c;}