@charset "UTF-8";

/* COLORS
-------------------------------------------
Dk Purple:	#715668
Lt Purple:	#AF6D74
Blue:		#80A5BB
Teal:		#498F7E
Lt Green:	#9AB77B
Brown:		#9C8049
Orange:		#DD9762
Red:		#AF5248
-------------------------------------------*/

/* YUI RESET + global font-family
-------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,img { 
	border:0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
	}
ol,ul {
	list-style:none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym {
	border:0;
	}



/* GENERAL
-------------------------------------------*/

body {
	background-color: #fff;
	min-width: 960px;
	}
a {
	text-decoration: none;
	}
em, i {
	font-style: italic;
	}
strong, b {
	font-weight: bold;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	}
#skip-link {
	position: absolute;
	left: 0;
	top: -29999px;
	}
#content {
	margin: 0 auto;
	width: 960px;
	}



/* SIDEBAR
-------------------------------------------*/

#sidebar {
	float: right;
	padding-right: 15px;
	width: 218px;
	}
	
	.sidebar-graphic {
		margin-bottom: 30px;
		}
		.sidebar-graphic a,
		.sidebar-graphic img {
			display: block;
			}
	
	.side-list {
		margin-bottom: 20px;
		}
		.side-list h2 {
			margin-bottom: 13px;
			padding-bottom: 6px;
			font-weight: bold;
			font-size: 23px;
			line-height: 25px;
			border-bottom: 6px solid;
			}
			.side-list h2 a {
				display: block;
				padding-right: 24px;
				background-repeat: no-repeat;
				background-position: 100% 8px;
				}
		.side-list li {
			padding: 0 0 9px 1px;
			font-size: 12px;
			line-height: 15px;
			color: #393939;
			}
			.side-list li a {
				display: block;
				padding-right: 24px;
				color: #393939;
				background-repeat: no-repeat;
				background-position: 205px 2px;
				}
	#join {
			margin-bottom: 30px;
			padding: 13px 0;
			background: #AF6D74 url(/images/ctat/quote-close-ltpurple.png) no-repeat 198px 100%;
			}
			#join h2 {
				margin-bottom: 4px;
				padding: 0 13px;
				font-size: 22px;
				line-height: 24px;
				font-weight: bold;
				color: #fff;
				}
				#join h2 a {
					display: block;
					color: #fff;
					background: url(/images/ctat/arrow-rev-circle-ltpurple.png) no-repeat 100% 6px;
					}
				#join h2 a:hover,
				#join h2 a:focus {
					color: #000;
					}
			#join blockquote {
				margin: 0 0 8px 0;
				padding: 8px 14px 0 14px;
				font-size: 12px;
				line-height: 18px;
				font-style: italic;
				color: #fff;
				background: url(/images/ctat/quote-open-ltpurple.png) no-repeat -2px 0;
				}



/* FOOTER
-------------------------------------------*/

#footer {
	clear: both;
	margin: 0 auto;
	padding: 90px 18px 30px 18px;
	width: 924px;
	}
	#footer p {
		font-size: 12px;
		line-height: 15px;
		color: #999;
		}
	#footer p a {
		font-weight: bold;
		color: #80A5BB;
		text-decoration: underline;
		}



/* MASTHEAD
-------------------------------------------*/

#masthead {
	height: 99px;
	background: #80a5bb url(/images/ctat/nav-bg.png) repeat-x 0 76px;
	}
	#nav {
		position: relative;
		margin: 0 auto;
		padding-top: 20px;
		width: 960px;
		z-index: 100;
		}
		#nav li {
			float: left;
			position: relative;
			}
		#nav-ctat {
			padding: 0 61px 0 19px;
			}
			#nav li .imgswap {
				height: 79px;
				background-image: url(/images/ctat/nav.png);
				background-repeat: no-repeat;
				color: #fff;
				outline: none;
				}
			#nav #nav-ctat .imgswap {
				width: 100px;
				background-position: 0 0;
				}
			#nav #nav-ctat .imgswap:focus {
				outline: 1px dotted;
				}
			#nav-members .imgswap {
				width: 90px;
				background-position: -161px 0;
				}
			#nav-members:hover .imgswap, #nav-members.hover .imgswap, #nav-members:focus .imgswap {
				background-position: -161px -150px;
				}
			#nav-news .imgswap {
				width: 75px;
				background-position: -251px 0;
				}
			#nav-news:hover .imgswap, #nav-news.hover .imgswap, #nav-news:focus .imgswap {
				background-position: -251px -150px;
				}
			#nav-awards .imgswap {
				width: 114px;
				background-position: -326px 0;
				}
			#nav-awards:hover .imgswap, #nav-awards.hover .imgswap, #nav-awards:focus .imgswap {
				background-position: -326px -150px;
				}
			#nav-about .imgswap {
				width: 88px;
				background-position: -440px 0;
				}
			#nav-about:hover .imgswap, #nav-about.hover .imgswap, #nav-about:focus .imgswap {
				background-position: -440px -150px;
				}
			#nav-join .imgswap {
				width: 94px;
				background-position: -528px 0;
				}
			#nav-join:hover .imgswap, #nav-join.hover .imgswap, #nav-join:focus .imgswap {
				background-position: -528px -150px;
				}
			#nav-resources .imgswap {
				width: 99px;
				background-position: -622px 0;
				}
			#nav-resources:hover .imgswap, #nav-resources.hover .imgswap, #nav-resources:focus .imgswap {
				background-position: -622px -150px;
				}
			#nav-contact .imgswap {
				width: 81px;
				background-position: -721px 0;
				}
			#nav-contact:hover .imgswap, #nav-contact.hover .imgswap, #nav-contact:focus .imgswap {
				background-position: -721px -150px;
				}

		
			/* SUBNAV */
			#nav li ul {
				position: absolute;
				left: -29999px;
				top: 79px;
				padding-top: 10px;
				width: 218px;
				background: #498f7e url(/images/ctat/subnav-bg.png) no-repeat 10px 100%;
				z-index: 100;
				}
				#nav li li {
					float: none;
					padding: 5px 16px;
					font-size: 12px;
					line-height: 14px;
					background: url(/images/ctat/subnav-bg.png) no-repeat 10px -66px;
					}
				#nav li li.last {
					padding-bottom: 18px;
					background-position: 10px 9px;
					}
					#nav li li a {
						display: block;
						padding-left: 22px;
						color: #fff;
						}
					#nav li li a:hover,
					#nav li li a.hover,
					#nav li li a:focus {
						display: block;
						color: #000;
						outline: none;
						}
			#nav li:hover ul,
			#nav li.hover ul,
			#nav li:focus ul {
				left: 0;
				}
