/*Layout classes and ids
Pam Joseph - 04/29/2007*/
* {
margin: 0;
padding: 0;
/*border: none;*/
}

/*Fix IE. Hide from IE Mac \*/
/** html ul li  {float: left;  height: 1%;}
* html ul li a {  
	display: block;
	float: left;
	clear: left;
	height: 1%;
} */
* html p {
  height: 1%;
  margin-left: 0;
  }
/*these two entries will fix the uneven columns in
Internet Explorer - pmj
https://www.alistapart.com/articles/holygrail/
*/ 
/* html body {*******SJB082207******
  /*overflow: hidden; 
overflow-y: auto;
	overflow-x: auto;
}*/
/******* from home.css***********/

/* html #footercontainer {  *******SJB082207******
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #fff;         /* Same as body 
                               background 
}*/


body { 
	margin: 0;
	padding: 0;
	text-align: center; /*Layout center fix for IE 5.x */ 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 80%;
	/*these will only work in IE*/
	scrollbar-arrow-color: #ffcc00; 
	scrollbar-track-color:#ffffe8; 
	scrollbar-base-color: #990033;
}

body body {
	font-size: 1em;
}
font {
	color: inherit !important;
  	background: inherit !important;
 	font-family: inherit !important;
   	font-size: inherit !important; 
	font: inherit !important; 
}



/**********************/
/* html #footercontainer {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #fff;         /* Same as body 
                               background 
}*/


/********added from home.css************/


/*took li out of here */
p, h1, h2, h3, h4, h5, h6, td, ol, ul, dl { 
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important;
	

}



h1 {
	font-size:1.5em;
	color: #990033;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}  

h2 {
	font-size:1.4em;
	color: #000099;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}  

h3 {
	font-size:1.3em;
	color: #990033;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}  
h4 {
	font-size:1.2em;
	color: #000099;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}  
h5 {
	font-size:1.1em;
	color: #000099;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}  
hr {
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	border: 0;
	background-color: #000099;
	height: 1px;
	width:  80%;
}

/****************************************/
/* End */
div.spacer {
  font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; clear: both;
  }
 
.clear {font-size: 1px; height: 1px; }
.clearfooter { clear: both; padding-top: 10px; }
/*p, td {
	margin: 0;
	padding: 0;
	text-align: left; Layout center fix for IE 5.x  
	font-size: .8em;
}*/

img, form {
	margin: 0;
	padding: 0;
	border: none;
	display: block;
	
}

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

a{
color:#666666;
}

#pagewrapper {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	overflow:hidden;
	width:800px;
	/*height:1089px;*/
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#globalnav {
	position: relative;
	left: 0; 
	top: 0; 
	float: left;
	width: 800px;
	/*width:800px;*/
	display: block;
	clear:right;
}

#headerlogo, #headerhome, #headerapply, #headerquicklinks, #headercontactus, #headersearch{
    float:left;
	display: block;   	
}

* html #headersearchboxcontainer  {
	margin: 0 -6px; ma\rgin: 0;
	
}
#headersearchboxcontainer {
	float:left;
	background: #990033;
	width:142px;
	height:40px;
	margin: 0;
	padding: 0;
	border: none;
	display: block; 
	position: relative;  
}

* html #headersearchbox  {
	margin: 0 -4px; ma\rgin: 0;
}
#headersearchbox {
	padding: 10px 0px 0px 0px;
	position: relative;
	margin: 0;
	border: none;    	
	display: block; 
}

#headershadowrule {
	left: 0; 
	top: 0; 
	clear:both; 

}

#header2menus {
	/*height: 20px;*/
	top: 0;
	left: 0;
	float:left;
	width: 800px;
	/*clear:both;*/
	display: block; 
	line-height: 20px;
	
}

#headermenuleft {
	/*position: absolute;*/
	float:left;
	display: block;  
	top: 0;
	left: 0;
}

#headermenu1, #headermenu2, #headermenu3, #headermenu4, #headermenu5, #headermenu6, #headermenu7, #headermenu8, #headermenuright {
	float:left;
	display: block;  

}

#headermaroonrule {
	clear:both;
	display:  block;

}

#headeralert {
	clear:both;
	width: 800px;
	height: 18px;
	display: block;
	color: #FF0000;
	font-weight: bold;
	font-size: .8em;
	/*padding-left: 125px;
	padding-right: 25px;	*/	
}

