/* CSS Document */

/* Redefine HTML tags */

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/background.gif) 0 0 repeat;
	color: #fff;
}
p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	padding: 0;
}
ul, ol {
	margin-left: 20px; /* browser default is 40px */
}
table {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 15px ;
}
td {
	vertical-align: top;
}
img {
	margin: 0;
	padding: 0;
}

/* Standard Classes */

.clear {
	clear: both;
	padding: 0;
	margin: 0;
	height: 1px;
	font-size: 1px;
	background-color: #FFFFFF;
}
.older {
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-size: 12px;
	width: 760px;
}
.arrow {
	color: #c00;
}
/* Container */

#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	color: #333;
}

/* Container for expdanding menue */

#containerul, #containerul ul{
  text-align:left;
  margin:0;				/* Removes browser default margins applied to the lists. */
  padding:0;				/* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px;			/* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0;				/* Removes browser default padding applied to the list items. */
  list-style-type:none;       /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .clicker{			/* Various styles to position the clickable symbols next to the items in the menu. */
  display:block;
  padding-left:12px;
  background-position:0 50%;
  background-repeat:no-repeat;
}

#containerul .symbols{			/* Various styles to position the non-clickable symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

/* Banner
----------------------------------------------------------------------------------- */

#banner {
	width: 960px;
	background: #fff;
	height: 49px;
	margin: 0;
	border-bottom: #ccc solid 1px;
}
#banner a, #pitt-links a {
	text-indent: -4000px;
	display: block;
	text-decoration: none;
	float: left;
}
#banner a#pittLogo {
	background: url(../images/pitt-mark.jpg) top left no-repeat;
	width: 271px;
	height: 49px;
}
ul#pitt-links  {
	position: absolute;
	top: 20px;
	right: 8px;
	list-style: none;
	width: 194px; /* total width of banner list items */
}
ul#pitt-links li {
	float: left;
	display: block;
}
#pitt-home {	 
	background: url(../images/pitt-home.gif) top left no-repeat;
	width: 53px;
	height: 17px;
}
#find-people { 
	background: url(../images/find-people.gif) top left no-repeat;
	width: 66px;
	height: 17px;
}
#sis { 
	background: url(../images/ischool-home.gif) left top no-repeat;
	width: 75px;
	height: 17px;
}


/* SUB PAGE */

#contentContainer {
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 35px;
	padding-left: 0;
}

#sitename {
	 WIDTH: 100%;
}
#sitename .title {
	PADDING-LEFT: 55px
}
#sitename .logo {
	PADDING-LEFT: 16px
}
#sitename h1 {
	margin-bottom: 18px;
	font-size: 18px;
	color: #111155;
	padding-left: 27px;
}


/* Col1 --------------------------------------- */

#col1 {
	border: none;
	float: left;
	padding: 0 0 40px 40px;
 	width: 137px; /* For IE5/win, which includes padding and borders */
 	voice-family: "\"}\""; 
 	voice-family:inherit; 
 	width: 110px; /* other browsers */
 }

html>body #col1 { width: 210px; } /* just to make sure */

#col1 h1 {
	margin-bottom: 14px;
	font-size: 14px;
	color: #111155;
}
#col1 H3 {
	FONT-SIZE: 12px; MARGIN: 0px;
}
#col1 ul {
	LIST-STYLE-TYPE: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#col1 li {
	margin-bottom: 8px;
}
#col1 li a {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
#col1 li ul {
	padding: 0;
	list-style: none;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}
#col1 li li {
	display: list-item;
	background: none;
	padding: 0;
	margin: 0;
}
#col1 li li a {
	font-size: 11px;
	color: #333;
	background: none;
	padding: 0 1px 0 0;
	line-height: 16px;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
}
#col1 a:link,
#col1 a:visited {
	text-decoration: none;
}
#col1 a:hover {
	color: #CC0000;
}

#col1 a.chosen {
	color: #CC0000;
}

#col1 .mypitt a:link,
#col1 .mypitt a:visited {
	color: #0066ff;
	font-size: 10px; font-weight:normal; 
	text-decoration: none;
}
#col1 .mypitt a:hover {
	color: #CC0000;
	background-image: url(../images/arrows.gif);
	background-repeat: no-repeat;
	background-position: right center;
   padding-right: 10px; 
}

/* Content ------------------------------------ */

