body {background-color: %colour_body_background%;color: %colour_bodyText%;}

a, a:link, a:visited {color: %colour_bodyLinks%;}
a:hover, a:active {color: %colour_bodyHoverLinks%;}

#topECWrapper {background-color: %colour_ec12Background%;}

.titleSlogan h1 {color: %colour_siteTitle%;text-shadow: 0 1px 3px %colour_siteTitle_textShadow%;}
.titleSlogan h4 {color: %colour_siteSlogan%;text-shadow: 0 1px 3px %colour_siteSlogan_textShadow%;}

#shadowWrapper {-webkit-box-shadow: 0 0 5px %colour_pageContentDropShadow%;-moz-box-shadow: 0 0 5px %colour_pageContentDropShadow%;box-shadow: 0 0 5px %colour_pageContentDropShadow%;}

#menuContainer {border-bottom: 1px solid %colour_mainMenuBottomBorder%;}
#menuContainer, #mobileMenuTab, #mobileSidebarTab {background-color: %colour_menuBackground%;}

#menu ul li a, #mobileMenuTab, #mobileSidebarTab {color: %colour_menuLinkText%;text-shadow: 0 1px 3px %colour_menuTextShadow%;}
#menu ul li a:hover {color: %colour_menuHoverLinkText%;text-shadow: 0 1px 3px %colour_menuHoverTextShadow%;}

#menu .current, #menu .currentAncestor {background-color: %colour_currentMenuBackground%;border-left: 1px solid %colour_currentMenuBorder%;border-right: 1px solid %colour_currentMenuBorder%;border-top: 1px solid %colour_currentMenuBorder%;color: %colour_currentMenuLinkText%;text-shadow: 0 -1px 0 %colour_currentMenuLinkTextShadow%;}
#menu .current:hover, #menu .currentAncestor:hover {background-color: %colour_currentMenuBackground%;border-left: 1px solid %colour_currentMenuBorder%;border-right: 1px solid %colour_currentMenuBorder%;border-top: 1px solid %colour_currentMenuBorder%;color: %colour_currentMenuLinkText%;text-shadow: 0 -1px 0 %colour_currentMenuLinkTextShadow%;}

#contentWrapper {background-color: %colour_contentBackground%;}

#sidebarBg {background-color: %colour_sidebarBackground%;color: %colour_sidebarText%;}
#sidebarBg a {color: %colour_sidebarLinks%;}
#sidebarBg a:hover {color: %colour_sidebarHoverLinks%;}
#sidebarContainer .sideHeader {color: %colour_sidebarHeader%;border-bottom: 1px solid %colour_sidebarHeaderUnderline%;}

#subMenu {background-color: %colour_subMenuBackground%;}
#subMenu ul li a {color: %colour_subMenuLinkText%;text-shadow: 0 1px 3px %colour_subMenuLinkTextShadow%;}
#subMenu ul li a:hover {color: %colour_subMenuHoverLinkText%;}
#subMenu .current, #subMenu .current:hover, #subMenu .currentAncestor, #subMenu .currentAncestor:hover {color: %colour_currentSubMenuText%;text-shadow: 0 1px 3px %colour_currentSubMenuTextShadow%;}

#sub2Menu ul li a {color: %colour_sub2MenuLinkText%;text-shadow: 0 1px 3px %colour_sub2MenuTextShadow%;}
#sub2Menu ul, #sub2Menu ul ul, #sub2Menu ul ul ul {background-color: %colour_sub2MenuBackground%;}
#sub2Menu ul li a:hover, #sub2Menu ul ul li a:hover, #sub2Menu ul ul ul li a:hover {background-color: %colour_sub2MenuHoverBackground%;}
#sub2Menu .current, #sub2Menu .current:hover {color: %colour_currentSub2MenuText%;text-shadow: 0 1px 0 %colour_currentSub2MenuTextShadow%;background-color: %colour_currentSub2MenuBackground%;}

#extraContainer1, #extraContainer2 {color: %colour_ec12Text%;}
#extraContainer1 a, #extraContainer2 a {color: %colour_ec12Links%;}
#extraContainer1 a:hover, #extraContainer2 a:hover {color: %colour_ec12HoverLinks%;}

#extraContainer2 {border-left: 1px solid %colour_ec2LeftRightBorder%;border-right: 1px solid %colour_ec2LeftRightBorder%;}
#extraContainer2 .menu ul a, #extraContainer2 .menu ul ul a {color: %colour_ec2MenuLinks%;}
#extraContainer2 .menu ul a:hover {color: %colour_ec2MenuHoverLinks%;}
#extraContainer2 .menu ul ul a:hover {background-color: %colour_ec2MenuHoverBackground%;}

