/***
 *** zeegee.css -- styles for zeegee.com
 ***/


/*
 * the basics...
 */

body {
	background-color: #FFF;
	margin: 0;
	padding: 0;

	background-image: url(images/zg-hemisphere-back.jpg);
	background-repeat: no-repeat;
	background-position: 100% 50ex;

	}
body, th, td {
	/* Avoid Verdana, as per recommendation */
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 1em;*/
	font-size: 12px;  /* best overall for FF/IE */
	}


a	  { font-weight: bold; text-decoration: none; }
a:link    { color: #A80038; }
a:visited { color: #903; }
a:active  { color: #C05; text-decoration: underline; }
a:hover   { color: #C05; text-decoration: underline; }



/*
 * zg-body
 */
#zg-body {
     /*	margin: 0 auto; */   /* too jittery when width changes */
	margin-top: 0;
	}
@media screen {
#zg-body {
	border-collapse: collapse;
	border-top: 0;
	display: table;
	max-width: 100% !important;
	background-color: white;
	}
} /* @media screen */


/*
 * zg-top-edge -- container for top decoration
 */
#zg-top-edge {
       	width: 100%;
	max-width: 100% !important;
	margin: 0;
	padding: 0;
	border: 0;
	height: 20px;   /* for graphics, so px is ok */
	background-color: #A80038;
	background-image: url(/images/zg-top-accent-bg.png);
	background-repeat: repeat-x;
	}
#zg-top-edge-graphic {
	width: 100%;
	height: 100%;
	background-image: url(/images/zg-top-accent-fg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}


/*
 * zg-main-row -- container for page content
 */
#zg-main-row {
	display: table-row;
	margin: 0;
	padding: 0;
	border: 0;
	}

/*
 * zg-left -- left column of #zg-main-row
 */
#zg-left {
	display: table-cell;
	vertical-align: top;
	width: 128px;         /* px because it must match the logo width */
	padding-top: 10px;    /* px because it's driven by logo aesthetics */
	padding-left: 20px;   /* px because it's driven by logo aesthetics */
	padding-right: 20px;  /* px because it's driven by logo aesthetics */
	overflow: hidden;
	}

/*
 * zg-right -- right column of #zg-main-row
 */
#zg-right {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;    /* px because it's synched to #zg-left */
	padding-right: 4em;
	width: 42em;
	}

/*
 * zg-logo -- container for logo at top of #zg-left
 */
#zg-logo {
	/* nada */
	text-align: center;
	}

/* Get rid of the dotted border in this case */
#zg-logo a:active {
    	outline: none;
	}
#zg-logo a:focus {
	-moz-outline-style: none;
    	}


/*
 * zg-ogol -- container for logo "reflection" at bottom of #zg-left
 */
#zg-ogol {
	width: 128px;       /* px because it's driven by background graphic */
	height: 479px;      /* px because it's driven by background graphic */
	padding-top: 15px;  /* px because it's driven by background graphic */
     /* background-image: url(images/zg-menu-back.jpg); */
	background-position: 0 0;
	background-repeat: no-repeat;
	text-align: right;
	}
#zg-ogol .zg-menu-group {
	padding-left: 25px;
	padding-right: 20px;
	margin-bottom: 4ex;
	}
#zg-ogol a {
	padding: 0.5ex 5px 0.5ex 0;
	display: block;
        font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #fff;
	}
#zg-ogol a:link    { color: #7F7F7F; }
#zg-ogol a:visited { color: #7F7F7F; }
#zg-ogol a:active  { color: #A80038; }
#zg-ogol a:hover   { color: #000;
	 	     text-decoration: none;
	 	     background-color: #F0F0F0;
		     border: 1px solid #E0E0E0;
		    }


/*
 * zg-titles -- container for path+titles at top of #zg-right
 */
#zg-titles {
	padding: 0;
	margin: 0;
	display: table-cell;
	height: 66px;          /* px because must be in synch with logo top */
	vertical-align: bottom;
	_position: relative;   /* needed for #zg-titles-inner */
	}