#flash {
  position: absolute; /*or absolute*/
  z-index: 0;
}
/********SJB*********
#deptheaderimagecontainer {
	
	top: 0;
	left: 0;
	float:left;
	width: 800px;
	display: block; 	
}
**************************/
#headerimageframe {
background:transparent url(https://www.gpc.edu/StyleGuide/php/images/style_images/headerimgshadow800x219.gif) no-repeat scroll 0px 2px;
height:219px;
left:0px;
position:absolute;
top:100px;
width:800px;
z-index:0;
}
#deptheaderimagecontainer {
 /*  position: absolute;
   pmj changed from 97 to 100 */
   top:  100px;
   left:  0px;   /*background:url(https://www.gpc.edu/StyleGuide/php/images/style_images/headerimgshadow800x219.gif) 0px 2px no-repeat;*/
   width: 800px;
   height: 219px;
   z-index: 0;
   
} 
/*************************/
/*****sjb
#depttopsmallimage {
	float:left;
	width: 166px; 
	height: 219px; 
    
}

#depttoplargeimage {
	float:left;
	width: 634px; 
	height: 219px; 


}************************/

#depttopsmallimage {
	float:left;
	width: 166px; 
	height: 219px; 
	z-index: 3;
}
/*****home.css*****/
#depttoplargeimage {
	/*pmj added 5/22/2007 */
	position:relative;
	float:left;
	width: 634px; 
	height: 219px; 
	z-index: 3;

}

#depttoplargeimage-mac {
	/*pmj added 5/22/2007 */
	position:relative;
	float:left;
	width: 634px; 
	height: 219px; 
	z-index: 3;

}
/************************/


#deptheaderimageframe {
   position: absolute;
   top:  97px;
   left:  0px;
   background:url(https://www.gpc.edu/StyleGuide/php/images/style_images/headerimgshadow800x219.gif) 1px 2px no-repeat;
   width: 800px;
   height: 219px;
   z-index: 3;
     
} 


#depttopnav {
	clear:both;
	width: 790px;
	/*height: 24px;*/
	height: auto;
	padding-top: 5px; 
	padding-left: 5px;
	padding-right: 5px;
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;
	
	/*display: block;*/

}
/***********home.css**************/
#breadcrumbs{
	/*width: 469px;*/
	font-size: 0.75em;
	color: #003399;
	font-style: italic;
	padding-bottom: 4px;	
}
/***************/

#depttopnav ul {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}

#depttopnav li {
	/*background-image: url(maroonarrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;*/
	padding-left: 1.2em;
	padding-right: 1.2em;
	margin-top:  1.2em;
	/*padding-bottom: 1em;*/
	border-left: 1px solid #990033;
	list-style: none;
	font-size:.9em;
	font-weight: bold;
	color: #990033;
	display:  inline;
}
#depttopnav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

#contentcontainer {
	width: 800px;
	overflow: hidden;
	 padding-top: 0px; 
	clear:both;
	/*padding-bottom: -2000px; */
}
/*#contentcontainer div {
	
	padding-bottom: 200px;  
  	margin-bottom: -200px;  
	
}*/
#contentcolumn1container {
	 float:left;
	 position:relative;
	 /*width: 166px;*/
	 background-color: #FFF7E0; 
	 border-right: thin solid #CCCCCC;;
	 border-left-style:solid;
	border-left-color:  #CCCCCC;
	border-left-width: thin;
	 margin-right: 12px;
	 padding-bottom: 32000px;  
  	margin-bottom: -32010px;
	
}

#contentcolumn2container {
	float:left;
	position:relative;
	/*pmj added width 630px */
	width: 430px;
	/*width: auto;*/
	max-width: 780px;
	/*pmj changed this from padding: 3px 1em 10px 5px; to padding: 0px 0px 0px 0px; */
	padding: 0px 0px 0px 10px;
	padding-bottom: 32000px;  
  	margin-bottom: -32010px;
}
/************************/

#contentcolumn3container {
	position:relative;
	border-left-style:solid;
	border-left-color:  #CCCCCC;
	border-left-width: thin;
	border-right-style:solid;
	border-right-color:  #CCCCCC;
	border-right-width: thin;
	float:left;
	padding: 0px 0px 0px 10px;
	/*width:155px;
	width: auto;*/
	width: 160px;
	max-width: 165px;
	margin-left: 5px;
	/*clear: right;*/
	padding-bottom: 32000px;  
  	margin-bottom: -32050px;
}

/*pmj 05/07/2008 added this to even out columns 
#contentcolumn1container .column,#contentcolumn2container .column,#contentcolumn3container .column {
	padding-bottom: 2000px;  
  	margin-bottom: -2000px; 
	background-color: #FFF7E0;	
}*/


