body { background-color: %colour_browser_background%;color: %colour_contentText%; }

a, a:link, a:visited { color: %colour_contentLinks%; }
a:hover, a:active { color: %colour_contentLinksHover%; }

#pageTopBg { background-color: %colour_upper_background%; }

#pageTopContent .title h1 { color: %colour_siteTitle%;text-shadow: 0 1px 0 %colour_siteTitle_textShadow%; }
#pageTopContent .title h1 span { color: %colour_siteSlogan%;text-shadow: 0 1px 0 %colour_siteSlogan_textShadow%; }

#visitorInteractionPanel { border-color: %colour_vip_outerBorder%; }
#adjustWidth, #adjustTextSize { color: %colour_vip_innerText%;}
#headerColor1 { background-color: %colour_upper_background%; }
#headerColor2 { background-color: %colour_upper2_background%; }
#headerColor3 { background-color: %colour_upper3_background%; }
#iPadCloseButton { color: %colour_vip_innerText%;border-color: %colour_vip_innerText%; }

.headerImage { border-color: %colour_headerImage_border%; }

#mainContentWrapper { background-color: %colour_content_background%; }

#menu ul a { color: %colour_mainMenu_text%;text-shadow: 0 1px 0 %colour_mainMenu_textShadow%; }
#mainMenuHoverLinkColor { color: %colour_mainMenu_textHoverLine%; }
.hoverMenuItemBorder { border-bottom-color: %colour_mainMenu_textHoverLine%; }
#menu ul .current { color: %colour_mainMenu_currentText%; }
.currentMenuItemBorder, #menu ul .current .hoverMenuItemBorder { border-bottom-color: %colour_mainMenu_currentHoverLine%; }
#menu ul .currentAncestor { color: %colour_mainMenu_ancestorText%; }
.ancestorMenuItemBorder, #menu ul .currentAncestor .hoverMenuItemBorder { border-bottom-color: %colour_mainMenu_ancestorHoverLine%; }
#menu ul li span.menuDivider { color: %colour_mainMenu_divider%; }
#menu ul li.ddarrow span.childIndicator { background-color: %colour_mainMenu_childrenIndicator%; }

/* Color Styles for Main Menu Drop Down, applied when selected in theme options. */
#menu ul ul {border-left-color: %colour_subMenu_leftBorder%;background-color: %colour_subMenu_background%;}
#menu ul ul a {color: %colour_subMenu_text%;text-shadow: 0 1px 0 %colour_subMenu_textShadow%;}
#menu ul ul a:hover {color: %colour_subMenu_textHover%;background-color: %colour_subMenu_backgroundHover%;}
#menu ul ul .current, #menu ul ul .current:hover {color: %colour_subMenu_currentText%;background-color: %colour_subMenu_currentBackground%;}
#menu ul ul .currentAncestor, #menu ul ul .currentAncestor:hover {color: %colour_subMenu_ancestorText%;background-color: %colour_subMenu_ancestorBackground%;}
#menu ul ul li.ddarrow span { border-right-color: %colour_subMenu_childrenIndicator%; }

#menu ul ul ul {border-left-color: %colour_subMenu_childrenBorder%;border-bottom-color: %colour_subMenu_childrenBorder%; }

#footerWrapper { background-color: %colour_upper_background%; }
#footer {color: %colour_footer_text%;}
#footer a {color: %colour_footer_linkText%;}
#footer a:hover {color: %colour_footer_linkTextHover%;}

#breadcrumbContainer a, #breadcrumbContainer a:hover {color: %colour_breadcrumbLinkText%; }
#breadcrumbContainer span { color: %colour_breadcrumbDivider%; }

#subMenu ul ul {border-left-color: %colour_subMenu_leftBorder%;background-color: %colour_subMenu_background%;}
#subMenu ul ul a {color: %colour_subMenu_text%;text-shadow: 0 1px 0 %colour_subMenu_textShadow%;}
#subMenu ul ul a:hover {color: %colour_subMenu_textHover%;background-color: %colour_subMenu_backgroundHover%;}
#subMenu ul .current, #subMenu ul .current:hover {color: %colour_subMenu_currentText%;background-color: %colour_subMenu_currentBackground%;}
#subMenu ul .currentAncestor, #subMenu ul .currentAncestor:hover {color: %colour_subMenu_ancestorText%;background-color: %colour_subMenu_ancestorBackground%;}
#subMenu ul ul li.ddarrow span { border-right-color: %colour_subMenu_childrenIndicator%; }