#zg-titles-inner {  /* needed to make IE do valign bottom properly */
	padding: 0;
	margin: 0;
	_position: absolute;
	_bottom: 0;
	}
#zg-path {
	padding: 0;
	margin: 0;
	display: block;
	color: #999;
	vertical-align: bottom;
	font-size: 0.88em;
	}
#zg-path a {
	padding-right: 0.5em;
	}
#zg-path span.zg-hsep {
	padding-right: 0.5em;
	}
#zg-title {
        font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	padding: 0;
	margin: 0;
	}


/*
 * zg-toprule -- horizontal line in middle of #zg-right
 */
#zg-toprule {
	padding: 0;
	margin: 0;
	}


/*
 * zg-text -- right-hand-side's content (below titles and toprule)
 */
#zg-text {
	margin-top: 1ex;
	margin-right: 0;     /* try making it 2em if too narrow */
	padding-bottom: 3ex; /* breathing room for page bottom */
	font-size: 1em;      /* must keep here for line-height to work */
	line-height: 130%;
	}


/*
 * zg-text a -- Wikipedia-style anchors (need pairs)
 */

#zg-text a.zg-ext
	{
	background-image: url(images/link-external.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 10px;    /* px because driven by background image */
	}
#zg-text a[href ^="http://"] ,
#zg-text a[href ^="https://"] ,
#zg-text a[href ^="ftp://"] {
	background-image: url(images/link-external.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 10px;    /* px because driven by background image */
	}

#zg-text a.zg-mailto {
	background-image: url(images/link-mailto.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;    /* px because driven by background image */
	}
#zg-text a[href ^="mailto:"] {
	background-image: url(images/link-mailto.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;    /* px because driven by background image */
	}

#zg-text a.zg-pdf,
#zg-text a.zg-img {
	background-image: url(images/link-media.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 13px;    /* px because driven by background image */
	}

#zg-text a.zg-plain {		/* need this for anchored images */
	background: none;
	padding-right: 0;
	}

/*
 * zg-text blocks -- set default margins
 */
#zg-text p,
#zg-text ul,
#zg-text ol,
#zg-text dl,
#zg-text table {
	margin-bottom: 2ex;
	}

/*
 * zg-text-col -- main text, in a narrow column for legibility
 */
#zg-text div.zg-text-col {
	_width: 40em;        /* IE doesn't grok max-width yet */
	max-width: 40em;
	}


/*
 * zg-bullets
 */
ul.zg-bullets {
	padding-left: 2em;
	list-style-image: url(images/zg-bullet-sq.gif);
	margin-left: 1.25em;
	}
ul.zg-bullets li {
	margin-bottom: 2ex;
	}

/*
 * zg-bullets-toplevel -- add class to zg-bullets if top level
 */
ul.zg-bullets-toplevel {
	margin-left: 0em;
	padding-left: 1.25em;
	}

/*
 * zg-bullets-compact -- add class to zg-bullets to make vertically compact
 */
ul.zg-bullets-compact li {
	margin-bottom: 0.5ex;
	}


/*
 * zg-nobullets
 */
ul.zg-nobullets {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}
ul.zg-nobullets li {
	margin-bottom: 2ex;
	}


/*
 * zg-compact-list
 */
ul.zg-compact-list {
	margin-left: 2em;
	}
ul.zg-compact-list li {
	margin-bottom: 1ex;
	}


/*
 * zg-course-preview
 */
div.zg-course-preview {
	text-align: center;
	margin-top: 2ex;
	}

/*
 * zg-course-link
 */
div.zg-course-link {
	text-align: left;
	margin-top: 0;
	}

/*
 * zg-illustration
 *
 * Because IE doesn't grok max-width for zg-text-col, we have
 * to float illustrations from INSIDE the text column, or it'll
 * try to put them side-by-side and fail in an ugly way.  Sigh.
 */
