﻿div,p,h1,h2,h3,img,ul,ol,li,span,form,input,select,textarea,label,body,table,tr,td,th
{margin: 0; padding: 0; border: none; position: relative;}

a {outline: none;}

body {background: #474F5D;}

.borders {width: 842px; background: url("../bg_borders.gif") repeat-y; margin: 3px auto 0 auto; font-size: 1px;}

.page {width: 830px; margin: 0 6px; z-index: 5; font-family: "Times New Roman", Times, serif;}

.header {width: 830px; height: 117px; background: url(images/bg_header.gif) no-repeat;}
.header img.logo {position: absolute; top: 55px; left: 21px;}
.header img.logo_small {position: absolute; top: 80px; right: 16px;}

.icons {width: 830px; height: 90px; background: url(images/nav1.gif) no-repeat;}
.icons ul {list-style: none; width: 830px; height: 90px;}
.icons li {float: left; display: inline; text-indent: -9999px;}
.icons li a {background: url(images/nav1.gif) 0 0 no-repeat; height: 90px; display: block;}

.icons li.theatre a {width: 118px;}
.icons li.music a {width: 93px; background-position: -118px 0;}
.icons li.visualarts a {width: 114px; background-position: -211px 0;}
.icons li.creativewriting a {width: 147px; background-position: -325px 0;}
.icons li.musicaltheatre a {width: 138px; background-position: -472px 0;}
.icons li.dance a {width: 93px; background-position: -610px 0;}
.icons li.filmandvideo a {width: 127px; background-position: -703px 0;}

.icons li.theatre a:hover, .icons ul.theatre li.theatre a {width: 118px; background-position: 0 -90px;}
.icons li.music a:hover, .icons ul.music li.music a {width: 93px; background-position: -118px -90px;}
.icons li.visualarts a:hover, .icons ul.visual_arts li.visualarts a {width: 114px; background-position: -211px -90px;}
.icons li.creativewriting a:hover, .icons ul.creative_writing li.creativewriting a {width: 147px; background-position: -325px -90px;}
.icons li.musicaltheatre a:hover, .icons ul.musical_theatre li.musicaltheatre a {width: 138px; background-position: -472px -90px;}
.icons li.dance a:hover, .icons ul.dance li.dance a {width: 93px; background-position: -610px -90px;}
.icons li.filmandvideo a:hover, .icons ul.film_and_video li.filmandvideo a {width: 127px; background-position: -703px -90px;}

.middle {width: 830px; background: #fff; padding-bottom: 5px;}
.int_bg {background: #111B22 url(images/bg_columns.gif) repeat-y;}
.text {width: 624px; background: #fff; float: right; margin: 6px 0 0 0; display: inline; padding: 0 0 6px 0;}
.nav {float: left; margin: 6px 0 0 5px; display: inline; width: 196px; padding-bottom: 0px; background: #495160;}
.nav ul {list-style: none; width: 196px; height: 396px; text-indent: -9999px;}
.nav li {}
.nav li a {display: block; width: 196px; background: url(images/subnav1.gif) 0 0 no-repeat;}

.nav li.home a {height: 37px;}
.nav li.missionandvision a {height: 33px; background-position: 0 -37px;}
.nav li.presidentsmessage a {height: 32px; background-position: 0 -70px;}
.nav li.executiveboard a {height: 33px; background-position: 0 -102px;}
.nav li.boardminutes a {height: 32px; background-position: 0 -135px;}
.nav li.membership a {height: 32px; background-position: 0 -167px;}
.nav li.annualconference a {height: 31px; background-position: 0 -199px;}
.nav li.resourcesandlinks a {height: 31px; background-position: 0 -230px;}
.nav li.internationalnetwork a {height: 33px; background-position: 0 -261px;}
.nav li.jobvacancies a {height: 33px; background-position: 0 -294px;}
.nav li.advocacy a {height: 32px; background-position: 0 -327px;}
.nav li.contactus a {height: 37px; background-position: 0 -359px;}

.nav li.home a:hover, .nav ul.home li.home a {height: 37px; background-position: -196px 0;}
.nav li.missionandvision a:hover, .nav ul.mission li.missionandvision a {height: 33px; background-position: -196px -37px;}
.nav li.presidentsmessage a:hover, .nav ul.president li.presidentsmessage a {height: 32px; background-position: -196px -70px;}
.nav li.executiveboard a:hover, .nav ul.board li.executiveboard a {height: 33px; background-position: -196px -102px;}
.nav li.boardminutes a:hover, .nav ul.minutes li.boardminutes a {height: 32px; background-position: -196px -135px;}
.nav li.membership a:hover, .nav ul.membership li.membership a {height: 32px; background-position: -196px -167px;}
.nav li.annualconference a:hover, .nav ul.conference li.annualconference a {height: 31px; background-position: -196px -199px;}
.nav li.resourcesandlinks a:hover, .nav ul.resources li.resourcesandlinks a {height: 31px; background-position: -196px -230px;}
.nav li.internationalnetwork a:hover, .nav ul.network li.internationalnetwork a {height: 33px; background-position: -196px -261px;}
.nav li.jobvacancies a:hover, .nav ul.jobs li.jobvacancies a {height: 33px; background-position: -196px -294px;}
.nav li.advocacy a:hover, .nav ul.advocacy li.advocacy a {height: 32px; background-position: -196px -327px;}
.nav li.contactus a:hover, .nav ul.contact li.contactus a {height: 37px; background-position: -196px -359px;}

.blurb {float: right; width: 618px; height: 95px; display: inline; margin: 6px 6px 0 0; background: url(images/bg_blurb.gif) no-repeat;}
.blurb p {font: 13px Times New Roman; color: #111B22; line-height: 18px; padding: 40px 15px 0 15px;}
.blurb_int {float: left; width: 618px; height: 47px; display: inline; margin: 6px 0 0 6px; background: url(images/bg_blurb_int.gif) no-repeat;}
.blurb_int h1 {font: bold 14px Times New Roman; color: #860071; padding: 15px 0 0 20px;}

.content {clear: left; float: left; width: 612px; background: url(images/bg_content.gif) repeat-y; margin: 6px 0 0 6px; border-top: 1px solid #C7C8C3; border-bottom: 1px solid #C7C8C3; display: inline; padding-bottom: 30px; min-height:510px; height:auto !important; height:510px;}
.content h1 {font: bold 13px Times new Roman; color: #6D6E5E; padding: 20px 0 0 20px;}
.content p, .content ul, .content ol, .content table {font: 12px Times New Roman; color: #13120D; padding: 8px 20px 0 20px; line-height: 18px;}
.content a {color: #13120D;}
.content a:hover {text-decoration: none;}
.content th {font-weight: bold;}

.fade {width: 612px; height: 1px; font-size: 1px; background: url(images/fade.gif) no-repeat; margin: 35px 0 15px 0;}
.middle img.main_photo {float: right; display: inline; margin: 6px 6px 0 0;}
.nav img.fnaa {float: left; margin: 6px 0 0 0px;}

.columns {width: 830px; background: #111B22 url(images/bg_columns.gif) repeat-y; padding-bottom: 20px;}
.columns img.fnaa {float: left; margin: 6px 0 0 5px; display: inline;}
.right_column {width: 582px; float: right; background: url(images/bg_right_column.gif) repeat-y; margin: 23px 27px 0 0; display: inline;}
.announcements {float: left; width: 250px;} 
.announcements span {color: #909081; font-size: 16px; font-weight: bold;}
.announcements a {color: #909081; text-decoration: underline;}
.announcements a:hover {text-decoration: none;}
.announcements li {background: url(images/bg_li.gif) 2px 6px no-repeat; font-size: 13px; color: #fff; line-height: 16px; padding: 3px; text-indent: 15px; list-style: none;} 

.section {float: right; width: 312px;}
.section img.thumb {border: 6px solid #fff; margin: 15px 16px 0 15px;}
.section p {font-size: 13px; color: #fff; line-height: 16px; padding: 18px 0 0 15px;}
.section a {color: #fff;}
.section a:hover {text-decoration: none;}

.footer {width: 830px; margin: 2px auto 0 auto; padding-bottom: 15px;}
.footer p {color: #111B22; font-size: 13px; text-align: center; line-height: 16px;}
.footer a {color: #111B22; text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.clr {clear: both; font-size: 1px;}

.imageSlideshowHolder {width:200px; height:133px; position:relative; border: 6px solid #fff; margin: 15px 16px 0 15px;}
.imageSlideshowHolder img {position: absolute; top: 0; left: 0;}

