﻿/*BODY*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #cccccc;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 5%;
}


/*MAIN TABLE*/
#mainTable {
	border: 1px solid #000000;
	line-height: 1.5em;
	background-color: #000000;
	width: 95%;
 }
 
#mainTable td {
 	/*padding: 20px;Pads each table cell in modern browsers*/
 }
 
/*MAIN CONTENT*/
#maincontent {
	border-left: 1px solid #333;
	font-size: 14px;
	font-size: 80%;
	padding: 20px;
	vertical-align: top;
	color: #ffffff;
 }
 
#maincontent td {
	vertical-align: top;
 }

/*SIDEBAR*/
#sidebar {
 	width: 160px;
 	font-size: 12px;
	vertical-align: top;
	padding: 10px;	
	/*/*/font-size: 85%; /* */
 }
 
 #sidebar a {
 	/*/*/padding: 3px;
	color: #000000;
 	display: block;
 	border: 2px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 120px; 
	font-size: 90%;
	background-color: #ffd41d;
	border: 2px solid #ffffff;
	/* */
 }
 
 #sidebar a:link {
 	color: #000000;
 }
 
 #sidebar a:visited {
  	color: #000000;
 }
 
 #sidebar a:hover {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
 #sidebar a:active {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
 #sidebar ul {
 	/*/*//*padding-left: 1em;*/
 	margin-left: 1em;
 	list-style-type: none; /* */
 }
 
 #sidebar li {
 	/*/*/margin: 0px 0px 6px 0px; /* */
 }

/*HEADER*/ 
  #header {
	background-color: #333333;
	color: #CCCCCC;
	background-image:     url(images/tiaacrefHeaderBG.gif);
 }
 
   #headerRight{
	background-color: #333333;
	color: #ffd41d;
	background-image:     url(images/tiaacrefHeaderBG.gif);
	font-size: 74%;
	text-align: right;
	vertical-align: middle;
	padding: 10px;
	white-space: nowrap;
 }
 
 	#headerRight a {
 	/*/*/padding: 3px;
	color: #000000;
 	display: block;
 	border: 2px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 40px; 
	font-size: 90%;
	background-color: #ffd41d;
	border: 2px solid #ffffff;
	/* */
 }
 
  #headerRight a:link {
 	color: #000000;
 }
 
 #headerRight a:visited {
  	color: #000000;
 }
 
 #headerRight a:hover {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
 #headerRight a:active {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
/*FOOTER*/
  #footer {
	background-color: #ffd41d;
	color: #000000;
	text-align: center;
 }
 
 /*TD, P, UL*/
 td, p, ul {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFF;
 }
 
 /*HEADINGS*/
 h1:first-child {margin-top: 0;}/*starts first h1 in TD flush top*/
 h2:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/
 
 h1 { 
 	font-size: 130%;
	color: #ffd41d;
	}
 h2 { 
 	font-size: 115%; 
	color: #ffffff;
	}
h3 {
	color: #ffffff;
	font-size: 95%;
	}
 h4 { 
 	font-size: 100%; 
	color: #000000;
	}
 
 
 /*IMAGES*/
 /*Turns off Borders around Hyperlinked Images*/
img { 
	border : 0px; 
	display : block;
	 }

.inlinimg { 
	display : inline;
	}
	
.imgfloatright { 
	float : right; 
	}

.imgfloatleft { 
	float : left; 
	}

/*FORMS*/
form {
	padding : 10px;
	*border : 1px solid  #666666;*
	background-color : #CCCCCC;
}

form td {
	padding : 8px;
	}

input { 
	background-color : #F5F5F5; 
	border : 1px solid #999999; 
	width : 100px;
	}

input:focus {
	background : #FFFFFF;
	 }

textarea { 
	background-color : #FFFFFF;
	border : 1px solid #999999; 
}

/*Forms w/ Checkboxes*/
.formcheckbox {
	padding : 10px;
	*border : 1px solid  #666666;*
	/*background-color : #CCCCCC;*/
}

.formcheckbox td {
	padding : 8px;
	}

.formcheckbox input:focus {
	background : #FFFFFF;
	 }

/*LINKS*/
a:link { 
	color: #333333;
	}
a:visited {
	color: #333333;
	}
a:hover {
	color: #CCCCCC;
	background-color: #333333;
	text-decoration: none;
	}
a:active {
	color: #333333;
	}
	
/*MAIN CONTENT BUTTONS*/
.mainfirstbuttons {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	color: #ffffff;
	}
.mainfirstbuttons a {
	/*/*/padding: 3px;
	color: #000000;
 	display: block;
 	border: 2px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 120px; 
	font-size: 90%;
	background-color: #ffd41d;
	border: 2px solid #ffffff;
	/* */
 }
 
.mainfirstbuttons a:link {
 	color: #000000;
 }
 