#extraContainer3 {color: %colour_ec3Text%;}
#extraContainer3 a {color: %colour_ec3Links%;}
#extraContainer3 a:hover {color: %colour_ec3HoverLinks%;}

#extraContainer4 {color: %colour_ec4Text%;}
#extraContainer4 a {color: %colour_ec4Links%;}
#extraContainer4 a:hover {color: %colour_ec4HoverLinks%;}

#extraContainer5 {color: %colour_ec5Text%;background-color: %colour_ec5Background%;border-bottom: 3px solid %colour_ec5BottomBorder%;}
#extraContainer5 a {color: %colour_ec5Links%;}
#extraContainer5 a:hover {color: %colour_ec5HoverLinks%;}

#extraContainer6 {color: %colour_ec6Text%;background-color: %colour_ec6Background%;}
#extraContainer6 a {color: %colour_ec6Links%;}
#extraContainer6 a:hover {color: %colour_ec6HoverLinks%;}

#extraContainer7 {color: %colour_ec7Text%;background-color: %colour_ec7Background%;border-top: 3px solid %colour_ec7TopBorder%;}
#extraContainer7 a {color: %colour_ec7Links%;}
#extraContainer7 a:hover {color: %colour_ec7HoverLinks%;}

#breadcrumbWrapper {background-color: %colour_breadcrumbBackground%;}
#breadcrumb {color: %colour_breadcrumbText%;}
#breadcrumb a {color: %colour_breadcrumbLinks%;}
#breadcrumb a:hover {color: %colour_breadcrumbHoverLinks%;}

#footer p, #bcFooter {color: %colour_footerText%;}
#footer a, #bcFooter a {color: %colour_footerLinks%;}
#footer a:hover, #bcFooter a:hover {color: %colour_footerHoverLinks%;}

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

.blog-entry-body {border-top: 1px solid %colour_blogEntryTextTopBorder%;}

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

.thumbnail-frame img {border: 2px solid %colour_PhotoAlbumThumbnailBorder%;}
.thumbnail-frame img:hover {border: 2px solid %colour_PhotoAlbumThumbnailBorderHover%;}
.thumbnail-caption {color: %colour_PhotoAlbumThumbnailCaption%;}
.photo-background {background-color: %colour_PhotoAlbumIndividualBackground%;}
.photo-frame{border: solid 2px %colour_PhotoAlbumIndividualBorder%;}
.photo-caption {color: %colour_PhotoAlbumIndividualCaption%;}

.movie-thumbnail-frame a {border: 2px solid %colour_MovieAlbumThumbnailBorder%;}
.movie-thumbnail-frame a:hover {border: 2px solid %colour_MovieAlbumThumbnailBorderHover%;}
.movie-thumbnail-caption {color: %colour_MovieAlbumThumbnailCaption%;}
.movie-background {background-color: %colour_MovieAlbumIndividualBackground%;}
.movie-frame object {border: solid 2px %colour_MovieAlbumIndividualBorder%;}

.filesharing-item {border: solid 2px %colour_fileSharingItemBorder%;}
.filesharing-item-title {border-bottom: 1px dotted %colour_fileSharingItemTitleUnderline%;}

