body {
	background: #000 url(/global/images/backgrounds/background.png) repeat-x left top;
	font-size: 62.5%; /* Resets 1em to 12px */
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	height: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
	}
	
/* Page Structure */

#member {
	position: relative;
	width: 916px;
	height: auto;
	margin: 10px auto 0px auto;
	z-index: 0;
	}

#container {
	position: relative;
	width: 916px;
	height: auto;
	margin: 0px auto;
	z-index: 0;
	}
	
#top {
	position: relative;
	float:left;
	width: 916px;
	height: 15px;
	background: url(/global/images/backgrounds/content_top.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#maincontent {
	position: relative;
	float:left;
	width: 916px;
	height: auto;
	background: url(/global/images/backgrounds/content_bak.png) repeat-y left top;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}
	
#left-column {
	position: relative;
	float:left;
	width: 250px;
	height: auto;
	margin: 45px 0 0;
	padding: 0;
	z-index: 0;
	}
	
#left-nav {
	float:left;
	width: 233px;
	background: url(/global/images/ui/ati_sprite.png) -9px -9px;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	}
	
#left-contact {
	float:left;
	width: 233px;
	height: 233px;
	background: url(/global/images/ui/ati_sprite.png) -563px -295px;
	margin: 0px 0px 15px 17px;
	padding: 0px;
	}
	
#right-column {
	float:left;
	width: 665px;
	margin: 0px;
	padding: 0px;
	}
	
#maincopy {
	position: relative;
	float:left;
	width: 660px;
	margin: 10px 0px;
	padding: 0px;
	}
	
#header {
	float:left;
	width: 880px;
	height: 231px;
	margin: 0px 17px;
	padding: 0px;
	z-index: 0;
	}
	
#logo {
	float:left;
	width: 233px;
	height: 146px;
	margin: 130px 0px 0px 0px;
	padding: 0px;
	}
	
/* footer */
	
#footer {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	}
	
#bottom {
	float:left;
	width: 916px;
	height: 15px;
	background: url(/global/images/backgrounds/content_bottom.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	}
	
#copyright {
	width: 916px;
	margin: 0px auto;
	}
	
/* Navigation*/

#left-nav ul {
	position: relative;
	float: left;
	list-style: none;
	font-size: 1.2em;
	margin: 20px 0px 30px 15px;
	padding: 0px;
	}
	
ul#navigation_pri li{
	position: relative;
	float: left;
	width: 190px;
	height: auto;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	display: block;
	background: url(/global/images/ui/nav_divider.png) left bottom no-repeat;
}

ul#navigation_pri li ul{
	position: relative;
	float: left;
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0;
	}

ul#navigation_pri li ul li{
	position: relative;
	float: left;
	width: 160px;
	font-size: .9em;
	line-height: 1;
	height: auto;
	margin: 0px 0px 7px 25px;
	padding: 0px 0px;
	background: none;
	}
	
ul#navigation_pri li:last-child{
	background:none!important;
	}
	
ul#navigation_pri li a{
	position: relative;
	float: left;
	width: 190px;
	height: 11px;
	margin: 0px;
	padding: 10px 0px;
	}

ul#navigation_pri li ul li a{
	position: relative;
	float: left;
	width: 160px;
	height: auto;
	margin: 0px;
	padding: 0px;
	color: #fff;
	text-decoration: none;
	}
	
ul#navigation_pri li a:hover{
	border-bottom: none;
	color: #ccffcc;
	}
	
a.home{
	background: url(/global/images/ui/nav.png) -0px -0px;
	}
	
a.home:hover, ul#navigation_pri li.cur a.home, ul#navigation_pri li.cur a.home:hover{
	background: url(/global/images/ui/nav.png) -0px -24px;
	}
	
a.join{
	background: url(/global/images/ui/nav.png) -0px -46px;
	}

a.join:hover, ul#navigation_pri li.cur a.join, ul#navigation_pri li.cur a.join:hover{
	background: url(/global/images/ui/nav.png) -0px -70px;
	}
	