#deptrelatedlinks{
	width: 160px;
	padding: 2px 0px 30px 5px;
	background-color: #FFF7E0;	
	/*border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;
	border-right:thin solid #CCCCCC;
	border-bottom:thin solid #CCCCCC;*/
	/*font-size: .9em;
	
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;*/
	
}
#deptrightrelatedlinks{
	width: 166px;
	margin-left: -9px;
	margin-top: -6px;
	padding: 0 0 0 0;
	background-color: #FFF7E0;	
	/*border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;*/
	border-bottom-style:solid;
	border-bottom-color:  #CCCCCC;
	border-bottom-width: thin;
	font-size: .9em;
	/*
	border-bottom-color: #CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:thin;*/
	
}
#deptrightrelatedlinks ul {
list-style-type:none;
}

#deptrightrelatedlinks li {
background-image:url(/StyleGuide/php/images/style_images/maroonarrow.gif);
background-position:0pt 0.4em;
background-repeat:no-repeat;
padding-bottom:1em;
padding-left:1.2em;
}

#deptrelatedimage{
	margin-top: 0px;
	position: relative;
	width:165px;
	height:  165px;
	background-color: #FFF7E0;
	/*border-right:thin solid #CCCCCC;
	border-bottom:thin solid #CCCCCC;*/
}

#relatedimageframe {
	position: relative;
	top:  0px;
	left:  7px;
	background:url(https://www.gpc.edu/StyleGuide/php/images/style_images/relatedimageframemask.png) 0px 0px no-repeat;
	width: 150px;
	height: 164px;
	z-index: 2;
	
}
#relatedimage  {
	position: absolute;
	top:  5px;
	left: 7px;	
	width: 150px;
	height: 103px;
	z-index: 1;
	overflow:hidden;
}	
#relatedimagetext {
	position: absolute;
	top:  115px;
	left:  20px;
	width: 120px;
	height: 33px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	line-height: 0.8em;
	z-index: 2;
	text-align: center;
}


#deptcontactblock{
	height: auto;
	width:160px;
	padding: 15px 0 10px 5px;
	background-color: #FFF7E0;
	border-top:thin solid #CCCCCC;
	border-bottom:thin solid #CCCCCC;
	/*border-right:thin solid #CCCCCC;*/
	font-size:.9em;
	text-align: left;
	font-weight: bold;
	color: #003399;
}
#deptcontactblock ul {
list-style-type:none;
}

#deptcontactblock li {
background-image:url(/StyleGuide/php/images/style_images/maroonarrow.gif);
background-position:0pt 0.4em;
background-repeat:no-repeat;
padding-bottom:0em;
padding-left:1.2em;
}
#deptbreadcrumbs{
	/*width: 469px;*/
	font-size: 0.75em;
	color: #003399;
	font-style: italic;
	padding-bottom: 4px;	
}

#deptpagetitle{
	/*width: 468px;*/
	font-size: 1.5em;
	color: #990033;	
	padding-bottom: 8px;	
	padding-top: 5px;
}
/*ANY CHANGES TO SIZES - YOU MUST UPDATE THIS WIDTH */
#deptmaincontent{
	float:left;
	display:block;
	/*clear:both;*/
	/*width: 450px; */
	width: auto;
	max-width: 780px;
	height: auto;
	overflow:visible;
	padding-bottom:20px
	/*font-size: 1em;*/
	
}
#deptmaincontent table, #deptmaincontent table table {
	/*changed from inline-table to block */
	display:  block;
	
}
#deptmaincontent ul {
	list-style-type: none;
	padding: 2em;
	margin: 0; 
}
#deptmaincontent ul li font {
	list-style-type: none;
	padding: 0;
	margin: 0; 
}

#deptmaincontent ul li {
	padding-left: .5em;
	padding-right: 1.5em;
	padding-top: .4em;
	padding-bottom: .5em;
	font-size:1em;
	/*font-weight: bold;*/
	color: #333333;
}

#deptmaincontent ol li {
	margin-left: 2em;
	/*padding-top: .5em;
	padding-bottom: .5em;
	font-size:1em;
	font-weight: bold;
	color: #333333;*/
}
#depttestimonial{
	width: 146px;
	height:  503px;
	position: relative;
	/*width:165px;
	height:  165px;*/
	background-color: #FFFFFF;
	
	
}
/*
#testimonialimageframe {
	position: absolute;
	top:  0px;
	left:  0px;
	background:url('https://www.gpc.edu/StyleGuide/php/images/style_images/testimonial_frame.png') 0px 0px no-repeat;
	width: 141px;
	height: 481px;
	z-index: 1000;
	
}
*/
#testimonialimageframe {
	position: relative;
	top:  10px;
	left:  -1px;
	/*background:url(https://www.gpc.edu/StyleGuide/php/images/style_images/testimonialimgmask.gif) 0px 2px no-repeat;*/
	background:url('https://www.gpc.edu/StyleGuide/php/images/style_images/testimonial_frame.png') 0px 0px no-repeat;
	width: 160px;
	height: 500px;
	z-index: 1000;
	
}