#subMenu ul ul ul {border-left-color: %colour_subMenu_childrenBorder%; }

#extraContainer1 {color: %colour_EC1_text%;}
#extraContainer1 a {color: %colour_EC1_link%;}
#extraContainer1 a:hover {color: %colour_EC1_linkHover%;}

#extraContainer2 {color: %colour_EC2_text%;}
#extraContainer2 a {color: %colour_EC2_link%;}
#extraContainer2 a:hover {color: %colour_EC2_linkHover%;}

#extraContainer3 {color: %colour_EC3_text%;}
#extraContainer3 a {color: %colour_EC3_link%;}
#extraContainer3 a:hover {color: %colour_EC3_linkHover%;}

#extraContainer4 {background-color: %colour_EC4_background%;border-color: %colour_EC4_border%;color: %colour_EC4_Text%;text-shadow: 0 1px 0 %colour_EC4_textShadow%;}
#extraContainer4 a {color: %colour_EC4_link%;}
#extraContainer4 a:hover {color: %colour_EC4_linkHover%;}

#extraContainer5 {background-color: %colour_EC5_background%;border-color: %colour_EC5_border%;color: %colour_EC5_Text%;text-shadow: 0 1px 0 %colour_EC5_textShadow%;}
#extraContainer5 a {color: %colour_EC5_link%;}
#extraContainer5 a:hover {color: %colour_EC5_linkHover%;}

#ec6Wrapper { background-color: %colour_EC6_background%; }
#extraContainer6 {color: %colour_EC6_Text%;text-shadow: 0 1px 0 %colour_EC6_textShadow%;}
#extraContainer6 a {color: %colour_EC6_link%;}
#extraContainer6 a:hover {color: %colour_EC6_linkHover%;}

#extraContainer7 {color: %colour_EC7_Text%;text-shadow: 0 1px 0 %colour_EC7_textShadow%;}
#extraContainer7 a {color: %colour_EC7_link%;}
#extraContainer7 a:hover {color: %colour_EC7_linkHover%;}

blockquote, .standout {background-color: %colour_blockquoteBackground%;color: %colour_blockquoteText%;}

h1.blog-entry-title {border-bottom-color: %colour_blogEntryTextTopBorder%;}
.blog-entry-date, .blog-entry-tags { background-color: %colour_blogEntryDateTag_background%;border-color: %colour_blogEntryDateTag_border%;text-shadow: 0 1px 0 %colour_blogEntryDateTag_textShadow%; }

.form-input-field {border-color: %colour_contactFormBorder%;background-color: %colour_contactFormBackground%;color: %colour_contactFormText%;}

.thumbnail-caption {color: %colour_PhotoAlbumThumbnailCaption%;}
.photo-background {background-color: %colour_PhotoAlbumIndividualBackground%;color: %colour_PhotoAlbumIndividualText%;}
.photo-caption {color: %colour_PhotoAlbumIndividualCaption%;}
.photo-links a, .photo-links a:hover, .photo-links a:visited {color: %colour_PhotoAlbumIndividualNavigationLinks%;}

.movie-thumbnail-caption {color: %colour_MovieAlbumThumbnailCaption%;}
.movie-background {background-color: %colour_MovieAlbumIndividualBackground%;}
.movie-title {color: %colour_MovieAlbumIndividualCaption%;}

.filesharing-item {border-left-color: %colour_fileSharingItemLeftBorder%;}
.filesharing-item-title {border-bottom-color: %colour_fileSharingItemTitleUnderline%;}

/* Below are iPhone specific color styles */
@media screen and (max-width: 480px) {
#mobileMenuTab { background-color: %colour_iphone_menuToggleBg% !important; }
#menu ul {border-left-color: %colour_subMenu_leftBorder%;background-color: %colour_subMenu_background%;}
#menu ul a {color: %colour_subMenu_text%;text-shadow: 0 1px 0 %colour_subMenu_textShadow%;}
#menu ul a:hover {color: %colour_subMenu_textHover%;background-color: %colour_subMenu_backgroundHover%;}
#menu ul .current, #menu ul .current:hover {color: %colour_subMenu_currentText%;background-color: %colour_subMenu_currentBackground%;}
#menu ul .currentAncestor, #menu ul .currentAncestor:hover {color: %colour_subMenu_ancestorText%;background-color: %colour_subMenu_ancestorBackground%;}
#menu ul li.ddarrow span { border-right-color: %colour_subMenu_childrenIndicator%; }

#menu ul ul {border-left-color: %colour_subMenu_childrenBorder%; }
}