a.about{
	background: url(/global/images/ui/nav.png) -0px -94px;
	}

a.about:hover, ul#navigation_pri li.cur a.about, ul#navigation_pri li.cur a.about:hover{
	background: url(/global/images/ui/nav.png) -0px -118px;
	}
	
a.members{
	background: url(/global/images/ui/nav.png) -0px -142px;
	}

a.members:hover, ul#navigation_pri li.cur a.members, ul#navigation_pri li.cur a.members:hover{
	background: url(/global/images/ui/nav.png) -0px -166px;
	}
	
a.resources{
	background: url(/global/images/ui/nav.png) -0px -190px;
	}
	
a.resources:hover{
	background: url(/global/images/ui/nav.png) -0px -214px;
	}
	
a.selected, a.selected:hover {
	background: url(/global/images/ui/nav.png) -0px -310px;
	}
	
ul#navigation_pri li.cur a.resources, ul#navigation_pri li.cur a.resources:hover{
	background: url(/global/images/ui/nav.png) -0px -286px;
	}

a.contact{
	background: url(/global/images/ui/nav.png) -0px -238px;
	}

a.contact:hover, ul#navigation_pri li.cur a.contact, ul#navigation_pri li.cur a.contact:hover{
	background: url(/global/images/ui/nav.png) -0px -262px;
	}

#breadcrumbs-area {
	position: relative;
	float:left;
	width: 630px;
	background: url(/global/images/ui/ati_sprite.png) -288px -200px;
	height: auto;
	margin: 0px;
	padding: 10px 15px 0px 15px;
	font-size: 1.0em;
	font-family: Helvetica, Arial, sans-serif;
	z-index: 0;
	}

ul#breadcrumbs {
	position: relative;
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
ul#breadcrumbs li {
	margin: 0px;
	padding: 0px;
	}
	
/* Top Member Info - Secondary Nav */	
	
#member ul {
	position: relative;
	margin: 10px 0px;
	color: #fff;
}

#member ul li {
	position: relative;
	float: right;
	margin: 2px 5px;
}

#member a{
	color: #fff;
}

.member a:hover {
	border: 0;
	}

/* Homepage Content */	

#home-modules {
	position: relative;
	float: left;
	width: 660px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
	}

#home-modules ul{
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	z-index: 0;
	}
	
#home-modules ul li{
	position: relative;
	float: left;
	width: 208px;
	height: 215px;
	background: url(/global/images/ui/ati_sprite.png) -330px -315px;
	margin: 0px 5px;
	}
	
ul#home-modules li:last-child {
	margin: 0px!important;
	}
	
ul#news_listing {
	position: relative;
	width: 640px;
	list-style: none;
	margin: 0px 10px;
	padding: 0px;
	}
	
ul#news_listing li {
	position: relative;
	float: left;
	height: auto;
	display: block;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	background: none!important;
	}
	
ul#news_listing li img {
	position: relative;
	height: auto;
	display: block;
	}
	
p.date {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em!important;
	font-style: italic;
	color: #003300!important;
	margin: 0px 20px 0px 20px;
	}
	
ul#news_listing li p{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px;
	}
	
#home-modules p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	margin: 32px 20px 0px 12px;
	}

#home-modules p.calendar-icon {
	height: 140px;
	background: url(/global/images/ui/ati_sprite.png) -337px -540px;
	}

#home-modules p.rss-icon {
	height: 140px;
	background: url(/global/images/ui/ati_sprite.png) -555px -540px;
	}
	
#home-modules p.login {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #ccccff;
	margin: 5px 20px 0px 12px;
	}
	
#home-modules p.submit {
	text-align: right;
	margin: 5px 10px 0px 0px;
	}
	
#home-modules .input {
	width: 178px;
	border: 1px solid #ccc;
	padding: 2px;
	margin:  0px;
}
	