#testimonialimage  {
	position: absolute;
	top: 10px;
	left:  11px;	
	width: 133px;
	height: 116px;
	z-index: 10;
	overflow:hidden;
}	
#testimonialimagetext {
	position: absolute;
	top:  125px;
	left:  20px;
	width: 100px;
	height: 400px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	line-height: 1em;
	z-index: 1000;
	text-align: left;
}


#footercontainer { 
	clear:both;
	height: 50px;
	border-top-style:solid;
	border-top-color:  #CCCCCC;
	border-top-width: thin;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	line-height: 0.9em;
}
/*pmj 05/07-2008 added for even columns */
* html #footercontainer {
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10010px;
  margin-bottom: -10000px;
  background: #fff;         
}
#footerleft{
	position:  relative;
	float:left;
	width:166px;
}
#footercenter{
	position:  relative;
	float:left;
	width: 476px;
	
	text-align: center;
}

#footerright{
	position:  relative;
	float:right;
	width: 141px;
}


#newsfeedcontainer{
    position: relative;
    top: 0px;
	left: 0px;
	display:block;
	clear:both;
	/*pmj changed with from 600 to 628 (2 less that content container) */
	width: 628px;
	height: 298px;
	overflow:visible;
	/*background:#FFF7E0;
	border-top:1px solid #aaa;*/
	z-index: 0;
	
}

div#newsfeedtabstext{
    position: absolute;
    top: 15px;
	left: 12px;
	display:block;
	clear:both;
	width: 375px;
	height: 245px;
	overflow:auto;
}

div#newsfeedtabstext a
{ 
left: 12px;
color:#990033;
}


#newsfeedframe {
	position: absolute;
	top:  0px;
	left:  0px;
	/*background:#FFF7E0;
	background:url("../images/style_images/newsfeedtabbg.jpg") 1px 2px no-repeat;*/
	width: 460px;
	height: 300px;
	z-index: 1000;
	
}

#newsfeedframe ul {
	margin:0;
    padding:0;
    list-style:none;
}

#newsfeedframe li {
	float:left;
    margin:0;
    padding:0;


}
#newsfeedframe a {
/*pmj added font-size here */
font-size: 1.1em;
text-decoration:none;
font-weight:bold;

}

#newsfeed{
    position: absolute;
    /*pmj changed top from 8px to 10px */
	top: 12px;
	/*pmj changeed left from 373 to 390 */
	/*pmj2 to line up news and tabs change from 380 to 360*/
	left: 360px;
	display:block;
	clear:both;
	/*pmj2 changed width from 250 to  272 for line up news that tabs */ 
	width: 272px;
	/*pmj changed height from 276 to 278 */
	height: 300px;
	overflow:hidden;
	/*pmj changed from background to background-color */
	background-color:#FFF7E0;
	z-index:0;
}

#newsfeedtop{
	/*pmj changed position from relative to absolute */
	position: absolute;
	/*top:  0px;
	left:  0px;*/
	/*pmj created new image, change width from 265 to 273 */
	width: 273px;
	height: 276px;
	/*pmj changed background to background-image and added background repeat and background position*/
	background-image:url(https://www.gpc.edu/StyleGuide/php/images/style_images/newsfeedtop_pmj.gif);
	z-index:100;
	background-repeat: no-repeat;
	background-position: top left;
}

#newsfeedtext {
	position: absolute;
	/*pmj changed top from 2px to 36px */
	top:  36px;
	/*pmj changed left from 25 to 15 */
	left:  15px;
	/*pmj changed with from 210 to 233 */
	/*pmj2 to line up tabs and news from 233 to 256 */
	width: 256px;
	/*pmj changed height from 226 to 230 */
	height: 253px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	/*pmj changed font-size from 1em to .85em */
	font-size: .85em;
	color: #000;
	text-align: left;
	overflow: auto;
	z-index:200;
}
#newsfeedtext p{
/*pmj2 commented out width, added padding-right news line up */
/*width: 180px;*/
padding-right: 20px;
}
#newsfeedtext a {
color:#990033;
text-decoration:none;
font-weight:bold;
}
/*pmj changed h3 to h2*/
/*pmj2 moved this to the newsfeedtop div, changed div des */
#newsfeedtop h2
{
/*pmj added font-size and color */
font-size: 1.1em;
color:#000000;
/*pmj changed padding-bottom to .75 */
padding-bottom: .75em;
padding-top: 0em;
text-align:center;
}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:0.65em;
 background:#FFF7E0;
 /*pmj change width from 375 to 356 */
 width:466px;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