.mainfirstbuttons a:visited {
  	color: #000000;
 }
 
.mainfirstbuttons a:hover {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
.mainfirstbuttons a:active {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }

.mainfirstbuttons ul {
 	/*/*//*padding-left: 1em;*/
 	margin-left: 1em;
 	list-style-type: none; /* */
 }
 
.mainfirstbuttons li {
 	/*/*/margin: 0px 0px 6px 0px; /* */
 }

.mainsecondbuttons a:link {
 	color: #FFFFFF;
	background-color: #CCCCCC;
 }
 
.mainsecondbuttons a:visited {
  	color: #FFFFFF;
	background-color: #CCCCCC;
 }
 
 .mainsecondbuttons a:hover {
 	color: #FFFFFF;
 	background-color: #666666;
 	border: 2px solid #666666;
 }

 
 /*TABLES*/
.table { 
	border: 1px solid #000000;
	width: 100%;
	color: #000000;
	}
 
.table td {
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	background-color: #ffffff;
	}

.table tr.heading td {
	color: #000000;
	background-color: #ffd41d;
	text-align: center;
	font-weight: bold;
	}


.table tr.heading td a {
	/*/*/padding: 3px;
	color: #000000;
 	display: block;
 	border: 2px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 80px; 
	font-size: 90%;
	background-color: #ffd41d;
	border: 2px solid #000000;
	/* */
 }
.table tr.heading td a:link {
 	color: #000000;
 }
 
.table tr.heading td a:visited {
  	color: #000000;
 }
 
.table tr.heading td a:hover {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffffff;
 }
 
.table tr.heading td a:active {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffffff;
 }



	
.table tr.subheading td {
	color: #ffffff;
	background-color: #666666;
	text-align: center;
	font-weight: bold;
	}
 
.table tr.odd td { 
	background-color: #CCCCCC;
	color: #000000;
	}
	
.table h2 {
	color: #FFFFFF;
	}
	
/*CheckBox Tables*/

.tablecheckbox { 
	/*border: 1px solid #000000;*/
	width: 100%;
	}
 
.tablecheckbox td {
	padding: 2px;
	/*border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;*/
	}

.tablecheckbox tr.heading td {
	color: #FFFFFF;
	background-color: #ffd41d;
	text-align: center;
	font-weight: bold;
	}
 
.tablecheckbox tr.odd td { 
	background-color: #CCCCCC;
	color: #000000; 
	text-align: left;
	}
	
.tablecheckbox h2 {
	color: #FFFFFF;
	}

/*FONTS*/
.backbutton {
	font-size: 90%;
	}
.backbutton a:visited {
	color: #ffd41d;
	}
.backbutton a:link { 
	color: #ffd41d;
	}
	
.listtitle {
	font-weight: bold;
	color: #666666;
	}
.indent {
	text-indent: 1em;
	color: #666666;
	}
	
.largetitle {
	font-size: 140%;
	color: #ffd41d;
	}
	
.small {
	font-size: 70%;
	}	
	
/*CITY SIDEBAR*/
.city {
	border: 1px solid #ffd41d;
	padding: 5px;
	}
	
.city h1 { 
 	font-size: 130%;
	color: #ffffff;
	margin-top: 0;
	margin-bottom: 0;
	}
.city h2 { 
 	font-size: 115%; 
	color: #ffd41d;
	margin-top: 0;
	margin-bottom: 0;
	}

/*BACK and CITY*/
.backandcity {
	width: 100%;
	}

.backandcity a: {
 	color: #ffffff;
 }
 
.backandcity a:visited {
  	color: #ffffff;
 }

.backandcity a:link {
 	color: #ffffff;
 }
 
.backandcity a:visited {
  	color: #ffffff;
 }
.backandcity a:hover {
  	color: #ffd41d;
 }
.backandcity a:active {
  	color: #ffd14d;
 }
	
/*TITLES AND DIRECTIONS*/
.titlesdirections {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	color: #ffffff;
	}
.titlesdirections a {
	/*/*/padding: 3px;
	color: #000000;
 	display: block;
 	border: 2px solid #CCC;
 	text-decoration: none;
 	line-height: 1em;
 	width: 80px; 
	font-size: 90%;
	background-color: #ffd41d;
	border: 2px solid #ffffff;
	/* */
 }
 
.titlesdirections a:link {
 	color: #000000;
 }
 
.titlesdirections a:visited {
  	color: #000000;
 }
 
.titlesdirections a:hover {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
 
.titlesdirections a:active {
 	color: #ffd41d;
 	background-color: #000000;
 	border: 2px solid #ffd41d;
 }
	
/*LISTS*/
ul {
 	/*/*/
 	margin-left: 1em;
 	list-style-type: none; /* */
 }
 
li {
 	/*/*/margin: 0px 6px 6px 0px; /* */
 }