input.submit-button {
	position: relative;
	float: right;
	width: 54px;
	height: 20px;
	font-size: .9em;
	color: #fff;
	background: url(/global/images/ui/ati_sprite.png) -40px -609px;
	border: none!important;
	cursor: pointer;
	margin: 3px 0px;
	padding: 0px 0px;
	text-align: center;
	}
	
input.submit-button:hover {
	background: url(/global/images/ui/ati_sprite.png) -40px -638px;
	border: none!important;
	}
	
	#home-modules a{
	position: relative;
	display: block;
	height: 135px;
	text-decoration: none;
	color: #fff;
}

#home-modules a:hover{
	border-bottom: none;
}
	
	
/* Calendar & Events */

.calendar {
	position: relative;
	width: 640px;
	margin: 0px 10px;
	}
	
#calendar-header {
	position: relative;
	float: left;
	width: 620px;
	height: 30px;
	margin: 0px 10px;
}

.month {
	position: relative;
	float: left;
	width: 600px;
	font-size: 1.6em;
	margin: 0px 0px;
	padding: 0px;
	text-align: center
	}
	
.monthlinks {
	position: relative;
	float: left;
	width: 10px;
	margin: 0px;
	}

.weekdays {
	position: relative;
	width: 90px;
	height: 20px;
	text-align: center;
	padding: 5px 5px;
	}
	
.empty, .day, .today{
	position: relative;
	width: 90px;
	height: 85px;
	padding: 5px 5px 0px 5px;
	border: 1px solid #ccc;
	}
	
.today {
	background: #efefef;
	}
	
.item {
	position: relative;
	float: left;
	width: 80px;
	height: auto;
	}

/* Member Directory & Document Library */

ul#member-listing, ul.doc-listing  {
	position: relative;
	width: 640px;
	list-style: none;
	margin: 0px 10px;
	padding: 0px;
	}
	
ul#member-listing li {
	position: relative;
	float: left;
	width: 620px;
	height: auto;
	font-size: 1.2em;
	line-height: 1.4em;
	display: block;
	margin: 0px;
	padding: 10px;
	background: none!important;
	border-bottom: 1px dotted #ccc;
	}
	
ul.doc-listing li  {
	position: relative;
	float: left;
	width: 600px;
	height: auto;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 0px 10px;
	border-bottom: 1px dotted #ccc;
	}

ul.doc-listing li a {
	position: relative;
	width: 600px;
	height: auto;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 10px 0px 20px 40px;
	}

ul.doc-listing li a:hover {
	border: 0;
	}

a.icon-pdf	{
	background: url(/global/images/ui/ati_sprite.png) -842px -400px;
}

a.icon-pdf :hover {
	background: #efefef url(/global/images/ui/ati_sprite.png) -842px -400px;
	}

a.icon-word	{
	background: url(/global/images/ui/ati_sprite.png) -842px -450px;
}

a.icon-excel	{
	background: url(/global/images/ui/ati_sprite.png) -842px -550px;
}

a.icon-txt	{
	background: url(/global/images/ui/ati_sprite.png) -842px -760px;
}

a.icon-ppt	{
	background: url(/global/images/ui/ati_sprite.png) -842px -498px;
}

a.icon-mp3	{
	background: url(/global/images/ui/ati_sprite.png) -842px -673px;
}

a.icon-flv	{
	background: url(/global/images/ui/ati_sprite.png) -842px -716px;
}
	
ul#doc-listing li a:hover {
	border-bottom: none;
	}
	
ul#member-listing li:hover {
	display: block;
	background: #efefef!important;
	}

ul#member-listing li img {
	position: relative;
	height: auto;
	display: block;
	}
	
.member-logo {
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	margin: 10px 30px;
	padding: 0px;
	}

.member-logo a:hover {
	text-decoration: none;
	border: 0;
	}

.member-logo a:hover {
	text-decoration: none;
	border: 0;
	}
	