div.zg-illustration {
	float: right;
	margin: 0ex 0em 3ex 1em;
	padding: 5px;         /* px because driven by graphics */
	text-align: center;
	width: 250px;         /* px because driven by graphics */

	/* Shove illustration out (clean in FF, but IE cuts it off): */
	margin-right: -4em; _margin-right: 0;
	}
div.zg-illustration img {
	padding: 0;
	margin: 0;
	border: 1px solid #999
	}
div.zg-illustration div.zg-caption {
	font-size: 0.88em;
	padding-top: 1ex;
	}



/*
 * zg-courseinfo
 */
table.zg-courseinfo {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	border-top: 0;
	}
table.zg-courseinfo tr {
	}
table.zg-courseinfo th {
	width: 5em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding-top: 0.5ex;
	padding-bottom: 1ex;
	padding-right: 2em;
	}
table.zg-courseinfo td {
	text-align: left;
	vertical-align: top;
	padding-top: 0.5ex;
	padding-bottom: 1ex;
	margin-bottom: 0;
	}
table.zg-courseinfo td ul {
	margin-top: 0;
	margin-left: 0;
	_margin-left: 0.5ex;  /* IE rendering bug vuts off bullet */
	padding: 0 0 0 1em;
	}


/*
 * zg-products -- table of products we offer
 */
table.zg-products {
	_width: 100%;   /* needed for IE or it gets too wide */
	border-collapse: collapse;
	clear: both;
	border-bottom: 3px solid #EEE;
	}
table.zg-products tr {
	border-top: 1px solid #EEE;
	}
table.zg-products tr:hover {
	background-color: #EEE;
	}
table.zg-products th {
	border-top: 1px solid #DDD;
	width: 10em;
	font-weight: bold;
	text-align: left;
	text-wrap: suppress;
	vertical-align: top;
	padding: 0.5ex 2em 1ex 0em;
	}
table.zg-products th a {
	display: block;
	width: 100%;
	height: 100%;
 }
table.zg-products td {
	border-top: 1px solid #DDD;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
	padding: 0.5ex 2em 1ex 0em;
	}



/*
 * zg-courseplug
 */
p.zg-course-plug {
	}

/*
 * zg-nb -- Nota Bene
 */
span.zg-nb {
	color: #666;
	font-style: italic;
	}

/*
 * zg-majorpoint -- not really a section head
 */
strong.zg-majorpoint {
        font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
	font-size: 1.44em;
	line-height: 105%;
  	font-weight: normal;
  	padding-bottom: 1ex;
  	}


/*
 * Make printouts look nice.
 */
@media print {

  html, body {
       background: none;
  }

  body, th, td {
       font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
       font-size: 10pt;   /* ok, because it's for the printer */
  }

  h1, h2, h3, h4, h5, h6 {
       font-family: "Gill Sans MT", "Gill Sans", Arial, Helvetica, sans-serif;
  }

  #zg-footer {
	display: none;
  }

  #zg-ogol {
	display: none;
  }

  #zg-path {
	display: none;
  }

  ul.zg-bullets {
  }

} /* @media print */



/*
 * zg-job
 */

dl.zg-job dt {
	      float: left;
	      clear: left;
	      width: 120px;   /* x */
	      text-align: right;
	      font-weight: bold;
	      }

dl.zg-job dt:after {
	      content: ":";
	      }

dl.zg-job dd {
	      margin: 0 0 0 130px;  /* x + 10 */
	      padding: 0 0 0.5em 0;
	       }

dl.zg-job dd > ul {
	      margin-top: 0;
	      padding-top: 0;
	      padding-left: 15px;
	      }

dl.zg-job dd > ul ul {
	      margin-top: 0;
	      padding-top: 1ex;
	      margin-bottom: 0;
	      padding-bottom: 0;
	      }

dl.zg-job hr {
	      margin-left: 120px;
	      color: #999;
	      background-color: #999;
	      margin-top: 2ex;
	      margin-bottom: 3ex;
	      }

dt.zg-jobapply {
	       background-color: #FFFFCC;
	       border: 1px solid #EEEEBB;
	       }

/*** end of file ***/