body {font-family: Arial, Helvetica, sans-serif;}

body          { font-size: 81.25%; color: #666; background: #fff;}   /* IE 16px=100% */
html > body   { font-size: 13px; }  /* Other browsers */

p {margin: 0 0 15px 0;}

em {font-style:italic;}
strong {font-weight: bold;}

ul, ol {margin: 0 0 15px 8px; padding: 0 0 0 8px; list-style-type: disc;}
li {margin: 0 0 3px 0;}

a:link {color: #000; text-decoration: none; outline: none;}
a:visited {color: #000; text-decoration: none; outline: none;}
a:hover {color: #000; text-decoration: underline; outline: none;}
a:active {color: #000; text-decoration: underline; outline: none;}

h1 {font-size: 200%; color: #000; margin-bottom: 15px; font-weight: normal; text-transform: uppercase;}

h2 {font-size: 120%; color: #000; margin: 0 0 5px 0; font-weight: normal; font-weight: bold; }
h3 {font-size: 100%; color: #000; font-weight: normal; margin: 5px 0 10px 0; text-transform: uppercase; font-weight: bold;}

h4 {font-size: 100%; color: #000; font-weight: bold; margin:  0 0 10px 0; text-transform: uppercase;}

big {font-size: 150%;}

#wrapper {position: relative; width: 960px; margin: 30px auto;}

#header {position: relative; height: 65px;}
#logo {margin-left: 250px;}
#nav {position: relative; width: 240px; float:left;}

#nav ul {margin: 0 40px 0 0 ; padding: 0; list-style-type: none;}
#nav li {text-transform: uppercase; font-size: 150%; line-height: 1.1; padding-bottom: 10px;}
#nav li li {text-transform: none; font-size: 65%; padding: 3px 0;}
#nav a {color: #000; text-decoration: none;}
#nav li#tracpg a:link,  #nav li#tracpg a:visited {color: #7896D2; text-decoration: none;}
#nav li#tracpg a:hover,  #nav li#tracpg a:active, #nav li#tracpg a.current {color: #000; text-decoration: none;}
#nav li#tracpg li a:link,  #nav li#tracpg li a:visited {color: #000; text-decoration: none;}
#nav li#tracpg li a:hover,  #nav li#tracpg li a:active, #nav li#tracpg li a.current {color: #7896D2; text-decoration: none;}

#nav li#children a:link,  #nav li#children a:visited {color: #F47A2F; text-decoration: none;}
#nav li#children a:hover,  #nav li#children a:active, #nav li#children a.current {color: #000; text-decoration: none;}
#nav li#children li a:link,  #nav li#children li a:visited {color: #000; text-decoration: none;}
#nav li#children li a:hover,  #nav li#children li a:active, #nav li#children li a.current {color: #F47A2F; text-decoration: none;}


#nav li#clinicians a:link,  #nav li#clinicians a:visited {color: #78C93E; text-decoration: none;}
#nav li#clinicians a:hover,  #nav li#clinicians a:active, #nav li#clinicians a.current {color: #000; text-decoration: none;}
#nav li#clinicians li a:link,  #nav li#clinicians li a:visited {color: #000; text-decoration: none;}
#nav li#clinicians li a:hover,  #nav li#clinicians li a:active, #nav li#clinicians li a.current {color: #78C93E; text-decoration: none;}


#nav li#researchers a:link,  #nav li#researchers a:visited {color: #CC5BD0; text-decoration: none;}
#nav li#researchers a:hover,  #nav li#researchers a:active, #nav li#researchers a.current {color: #000; text-decoration: none;}
#nav li#researchers li a:link,  #nav li#researchers li a:visited {color: #000; text-decoration: none;}
#nav li#researchers li a:hover,  #nav li#researchers li a:active, #nav li#researchers li a.current {color: #CC5BD0; text-decoration: none;}


#nav li#policy a:link,  #nav li#policy a:visited {color: #BB3939; text-decoration: none;}
#nav li#policy a:hover,  #nav li#policy a:active, #nav li#policy a.current {color: #000; text-decoration: none;}
#nav li#policy li a:link,  #nav li#policy li a:visited {color: #000; text-decoration: none;}
#nav li#policy li a:hover,  #nav li#policy li a:active, #nav li#policy li a.current {color: #BB3939; text-decoration: none;}


#nav li#gallery a:link,  #nav li#gallery a:visited {color: #7896D2; text-decoration: none;}
#nav li#gallery a:hover,  #nav li#gallery a:active, #nav li#gallery a.current {color: #000; text-decoration: none;}
#nav li#gallery li a:link,  #nav li#gallery li a:visited {color: #000; text-decoration: none;}
#nav li#gallery li a:hover,  #nav li#gallery li a:active, #nav li#gallery li a.current {color: #7896D2; text-decoration: none;}

#nav li#join a:link,  #nav li#join a:visited {color: #999; text-decoration: none;}
#nav li#join a:hover,  #nav li#join a:active, #nav li#join a.current {color: #000; text-decoration: none;}
#nav li#join li a:link,  #nav li#join li a:visited {color: #000; text-decoration: none;}
#nav li#join li a:hover,  #nav li#join li a:active, #nav li#join li a.current {color: #999; text-decoration: none;}

#main {width: 710px; float: right; }

#content {width: 470px; float: left; margin-top: 20px;}

#side {width: 210px; float:right; margin-top: 20px;}
#side ul {list-style-type: none; margin: 0 0 15px 0; padding: 0;}
#side li {padding: 0;}
#side .side {padding-bottom: 15px;}
#side a.current {text-decoration: underline;}

#footer {clear: both; margin-left: 250px; padding-top: 30px;}
#footer a:link, #footer a:visited {color: #666; text-decoration: none;}
#footer a:hover, #footer a:active {color: #666; text-decoration: underline;}
#sponsor {margin-top: 20px; color: #888; font-size: 90%;}
#sponsor a:link, #sponsor a:visited {color: #888; text-decoration: none;}
#sponsor a:hover, #sponsor a:active {color: #888; text-decoration: underline;}




#home {clear: both; padding-top: 30px;}

#headImg {position: relative;}
#headImg .caption {position: absolute; top: 20px; left: 370px; width: 320px; }
#headImg .copy {color: #fff; font-size: 150%;}
#headImg  a  {color: #fff;}


#welcome {width: 250px; float: left; font-size: 150%; color: #888; background: #fff; font-weight: normal;}
#welcome p {padding-right: 20px;}
#welcome em {font-style: normal; font-weight: normal; color: #000;}

#welcome2 {font-size: 150%; color: #888; background: #fff; font-weight: normal; margin: 10px 0  0 0;}
#welcome2 p {margin: 0;}
#welcome2 em {font-style: normal; font-weight: normal; color: #000;}

#about {width: 240px; float: left;}

#latest {width: 230px; float: right;}
#latest .section {color: #000;}
#latest a {color: #666;}
#latest .more a {color: #000;}


#sponsors {width: 220px; float: right;}
#sponsors .section {color: #000;}
#sponsors a {color: #666;}
#sponsors .more a {color: #000;}


#services {width: 225px; float: left;}

.inner {padding-right: 20px;}
.more {text-align: right; margin-top: -10px;}

#latest .more {color: #000;}

.section {display: block; color: #000;}

#search { position: absolute; top: 14px; right: 0; }
#search .input {width: 150px;}

.entry {margin-bottom: 20px;}

/* form style */
.input, .textarea {border:1px solid #7e9db9;} 
.submit {background: #000; color:#fff; cursor:pointer; border: solid 1px #000; }
.submit:hover {background: #000; color:#fff; border: solid 1px #000; }

.meetingList {list-style-type: none; margin: 0 0 40px 0; padding: 0;}
.meetingList li {margin: 0 0 5px 0; display: block; clear: both; padding: 5px 0 0 0;}
.meetingList .date {width: 75px; float:left; clear:both;}
.meetingList a {display: block; width: 390px; float: right;  }

/* studies */
.studyDate {font-weight: bold;}
.studyDate p {margin: 0 0 5px 0;}

#tags {margin: 40px 20px 20px 0;  line-height: 1.2; text-align: left; }
#tags a {margin: 0 10px 0 0;  }
.tag14 {font-size: 200%; color: #000;}
.tag12 {font-size: 180%; color: #7896D2;}
.tag10 {font-size: 160%; color: #F47A2F;}
.tag8 {font-size: 140%; color: #CC5BD0;}
.tag6 {font-size: 120%; color: #BB3939;}
.tag4 {font-size: 100%; color: #666}
.tag2 {font-size: 90%; color: #999;}
#tags a:hover {text-decoration: none;}

#tags .note { color: #888; font-size: 90%;}

.litDB th, .litDB td {vertical-align: top;}
.litDB th {padding: 0 10px 0 0;}
.litDB p {margin: 0 0 3px 0;}

.form td {vertical-align: top; padding: 0 0 10px 0;}
.form label {display: block;  margin-right: 10px; font-weight: bold;}
.form td.required {padding: 0 5px 10px 0; color: red;}
.form .input, .form .textarea {width: 300px;}


#events_calendar {width: 100%; border: 0; border-spacing: 1px; border-collapse: separate; border: solid 1px #ECECEC; border-width: 1px 0; margin-bottom: 20px;}
#events_calendar td {padding: 5px; border-top: solid 1px #ECECEC; line-height: 1.2;}
#events_calendar td.S {background: #ECECEC; color: #000; border-top-width: 0; }
#events_calendar td.day_abrev { width: 20px;}
#events_calendar td.day_no {text-align: right; padding-right: 15px; width: 30px; }
#events_calendar p {display: inline;}

#events_calendar a:link {color: #000; text-decoration: none;}
#events_calendar a:visited {color: #000; text-decoration: none;}
#events_calendar a:hover {color: #000; text-decoration: underline;}
#events_calendar a:active {color: #000; text-decoration: underline;}

#MonthLinks {width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; margin-bottom: 10px;}
#MonthLinks td {vertical-align: middle;}

#jump table { float: right;}
#jump td {padding: 3px;}

.eventDetails {margin: 0 0 20px 0;}

.links p.link {font-weight: bold;}

/** map **/
.infowindow {width: 200px; line-height: 1.2; }
.infowindow p {margin: 0 0 5px 0;}
#side_bar {margin: 0 0 0 20px;}
#side_bar a {display: block; margin: 0 0 5px 0;}



.form td.submit {text-align: right;}
.form h4 { margin: 0.5em 0 0 0;}
.form .note {font-size: 0.85em; }
.form .col {width: 49%; float: left;}
.form span.checkbox {display: block; white-space: nowrap;}

#comments, #commentForm {padding-top: 20px; border-top: solid 1px #eee;}
#comments .posted {font-size: 0.7691em;}


/** gallery**/

.tableBorder {width: 100%;}
.tableBorder td {padding: 15px; vertical-align: top; }
.tableBorder td.categories {padding: 5px 10px; border-bottom: solid 1px #7896D2;}
.tableBorder th {padding: 5px 10px; font-weight: bold; background: #7896D2; border: solid 1px #fff; white-space: nowrap; color: #fff; text-transform: uppercase;}

.breadcrumb {padding: 0px 5px 20px 5px;}
.jumpmenu {float: right; text-align: right; padding: 0px 5px 20px 5px;}
.jumpmenu form {display: inline;}

.caption {display: block; margin: 20px 0;}







#featured { 
	width:515px; 
	padding-right:195px; 
	position:relative; margin-top: 5px;
	border:5px solid #ccc;  border-width: 5px 0;
	height:260px; overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav { 
	position:absolute; 
	top:2px; left:515px; 
	list-style:none; 
	padding:0; margin:0; 
	width:195px; height:256px; 
	overflow:hidden;
}
#featured ul.ui-tabs-nav li { 
	padding: 1px 0; padding-left:13px; 
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img { 
	float:left; margin:3px 5px;  
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span {display:block; float: left; padding: 7px 0;}

#featured li.ui-tabs-nav-item a { 
	display:block; width: 100%; overflow: hidden;  
	height:60px; text-decoration:none;
	color:#000;  background:#f2f2f2; outline:none;
}
#featured li.ui-tabs-nav-item a:hover {background:#ccc;}
#featured li.ui-tabs-selected {background:url('http://www.tracpg.ca/images/template/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {background:#ccc;}
#featured .ui-tabs-panel { width:510px; height:260px;  overflow: hidden;}
	


#featured .ui-tabs-panel img { float: left; padding: 2px 0;}

#featured .ui-tabs-panel .info { width: 270px; float:right; padding: 10px 0 0 0; background: #ffff; }


#featured .info h2 { 
	font-size: 2em; 
	color:#000; padding: 0; margin: 5px 0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p {  font-size: 1.076em; line-height: 1.3; color: #000;}

#featured .ui-tabs-hide {display:none;}


.blog_entry {margin: 0 0 40px 0;}
.blog_entry h2 {margin: 0 0 20px 0;}
.blog_entry .author {margin: -15px 0 20px 0; font-style: italic;}
.blog_posted {margin: 0 0 20px 0;}

.NextPrev {width: 100%; overflow: hidden; padding: 30px 0 0 0; text-transform: uppercase;}
.prev {width: 45%; float:left;}
.next {width: 45%; float:right;}