.member {
	position: relative;
	float: left;
	width: 440px;
	height: auto;
	margin: 10px 0px;
	padding: 0px;
	}
	
/* Login Screen & Reg User & Call out box */
	
.reg-user, #call-out {
	position: relative;
	float: left;
	width: 450px;
	border: 1px solid #ccc;
	background: #efefef;
	margin: 10px 75px;
	padding: 20px
}

ul#login-user, ul#new-member {
	position: relative;
	width: 450px;
	list-style: none;
	margin: 0px 0px;
	padding: 0px;
	}

ul#login-user li,ul#new-member li{
	position: relative;
	margin: 10px 0px;
	padding: 10px 0px;
	}
	
.form-label {
	position: relative;
	float: left;
	width: 100px;
	text-align: right;
	margin: 0px;
	padding: 0px;
}

.form-fields {
	position: relative;
	float: left;
	width: 300px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.form-fields input {
	position: relative;
	float: left;
	width: 300px;
	margin: 0px 0px 0px 10px;
	padding: 2px;
}

.reg-user p{
	position: relative;
	float: right;
	margin: 20px 0px 0px 0px;
	padding: 0px 20px;
}


#call-out p{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px;
}

/* Typography */

#left-contact h2 {
	font-size: 1.6em;
	color: #fff;
	font-weight: 600;
	margin: 10px 15px 35px 15px;
	}
	
#left-contact h3 {
	font-family: Helvetica,Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #66cc66;
	margin: 20px 15px 0px 15px;
	}

#left-contact p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	color: #fff;
	margin: 0px 15px 20px 15px;
	}
	
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	color: #000;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	background: #efefef;
	}
	
h2 {
	font-size: 1.4em;
	font-weight: 600;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

	
h2.left-calendar {
	height: 25px;
	background: url(/global/images/ui/ati_sprite.png) -816px -319px;
	margin:  0px!important;
	padding: 10px 0px 0px 17px!important;
	z-index: 0;
	}

h3 {
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	margin: 10px 12px;
	padding: 0px;
	}
	
p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 20px 20px 20px;
	}
	
.member p {
	margin: 10px 20px 20px 0px;
	}
	
#copyright p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
	color: #fff;
	}

/* lists */


ol {
	list-style: decimal;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 20px 10px 35px;
	}
ul#site-map  {
	list-style: outside;
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 20px 10px 35px;
	}
	
ul#site-map li ul  {
	margin: 0px 0px 0px 10px;
	}

/* links */

a:link, a:active {
	color: #00a7e5;
	text-decoration: none;
	}
	
a:hover {
	color: #ff9900;
	border-bottom: 1px dotted #ff9900;
	}
	
a:visited {
	color: #999;
	}
	
/* Clearfix */

#clear {
	clear: both;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


#logomap {
	margin: 0 auto;
	display: block;
	}
	
h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 20px 5px;
	padding: 0;
	}

#contacts {
	font-size: 1.2em;
	}
		
#contacts th {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	}
	
#contacts th, #contacts td {
	padding: 5px;
	width: 33%;
	vertical-align: top;
	}
	
#call-out ul, #call-out ol {
	font-size: 1.2em;
	}

#call-out li {
	margin-bottom: 5px;	
	}
	
	
.doc-listing span {
	display: block;
	float: right;
	margin-right: 50px;
	}	
	
	
/* LOGO FOOTER CAROUSEL */


.jcarousel-container-horizontal {
    width: 820px;
    padding: 0 40px;
	}

.jcarousel-clip-horizontal {
    width:  820px;
    height: 100px;
	}

.jcarousel-item {
    width: 100px;
    height: 100px;
	}

.jcarousel-item-horizontal {
    margin-right: 10px;
	}

.jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/uploads/carousel/next-horizontal.png) no-repeat 0 0;
	}

.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
	}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
	}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/uploads/carousel/prev-horizontal.png) no-repeat 0 0;
	}

.jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
	}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
	}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
	}