blockquote, .standout {background-color: ;}
body {background-color: #FFFFFF;color: #000000;}

a, a:link, a:visited {color: #CB006B;}
a:hover, a:active {color: #6699FF;}

#topECWrapper {background-color: #111111;}

.titleSlogan h1 {color: #FFFFFF;text-shadow: 0 1px 3px #FFFFFF;}
.titleSlogan h4 {color: #FF65FF;text-shadow: 0 1px 3px #000000;}

#shadowWrapper {-webkit-box-shadow: 0 0 5px #000000;-moz-box-shadow: 0 0 5px #000000;box-shadow: 0 0 5px #000000;}

#menuContainer {border-bottom: 1px solid #777777;}
#menuContainer, #mobileMenuTab, #mobileSidebarTab {background-color: #C1005D;}

#menu ul li a, #mobileMenuTab, #mobileSidebarTab {color: #FFFFFF;text-shadow: 0 1px 3px #660000;}
#menu ul li a:hover {color: #FFFFFF;text-shadow: 0 1px 3px #660000;}

#menu .current, #menu .currentAncestor {background-color: #CC0000;border-left: 1px solid #770000;border-right: 1px solid #770000;border-top: 1px solid #770000;color: #FFFFFF;text-shadow: 0 -1px 0 #550000;}
#menu .current:hover, #menu .currentAncestor:hover {background-color: #CC0000;border-left: 1px solid #770000;border-right: 1px solid #770000;border-top: 1px solid #770000;color: #FFFFFF;text-shadow: 0 -1px 0 #550000;}

#contentWrapper {background-color: #FFFFFF;}

#sidebarBg {background-color: #FFFFFF;color: #000000;}
#sidebarBg a {color: #334C7E;}
#sidebarBg a:hover {color: #6699FF;}
#sidebarContainer .sideHeader {color: #000000;border-bottom: 1px solid #E4E4E4;}

#subMenu {background-color: #CB006A;}
#subMenu ul li a {color: #FFFFFF;text-shadow: 0 1px 3px #000000;}
#subMenu ul li a:hover {color: #FFFFFF;}
#subMenu .current, #subMenu .current:hover, #subMenu .currentAncestor, #subMenu .currentAncestor:hover {color: #FFFFFF;text-shadow: 0 1px 3px #000000;}

#sub2Menu ul li a {color: #FFFFFF;text-shadow: 0 1px 3px #000000;}
#sub2Menu ul, #sub2Menu ul ul, #sub2Menu ul ul ul {background-color: #4569AE;}
#sub2Menu ul li a:hover, #sub2Menu ul ul li a:hover, #sub2Menu ul ul ul li a:hover {background-color: #4569AE;}
#sub2Menu .current, #sub2Menu .current:hover {color: #000000;text-shadow: 0 1px 0 #588BE6;background-color: #4569AE;}

#extraContainer1, #extraContainer2 {color: #CCCCCC;}
#extraContainer1 a, #extraContainer2 a {color: #FFFFFF;}
#extraContainer1 a:hover, #extraContainer2 a:hover {color: #FFFFFF;}

#extraContainer2 {border-left: 1px solid #333333;border-right: 1px solid #333333;}
#extraContainer2 .menu ul a, #extraContainer2 .menu ul ul a {color: #FFFFFF;}
#extraContainer2 .menu ul a:hover {color: #FFFFFF;}
#extraContainer2 .menu ul ul a:hover {background-color: #333333;}

#extraContainer3 {color: #FFFFFF;}
#extraContainer3 a {color: #6699FF;}
#extraContainer3 a:hover {color: #6699FF;}

#extraContainer4 {color: #FFFFFF;}
#extraContainer4 a {color: #6699FF;}
#extraContainer4 a:hover {color: #6699FF;}

#extraContainer5 {color: #000000;background-color: #FFFFFF;border-bottom: 3px solid #666666;}
#extraContainer5 a {color: #334C7E;}
#extraContainer5 a:hover {color: #6699FF;}

#extraContainer6 {color: #000000;background-color: #FFFFFF;}
#extraContainer6 a {color: #334C7E;}
#extraContainer6 a:hover {color: #6699FF;}

#extraContainer7 {color: #000000;background-color: #FFFFFF;border-top: 3px solid #666666;}
#extraContainer7 a {color: #334C7E;}
#extraContainer7 a:hover {color: #6699FF;}

#breadcrumbWrapper {background-color: #000000;}
#breadcrumb {color: #FFFFFF;}
#breadcrumb a {color: #999999;}
#breadcrumb a:hover {color: #FFFFFF;}

#footer p, #bcFooter {color: #777777;}
#footer a, #bcFooter a {color: #CCCCCC;}
#footer a:hover, #bcFooter a:hover {color: #FFFFFF;}

blockquote, .standout {background-color: #E4E4E4;}

.blog-entry-body {border-top: 1px solid #E4E4E4;}

.form-input-field {border: 1px solid #999999;background-color: #F4F4F4;color: #777777;}

.thumbnail-frame img {border: 2px solid #000000;}
.thumbnail-frame img:hover {border: 2px solid #6699FF;}
.thumbnail-caption {color: #999999;}
.photo-background {background-color: #FFFFFF;}
.photo-frame{border: solid 2px #000000;}
.photo-caption {color: #999999;}

.movie-thumbnail-frame a {border: 2px solid #000000;}
.movie-thumbnail-frame a:hover {border: 2px solid #000000;}
.movie-thumbnail-caption {color: #999999;}
.movie-background {background-color: #FFFFFF;}
.movie-frame object {border: solid 2px #000000;}

.filesharing-item {border: solid 2px #666666;}
.filesharing-item-title {border-bottom: 1px dotted #000000;}

blockquote, .standout {background-color: ;}


		#topEC, #pageWrapper, #footer {width: 900px;}

body {font-family: "Trebuchet MS", sans-serif;}

body {font-size: 11pt;}

#container {background-image: none;}

#menuContainer {display: none;}

/* SubMenu Styles */
#subMenu ul {margin: 0;padding: 0;list-style: none;position: relative;line-height: 35px;}

#subMenu ul {margin: 0;padding: 0 5px;height: 35px;}
#subMenu ul li {display: block;float: left;height: 35px;background: transparent url(images/menufade.png) 0 35px repeat-x;}
#subMenu ul li:hover {background: transparent url(images/menufade.png) bottom left repeat-x;}
#subMenu ul li a {display: block;float: left;padding: 0 15px;}
#subMenu ul li a:hover {}

#subMenu ul ul {display: none;}


/* Sub2Menu Styles */
#sub2Menu ul ul {margin: 0 0 15px 0;padding: 5px 0;background-image: url(images/sub2Menubg.png);background-position: 0 6px;background-repeat: repeat-y;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#sub2Menu ul ul li a {display: block;padding: 0 10px;background-image: url(images/sub2MenuCurrent.png);background-position: -10px 3px;background-repeat: no-repeat;}
#sub2Menu ul ul li a:hover {background-image: url(images/sub2MenuCurrent.png);background-position: left center;background-repeat: no-repeat;}

#sub2Menu ul ul ul {margin: 0;padding: 0;}
#sub2Menu ul ul ul li {}

#sub2Menu ul ul ul li a {padding: 0 10px 0 25px;}
#sub2Menu ul ul ul ul li a {padding: 0 10px 0 40px;}
#sub2Menu ul ul ul ul ul li a {padding: 0 10px 0 55px;}
#sub2Menu ul ul ul ul ul ul li a {padding: 0 10px 0 70px;}
#sub2Menu ul ul ul ul ul ul ul li a {padding: 0 10px 0 85px;}
#sub2Menu ul ul ul ul ul ul ul ul li a {padding: 0 10px 0 100px;}
#sub2Menu ul ul ul ul ul ul ul ul ul li a {padding: 0 10px 0 115px;}
#sub2Menu ul ul ul ul ul ul ul ul ul ul li a {padding: 0 10px 0 130px;}

#headerImage {height: 250px;}

#sidebarContainer {display: none;}
#contentContainer {width: 100%;}

#mobileSidebarTab {display: none;}

#topECWrapper {display: block;}
#extraContainer1 {display: block;}

@media only screen and (max-device-width: 480px) {

html {-webkit-text-size-adjust:none}

.imageStyle {height: auto;}

#topEC, #pageWrapper, #footer, #contentContainer {width: auto;}

#shadowWrapper {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}

#sidebarContainer, #subMenu, #sub2Menu, #topECWrapper, #extraContainer3, #extraContainer4, #extraContainer5, #extraContainer6, #extraContainer7 {display: none;}

#pageWrapper {padding-top: 15px;min-height: 0;}
#logoTitle {margin-bottom: 10px;padding-top: 10px;}
.titleSlogan {padding: 0 5px;}

#mobileTabWrapper {display: block;position: absolute;top: 0;right: 0;}
#mobileMenuTab, #mobileSidebarTab {float: right;margin-right: 5px;padding: 5px 7px;-webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-webkit-box-shadow: 0 0 5px black;font-size: 1.1em;}

#contentContainer, #sidebarContainer {float: none;}

/* Reset menu styles from desktop version */
#menuContainer {display: none;height: auto;background-image: url(images/menuShadow.png);}

#menu {height: auto;padding: 5px;}

#menu ul {margin: 0;padding: 0;}

#menu ul li {float: none;background-image: none;line-height: 30px;}
#menu ul li:hover {background-image: none;}

#menu ul li a {line-height: 30px;}
#menu ul li a:hover {}

#menu ul ul {display: block;margin-left: 15px;}

#menu .current, #menu .currentAncestor {background-image: none;border-bottom: 1px solid black;line-height: 30px;-webkit-border-radius: 5px;}
#menu .current:hover, #menu .currentAncestor:hover {background-image: none;border: none;}

#contentWrapper {padding: 10px;}

#contentContainer {margin-top: 0;}

#sidebarContainer {float: none;position: absolute;width: 94%;top: 10%;left: 3%;z-index: 100;-webkit-box-shadow: 0 0 10px black;-webkit-border-radius: 5px;}

/* Possible Fix for iPhone - This will prevent content overflow 
 * when there are a large number of categories assigned to a single blog post,
 * but doesn't look as nice as the default behavior.
 *.blog-entry-date {clear: both;overflow: auto;}
 *.blog-entry-category {float: right;}
 */

}