/* div styling */
@import url(http://fonts.googleapis.com/css?family=Arimo:400,400italic,700,700italic&subset=latin&v2);

body {
    text-align: center;
    background: url('../images/generic/background-as2.jpg') repeat-x top left #bcc2cb;
    font-family: 'Arimo', arial, sans-serif;
}
table {
    width:auto
}
#wrapper {
    text-align: left;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    box-shadow: 0px 0px 5px #446;
}
#masthead {
    float:left;
    background: url('../images/generic/masthead-3.gif') no-repeat top left #e7e7e8;
    height: 120px;
    width: 1000px
}
#mastheadLeft{
    height: 120px;
    float: left;
    width: 200px
}
#mastheadCentre{
    height: 120px;
    float: left;
    width: 600px
}
#mastheadRight{
    height: 120px;
    float: right;
    width: 200px
}
#topNavigationBar, 
#footer {
    background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
    float:left;
    width: 100%;
}
#leftMargin {
    float: left;
    background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
    margin-bottom: -10000px;
    padding-bottom: 10030px;
    width: 200px
}
#mainArea {
    float:left;
    padding-top: 30px;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
    background:#fff;
    margin-bottom: -10000px;
    padding-bottom: 10030px;
    padding-right:20px;
    width: 540px;
    color: #666
}
#rightMargin {
    float: right;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
    padding-top: 30px;
    margin-bottom: -10000px;
    padding-bottom: 10030px;
    padding-left:15px;
    width: 225px
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea p,
#mainArea ul,
#mainArea ol,
#mainArea li,
#mainArea pre,
#mainArea blockquote,
#mainArea table,
#mainArea embed,
#mainArea object,
#leftMargin *,
#rightMargin * {
    margin-left: 30px;
    margin-right: 30px
}
#mainArea pre {
    width: 500px;
    white-space:normal;
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4,
#mainArea ul,
#mainArea ol,
#mainArea table {
    clear:left
}
#mainArea h1,
#mainArea h2,
#mainArea h3,
#mainArea h4 {
    color: #45b
}
#mainArea h1 {
    font-size:2em;
    font-family: georgia;
    font-style:italic;
}
#mainArea h2 {
    font-family: georgia;
    font-style:italic;
    font-size:1.7em;
}
#mainArea h3 {
    font-family: georgia;
    font-style:italic;
    font-size:1.5em;
}
#mainArea h4 {
    font-family: georgia;
    font-style:italic;
    font-size:1.3em;
}
#mainArea h5 {
    font-size:1.1em;
}
#mainArea h6 {
    font-size:1em;
    font-weight:bold
}
#mainArea p img {
    margin-left: 0px
}
#mainArea p.caption {
    text-align: right;
    margin-bottom: 0px;
    clear:left;
    font-size: 80%;
}
#mainArea table {
    border-collapse: collapse;
}
#mainArea td {
    border: 1px solid #ddd;
}
#topNavigationBar p, 
#footer p, 
#topNavigationBar ul, 
#topNavigationBar li, 
#footer ul, 
#footer li {
    border:0px;
    padding: 0px;
    margin:0px;
}
#searchBox {
    color: white;
    font-weight: bold;
    margin-top: 65px;
    text-align: right;
}
#searchBox p {
    margin: 5px;
}
#searchBox input {
    font-size: 175%;
    padding-left: 2px;
    border: 0px
}
.errors {
    color:red
}
/* Margin styling */
#leftMargin p{
    margin: 0 30px 0px 30px
}
#rightMargin p, 
#rightMargin h1, 
#rightMargin h2, 
#rightMargin h3 {
    margin: 20px 30px 0 13px
}
#leftMargin a, 
#rightMargin a {
    margin:0px;
    text-decoration: none;
    text-transform:uppercase;
    color: blue
}
#leftMargin a:hover, 
#rightMargin a:hover {
    text-decoration: underline;
    color: red
}
#leftMargin a.subNavigation{
    background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
    float:left;
    display:block;
    width: 200px;
    padding: 5px 0px 5px 30px;
    border-bottom: 1px solid #fff;
    border-top: 0px;
    color: #666
}
#leftMargin a.subNavigation:hover {
    background: #d3d3d3;
    text-decoration: none;
}