position:absolute;
/*pmj changed top from 15 to 21 */
top:8px;
/*pmj changed left from 25 to 21 here */
left:50px;
/*padding-right: 10em;
margin-left: 1em;
  margin:0;
 
border-bottom: 1px solid #778;*/
 /*pmj commented out font, put font-size in ul a */
 /*font: bold 12px Verdana, sans-serif;*/
 height:25px;
 width:500px;
/* background:url("../images/style_images/newsfeedtabbg.jpg") -1px -5px no-repeat;
 background:#FFF7E0;*/
}

ul.tabbernav li
{
padding-left:1em;
padding-right:1em;
 list-style: none;
 margin-top: 1em;
 padding-bottom: 1em;
 display: inline;
  width:210px;
 height:20px;
/*border-bottom: 1px solid #778;*/
 
}

ul.tabbernav li a
{
 width:150px;
 /*background:url("../images/style_images/inactive.gif)-3px -1px no-repeat;*/
 text-align:left;
 margin-right:.5em;
 margin-left:.5em;
}

ul.tabbernav li a:link { color: #000; /*pmj fixed! padding: .5em 0 1em 1em;*/}
ul.tabbernav li a:visited { color: #667; /*pmj 08/10/2007 padding: .5em 1em 1em 1em;*/}

ul.tabbernav li a:hover
{
 color: #000;
/* background: #AAE;
 border-color: #227;*/
}

ul.tabbernav li.tabberactive a
{
/*pmj partially fixedtext-align:left;*/
/* background:url("../images/style_images/active.gif) -1px 1px no-repeat;*/
 width:150px;
 padding-right:2em;

 
}


ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 /*background:url("../images/style_images/active.gif)  no-repeat;*/
 
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 margin-top:0;
 /*pmj increased padding left from 15 to 20 */
 /*pmj2 commented out padding to help line up for news */
 /*padding-left:20px;*/
 padding-top:2em;
 
  
  width:460px;
 /*pmj changed background to background-color
 .tabberlive .tabbertab#tab1 to background URL to fix IE problem */
 background-color:#FFF7E0;
/* 
 border-right:1px solid #aaa;*/
 

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/*
.tabberlive .tabbertab a {
position:relative;
top:20px;
 color:#990033;
}

.tabberlive .tabbertab p {
position:relative;
top:20px;
 width:90%;
}
*/
.tabberlive  .text {
/*pmj added font-size .85em */
font-size: .85em;
position:absolute;
 top:45px;
 /*pmj changed width from 340 to 335 */
 width:435px;
 /*pmj changed height from 220px to 237 */
 height:256px;
 /*pmj2 added padding-left */
 padding-left: 20px;
 overflow:auto;
 /*background-color: none;*/
}

.tabberlive  .text  p{
 width:300px;
 padding: 0 0 .5em .7em;
 
}

.tabberlive  .text  a{
 padding-bottom:.5em;
 color:#990033;
 
}
.tabberlive  .text  b{
  color:#990033;
 
}
/* pmj Fixed! Commented these two out
Example of using an ID to set different styles for the tabs on the page */
/*.tabberlive#tab1 {*/

/*background:url("../images/style_images/activeleft.gif)  no-repeat;
}
.tabberlive#tab2 {


}*/
.tabberlive .tabbertab#tab1 {
	/*pmj changed background to background-image and background-repeat */
  background-image:url(https://www.gpc.edu/StyleGuide/php/images/style_images/depactiveleft.gif);
	height:300px;
	background-repeat: no-repeat; 
	background-position: 100% 0%; 
	 /*pmj commented this next line out */
 /* margin-left:1.5em;*/

}

.tabberlive .tabbertab#tab2 {
 height:300px;
 /*pmj changed margin-left from 1.5em to 0.15em */
 margin-left:.15em;
 /*pmj try */
 background-image:url(https://www.gpc.edu/StyleGuide/php/images/style_images/depactiveright.gif);
 background-repeat: no-repeat; 
 background-position: 10% 0%; 
}

div#tab0 {
height:286px;
width:365px;
display:block;
overflow:auto;
/*pmj changed background to background-color */
background-color:#FFF7E0;

}

div#tabimg{
display:inline;
width:600px;

}