#content {
	border-left: 1px solid #CCC;
	float: left;
	width: 600px;
}
#content .callout {
	BORDER-RIGHT: #663333 1px solid;
	BORDER-TOP: #663333 1px solid;
	BORDER-LEFT: #663333 1px solid;
	BORDER-BOTTOM: #663333 1px solid;
	BACKGROUND-COLOR: #efefef;
	padding: 1em;
	margin-bottom: 15px;
	margin-left: 15px;
}
#content h1, #content h2, #content h3, #content h4, #content ul, #content ol, #content p {
	padding: 0 0 0 14px; 
}
/*#content h1 {
	margin-bottom: 7px;
	font-size: 14px;
	color: #CC0000;
}*/
#content H1 {
	FONT-SIZE: 16px; MARGIN-BOTTOM: 17px; COLOR: #000033
}
#content H1 .sectionName {
	BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 6px; COLOR: #cc0000;
}
#content H1 .sectionName A:link {
	COLOR: #cc0000
}
#content H1 .sectionName A:visited {
	COLOR: #cc0000
}
#content H1 .sectionName A:hover {
	COLOR: #0066ff
}
#content h2 {
	font-size: 14px;
	border-top: 1px solid #CCC;
	padding-top: 14px;
	margin: 0 0 12px 0;
	clear: both;
}
#content h2 a:link,
#content h2 a:visited {
	color: #111155;
	background-image:   url("../images/arrows-link2.gif");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 28px;
}
#content h2 a:hover {
	color: #0066ff;
	background-image:   url("../images/arrows-link3.gif");
}
#content h3 {
	font-size: 12px;
	color: #FF0000;
	margin: 0 0 6px 0;
	clear: both;
}
#content h4 {
	font-size: 12px;
	margin: 0 0 6px 0;
}
#content a:link, 
#content a:visited {
	color: #0066FF;
	text-decoration: none;
}
#content a:hover {
	color: #CC0000;
}
#content b a:link,
#content b a:visited {
	color: #111155;
	font-size: 12px;
}
#content b a:hover {
	color: #CC0000;
}
#content ul { 
	list-style-type: disc;
}
#content li {
	margin-bottom: 4px;
}
#content img {
	margin: 0;
	padding: 0 4px;
}


/* Col3 --------------------------------------- */

#col3 {
	float: right;
	padding: 0 18px 0 20px;
	font-size: 10px;
	color: #666633;
	width: 185px; /* For IE5/win, which includes padding and borders */
 	voice-family: "\"}\""; 
 	voice-family:inherit; 
 	width: 145px; /* other browsers */
 }

html>body #col3 { width: 145px; } /* just to make sure */	

#col3 h3 {
	font-size: 11px;
	color: #333300;
	margin-bottom: 6px;
}
#col3 h4 {
	font-size: 10px;
	color: #666633;
	margin-bottom: 4px;
}
#col3 ul {
	margin-left: 0;
}
#col3 li {
	list-style-type: none;
	margin-bottom: 4px;
}
#col3 a:link,
#col3 a:visited {
	color: #666633;
	text-decoration: none;
}
#col3 a:hover {
	color: #CC0000;
}
/* Gold box */
#col3 .box2 {
	MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; COLOR: #6666cc; BACKGROUND-COLOR: #ccccff
}
#col3 .box2 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 1px; COLOR: #666633; PADDING-TOP: 10px; BACKGROUND-COLOR: #cccc99
}
/* Light gold box */
#col3 .box3 {
	MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; COLOR: #6666cc; BACKGROUND-COLOR: #f5f5eb
}
#col3 .box3 {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #666633; PADDING-TOP: 10px; BACKGROUND-COLOR: #f5f5eb
}
#col3 .box3 a:link, 
#col3 .box3 a:visited {
	color: #0066FF;
	text-decoration: none;
}
#col3 .box3 a:hover {
	color: #CC0000;
}

/* Footer */

#footer {
	width: 960px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-size: 12px;
}

#footer a {
	color: #cc0;
	text-decoration: none;
}
#footer-right {
	float: right;
	width: auto;
	padding-right: 7px;
	text-align: right; 
}
#footer-left {
 padding-left: 20px;
 margin-top: 5px; 
}

/* Go to top */

#gototop {
	position: absolute;
	bottom: 23px; /* adust accordingly */
	left: 920px;
}
#gototop a:link,
#gototop a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
#gototop a:hover {
	color: #333333;
	text-decoration: underline;
}