/* Main Area Styling */
#mainArea form {
    width: 600px;
    border-top: 1px solid #e0e0e0;
    padding-top: 25px;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
}
#mainArea caption {
    background: url('../images/generic/masthead-gradient-2.jpg') repeat-x top left #e7e7e8;
}
#mainArea thead tr th {
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #e7e7e8;
}
#mainArea form td {
    background: #eee
}
#mainArea img {
    margin-left: 30px;
    margin-right: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
    clear:left;
    float:left
}
#mainArea .mainImage {
    margin-left: 30px;
    margin-right: 20px;
    margin-top: 5px;
    clear:left;
    float:left
}
#mainArea .mainImage img{
    margin-left: 0px;
}
#mainArea .mainImage p{
    margin-left: 0px;
    font-size: 80%
}
#mainArea p.caption {
    margin-top: -15px;
    margin-bottom: 10px;
    text-align:left;
    font-size: 80%
}
#mainArea a {
    text-decoration: none;
    color: blue
}
#mainArea a:hover {
    text-decoration:underline;
    color: red
}
/* Left Margin Styling */
#leftMargin p.featureLink {
    clear:left;
    margin: 5px 13px 0px 30px;
    padding-bottom: 3px;
    font-size: 0.9em;
    line-height: 1.25em;
    color: #777
}
#leftMargin p.featureTitle {
    clear:left;
    margin: 5px 13px 0 30px;
    font-size: 1em;
    padding-bottom: 3px;
    padding-top:7px;
    text-transform: uppercase;
    color: #666;
    text-shadow: 0 1px 0 #FFFFFF;
}
#leftMargin p.featureEntryLink {
    margin: 5px 13px 0px 30px;
    font-size: 0.9em;
    line-height: 1em;
    padding-bottom: 3px;
}
#leftMargin p.featureLink a {
    text-transform: none !important;
    color: #00e;
}
#leftMargin p.featureEntryLink a {
    text-transform: none !important;
    margin-left: 13px;
    color: #006;
}
#contactBox {
    margin: 0;
    padding-bottom: 20px;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
}
#subscriptionBox {
    margin: 0;
    padding-bottom: 20px;
    padding-top:5px;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
}
/* Right Margin Styling */
#rightMargin table {
    padding: 0px;
    margin:0px;
    margin-bottom: 10px;
}
#rightMargin p.featureLink {
    clear:left;
    margin: 5px 13px 0 0px;
    padding-bottom: 3px;
    /*border-bottom: 1px solid #ccc*/
}
#rightMargin p.featureTitle {
    clear:left;
    margin: 10px 0px 0 -15px;
    font-size: 1em;
    padding: 7px 22px 3px 7px;
    text-transform: uppercase;
    color: #666;
    border-top: 1px solid #ddd;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #f2f2f2;
    text-shadow: 0 1px 0 #FFFFFF;
}
#rightMargin p.featureEntryLink {
    margin: 6px 13px 2px 0;
    font-size: 0.9em;
    line-height: 1em;
    padding-bottom: 0px;
}
#rightMargin p.featureLink a {
    text-transform: none !important;
    color: #00e;
}
#rightMargin p.featureEntryLink a {
    text-transform: none !important;
    margin-left: 0px;
    color: #006;
    line-height: 1.2em;
}
#rightMargin .galleryThumbnails a {
    float:left;
    display:block;
    width:60px;
    height:60px;
    border:1px solid #ccc;
    padding:0;
    margin:2px 2px 0 0;
    background:#eee
}
#rightMargin .galleryThumbnails img {
    margin: 0;
}
#rightMargin .galleryThumbnails a:hover {
    text-decoration: none;
    background: #fff
}

/* Monthly Calendar Styling */
#monthlyCalendar {
    border:0;
    -moz-box-shadow: 0 0 5px #fff inset, 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #fff inset, 0 0 5px #888;
    box-shadow: 0 0 5px #fff inset, 0 0 5px #888;
    margin-left: 5px !important;
    border-radius: 5px;
    padding:13px !important;
    background: #ddd;
    border: 1px solid #bbb;
}
#monthlyCalendar td,#monthlyCalendar th {
    width: 10px;
}
#monthlyCalendar thead th {
    color: #444;
    border:0;
    background-color: #fff;
    background: url('../images/generic/masthead-gradient-2.jpg') repeat-x top left #fff;
}
#monthlyCalendar th {
    padding: 3px 5px;
    text-shadow: 0 1px 0 #fff;
}
#monthlyCalendar td {
    padding: 3px 5px;
    font-size: 80%;
    font-weight: bold;
    color: #444;
    background-color: #fff;
    background: url('../images/generic/masthead-gradient-3.jpg') repeat-x top left #fff;
    border: 1px solid #ddd !important;
    text-shadow: 0 1px 0 #FFFFFF;
}
#monthlyCalendar th.days {
    padding: 0;
    padding-left: 3px;
    font-size: 80%;
    color: #555;
    background: url('../images/generic/trow-gradient.gif') repeat-x top left #fff;
    border-right: 1px solid #ddd;
    text-shadow: none;
}
#monthlyCalendar td a.calendarLink {
    color: #444;
    margin:0;
    display:block;
    text-decoration: none;
}
#monthlyCalendar td.greyed .calendarLink{
    font-weight:normal;
    color: #666;
}
#monthlyCalendar td.weekend {
    background: url('../images/generic/masthead-gradient-2.jpg') repeat-x top left #fff;
    font-weight: normal;
    color: #777;
}
#monthlyCalendar td.today .calendarLink{
}
#monthlyCalendar td.events {
}
#monthlyCalendar td.courses {
}
#monthlyCalendar td.courses.events {
}
#monthlyCalendar .events a.calendarLink, 
#monthlyCalendar .courses a.calendarLink, 
#monthlyCalendar .highlight a.calendarLink  {
    color: #00f;
}
#monthlyCalendar td.today {
    background: #f88;
    -moz-box-shadow: 0 0 2px #900 inset;
    -webkit-box-shadow: 0 0 2px #900 inset;
    box-shadow: 0 0 2px #900 inset;
}
#monthlyCalendar td.today a {
    color: #400 !important;
}
#monthlyCalendar td.highlight {
    background: #fc6;
    color:black;
    -moz-box-shadow: 0 0 2px #fff inset;
    -webkit-box-shadow: 0 0 2px #fff inset;
    box-shadow: 0 0 2px #fff inset;
}
#monthlyCalendar td.highlight a {
    color: black !important;
}
#monthlyCalendar td:hover {
    background: url('../images/generic/trow-gradient.gif') repeat-x top left #202020;
    cursor: default;
    -moz-box-shadow: 0 0 5px #000 inset;
    -webkit-box-shadow: 0 0 5px #000 inset;
    box-shadow: 0 0 5px #000 inset;
    text-shadow: 0 1px 0 #888;
}
#monthlyCalendar td:hover .calendarLink{
    color: #FFF;
    font-weight: 700;
}
#monthlyCalendar a.calendarLink:hover {
    color: #FFF;
    font-weight: 700;
}
#monthlyCalendar th img {
    margin:0px;
    position: relative;
    float: none;
}
#monthlyCalendar th p {
    margin:0px ;
    padding:0px;
    white-space: nowrap !important;
    text-align:center
}
/* Infobox */
.tooltip {
    background: #E1E1E1;
    color: black;
    border: 1px solid #000;
}
.tooltip p {
    margin:1px;
    padding:3px;
    text-align:left;
}
.tooltip h4 {
    font-size: 1em;
    font-weight: bold;
    color: #333;
    background: url('../images/generic/masthead-gradient-2.jpg') repeat-x top left #fff;
    margin: 0px;
    padding: 3px;
    text-align:left;
    border: 1px solid #fff
}
/* Pop-up Window Wrapper */
div.winWrapper {
    position:relative
}
html>body div.winWrapper {
    position: absolute
}	
div.winShadow {
    height: 100%;
    width: 100%;
    filter:alpha(opacity=20);
    opacity:0.20;
    position: absolute;
    left: 5px;
    top: 5px;
    background-color: #000
}
div.winContent {
    background-color: #FFF;
    position: relative;
    left: 0px;
    top: 0px;
    border: 1px solid #777
}
/* Menu System */
div#topNavigationBar ul.topmenu, 
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.topmenu li, 
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.topmenu a:link, 
div#topNavigationBar ul.topmenu a:visited {
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
}	
div#topNavigationBar ul.topmenu li {
    text-align: center;
} 
div#topNavigationBar ul.topmenu a:link, 
div#topNavigationBar ul.topmenu a:visited, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.dropmenu a:link, 
div#topNavigationBar ul.dropmenu a:visited {
    display: block;
}
div#topNavigationBar ul.topmenu li#menu_contact_us a {
    background: #9ad;
    box-shadow: 0 0 10px #fff inset;
    -moz-box-shadow: 0 0 10px #fff inset;
    -webkit-box-shadow: 0 0 10px #fff inset;
    color: #009;
    text-shadow: 0px 1px 0px #ddd;
}
div#topNavigationBar ul.topmenu li#menu_contact_us a:hover,
div#topNavigationBar ul.topmenu a:hover {
    background: #d3d3d3;
    color :#00f;
    -moz-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    -webkit-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    text-shadow: 0 1px 0 #FFFFFF;
}
/* layout styles */
/* remove standard HTML list indenting, and display as normal blocks */
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu a, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu a {
    background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
    display: block;
}
div#topNavigationBar ul.topmenu li {
    float: left;
}
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu li {
    background: #e3e3e3;
    float: none;
    z-index: 5;
}

/* use a fixed width for menu and submenus */
div#topNavigationBar ul.topmenu li , 
div#topNavigationBar ul.topmenu ul, 
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu li {
    width: 200px;
}
/* make sure menus stack properly */
div#topNavigationBar ul.topmenu li , 
div#topNavigationBar ul.topmenu ul{
    z-index: 1
}
div#topNavigationBar ul.dropmenu ul, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu ul, 
div#topNavigationBar ul.submenu li {
    z-index:10
}
/* make li's into clean, moveable blocks */
div#topNavigationBar ul.topmenu li, 
div#topNavigationBar ul.dropmenu li, 
div#topNavigationBar ul.submenu li {
    list-style-type: none;
    position: relative;
}
/* Make list items do what they're supposed to in IE */
div#topNavigationBar ul.topmenu a, 
div#topNavigationBar ul.dropmenu a,
div#topNavigationBar ul.submenu a {
    border-right: 1px solid #fff;
    padding: 5px;
    text-shadow: 0 1px 0 #FFFFFF;
}
div#topNavigationBar ul.topmenu li,
div#topNavigationBar ul.dropmenu li,
div#topNavigationBar ul.submenu li{
    z-index:5;
}
div#topNavigationBar ul.topmenu li:hover,
div#topNavigationBar ul.dropmenu li:hover,
div#topNavigationBar ul.submenu li:hover {
    z-index:100;
}
/* make sure any ul inside an li (a submenu) takes up zero normal flow */
div#topNavigationBar ul.topmenu ul { 
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
}
div#topNavigationBar ul.dropmenu ul,
div#topNavigationBar ul.submenu ul {
    position: absolute;
    top: 0px;
    left: 200px !important;
    display: none;
}
div#topNavigationBar ul ul,
div#topNavigationBar ul li:hover ul ul,
div#topNavigationBar ul ul li:hover ul ul {
    display: none;
}
div#topNavigationBar ul li:hover ul,
div#topNavigationBar ul ul li:hover ul,
div#topNavigationBar ul ul ul li:hover ul {
    display: block;
    -moz-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    -webkit-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
}

/*Left Main Navigation */
#leftMargin ul,  
#leftMargin li {
    margin:0px;
}
#leftMargin li {
    padding: 2px 0px 2px 30px;
    background: url('../images/generic/masthead-gradient.jpg') repeat-x top left #e7e7e8;
}
#leftMargin ul.topmenu ul li {
    width: 170px;
}
#leftMargin ul.topmenu, 
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li, 
#leftMargin ul.topmenu a, 
#leftMargin ul.topmenu a:link, 
#leftMargin ul.topmenu a:visited {
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 5;
}
#leftMargin ul.topmenu li:hover {
    background: #d3d3d3;
    -moz-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    -webkit-box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    box-shadow: 0 0 10px #fff inset, 0 0 5px #888;
    z-index:10;
}
#leftMargin ul.topmenu li:hover a {
    color :#00f;
}
#leftMargin ul.topmenu ul li:hover a, #leftMargin ul.topmenu ul li { 
    color:#333;
}
/* layout styles */
/* remove standard HTML list indenting, and display as normal blocks */
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu a, 
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu a {
    left: 0px;
    display: block;
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu a{
    z-index:1
}
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu a {
    z-index: 10
}
#leftMargin ul.topmenu li {
    float: left;
}
#leftMargin ul.dropmenu li, 
#leftMargin ul.submenu li {
    float: none;
}
/* use a fixed width for menu and submenus */
#leftMargin ul.dropmenu ul, 
#leftMargin ul.dropmenu li {
    width: 170px !important;
    margin-left:30px
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li, 
#leftMargin ul.submenu ul, 
#leftMargin ul.submenu li {
    width: 170px !important;
    margin-left: 30px
}
#leftMargin ul.topmenu ul, 
#leftMargin ul.topmenu li {
    margin-left:0px
}
/* make li's into clean, moveable blocks */
#leftMargin ul.topmenu li, 
#leftMargin ul.dropmenu li, 
#leftMargin ul.submenu li {
    list-style-type: none;
    position: relative;
}
#leftMargin ul.topmenu ul li {
    left:200px;
}
/* Make list items do what they're supposed to in IE */
#leftMargin ul.topmenu a, 
#leftMargin ul.dropmenu a, 
#leftMargin ul.submenu a {
    border-right: 0px;
    padding: 2px 0px;
    text-shadow: 0 1px 0 #FFFFFF;
}
/* make sure any ul inside an li (a submenu) takes up zero normal flow */
#leftMargin ul.topmenu ul { 
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#leftMargin ul.dropmenu ul, 
#leftMargin ul.submenu ul {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#leftMargin ul li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}
div#leftMargin ul ul,
div#leftMargin ul li:hover ul ul,
div#leftMargin ul ul li:hover ul ul {
    display: none;
}
div#leftMargin ul li:hover ul,
div#leftMargin ul ul li:hover ul,
div#leftMargin ul ul ul li:hover ul {
    display: block;
    top: -1px;
}

/* Footer Styling */
#footer p {
    margin:0px;
    border:0px;
    padding:0px 5px;
}
#footer a {
    text-transform:uppercase;
    text-decoration:none;
    padding: 5px;
}
#footer a:hover {
    color: red;
}
/* Comments on Feature Entries */
div.featureEntryCommentBox {
    clear:left;
    border:1px solid #ddd;
    background:#fefefe;
    padding:10px 0px;
    margin: 20px 10px 10px 30px
}
p.featureEntryComment {
    margin:10px 10px 0px 10px !important;
    font-family: georgia;
    font-style:italic
}
p.featureEntryPostDetail {
    margin:0px 10px 10px 10px !important;
    font-size:80%;
    padding-bottom:5px;
    border-bottom:1px dashed #ddd;
    color: #999
}
/*TWITTER FEED*/
div#twitter_div {
    margin:0px;
    width: 200px;
}
#leftMargin #twitter_update_list {
    width: 200px;
}
#twitter_update_list ul {
    list-style-type: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
#twitter_update_list li {
    list-style-type: none !important;
    float:left;
    width: 170px;
    font-size:90%;
    color: #666;
    padding: 10px 15px 10px 15px;
}
#twitter_update_list li a {
    text-transform: none;
}
#twitter_update_list li span {
    margin:0px;
}
#twitter_update_list li a {
    text-transform: none;
    float:left
}
#twitter_update_list li span a {
    text-transform: none;
    float:none
}

#twitter-link {
    display: block;
    padding-top:20px;
    text-align:center;
    float: left;
    width: 200px;
}
#subscriptionBox .featureTitle img {
    float: left;
    margin: -7px 10px 10px -20px;
    padding: 0px;
}
#subscriptionBox iframe {
    margin: 20px 0px 0px 0px !important;
}
#tradeDoubler img {
    margin: 20px 0px 0px -42px;
}
#tradeDoubler iframe {
    margin: 2px 0px 0px -42px !important;
}

/* Style download links with a relevant file icon */
a[href $='.pdf'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/pdf.gif') no-repeat top left;
}
a[href $='.doc'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/doc.gif') no-repeat top left;
}
a[href $='.docx'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/doc.gif') no-repeat top left;
}
a[href $='.rtf'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/doc.gif') no-repeat top left;
}
a[href $='.txt'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/txt.gif') no-repeat top left;
}
a[href $='.csv'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/csv.gif') no-repeat top left;
}
a[href $='.xls'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/xls.gif') no-repeat top left;
}
a[href $='.ppt'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/ppt.gif') no-repeat top left;
}
a[href *='@'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/msg.gif') no-repeat top left;
}
a[href *='rss.php'] {    
    padding-left: 20px;
    background: transparent url('../images/generic/fileicons/rss.gif') no-repeat top left;
}
#mainArea .galleryThumbnails {
    margin-left: 30px !important;
}
#mainArea .galleryThumbnails img {
    clear:none;
    margin:5px;
}
#mainArea p.speech {
    float:left;
    background: url('../images/speech-box-middle.jpg') top center repeat-y transparent;
    margin: 0px 30px 0px 30px;
    text-align: center;
    width: 460px;
    padding: 0px 20px;
    font-family: Georgia,Times,Serif;
    font-style: italic;
    font-size: 120%;
}
#mainArea p.speechImage {
    margin:0px 30px;
    background: none;
}
#mainArea p.speechImage img {
    margin: 0px;
    float: none;
}
.footnote { margin: -12px 0px 10px 0px; font-size: 85%; color: #000; }