@import url('/includes/css/main.css');

/* General Element Styles - START */

body {
  background: #9cf url('/pics/layout/body_bg.png') top left repeat-x;
  color: #000;
  font-family: Georgia, Constantina, Palatino, "Times New Roman", Times, serif;
  margin-bottom: 80px;
  text-align: center; 
}

.clr {
  clear: both;
}

/* General Element Styles - END */


/* Layout Classes - START */
#topsection, #header, #topmenu, #bottomsection, #footer {
  font-family: "Lucida Grande", "Lucida Sans", Tahoma, Candara, Trebuchet, Verdana, Arial, sans-serif;
}


#maincontainer {
  background: #fff url('/pics/layout/content_bg.png') 0 500px repeat-y;
  border-left: 2px solid #000;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000; 
  margin: 0 auto;
  text-align: left;
  width: 980px;  
}


#topsection {
  background-color: #fff;
  font-size: 12px;
  line-height: 14px;  
  margin: 0 5px 0 5px;
  padding: 5px 0 5px 0;
  width: 970px;

}

#topsection a:link, #topsection a:visited {
  text-decoration: none;
}


#topsection a:hover, #topsection a:active {
  text-decoration: underline;
}


/* Top Menu Social/Portal Links - START */
#topsectionnav {
   float: left;
   width: 44%;
}

#topsectionticker {
  float: right;
  width: 55%;
  text-align: right;
}

#nav .portal {
  background-color: #fff;
}

#nav li.portal {
  margin-right: 0;
  padding-right: 0;
}

#nav .portal a, #nav .portal a:visited {
  background-color: #fff;
  color: #CC3366;  /*color of reg a link */
  font-weight: normal;
  font-size: 12px;
  line-height: 14px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;  
}

#nav .portal a:hover, #nav .portal a:active  {
  background-color: #fff;
  color: #FF9999;  /*color of reg a link */
  text-decoration: underline;
}


#nav .portal ul li {
  background-color: #fff;
  padding-left: 5px;
  border-left: 1px solid #ddd; 
  border-right: 1px solid #ddd; 
  border-bottom: 1px solid #ddd; 
  /* width: 20em;   */

 
}

#nav .portal ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
  /*  width: 15em;   */
}


.button {
  height: 16px;
  width: 16px !important; 
  padding: 0px !important;
  margin-left: 3px !important;
}

.twitter {
  background: url('/pics/icons/twitter.gif') 0 50% no-repeat;
}

.facebook {
  background: url('/pics/icons/facebook.gif') 0 50% no-repeat;
}

.youtube {
  background: url('/pics/icons/youtube.gif') 0 50% no-repeat;
}

.more {
  background: url('/pics/icons/more.gif') 0 50% no-repeat;
}


/* Top Menu Social/Portal Links - END */


#headerwrap {
  clear: both;
  background: #006 url('/pics/layout/logo_bg.png') bottom left no-repeat;
  margin: 0 5px 0 5px;  
  width: 970px;   
}


#header {
  height: 100px;
}


#homelink {
  display: block;
  float: left;
  height: 75px;
  width: 300px;
}


#printlogo {
  display: none;
}


#headerlinks {
  color: #fff;
  margin-left: 505px;
}


#headerlinks #headersearch {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0 6px 10px 0;
  padding-top: 5px;
  text-align: right;   
}


#headerlinks #searchinput {
  background-color: #007;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  width: 180px;
}


#headerlinks #searchbutton {
  border: 0;
  margin-bottom: -3px;
}


#headerlinks ul {
  float: right;
  width: 155px;
}


#headerlinks li {
  font-size: 11px;
  list-style-image: url('/pics/icons/wforward-arrow.png');
  line-height: 14px;  
  margin-bottom: 3px;

}


#headerlinks a:link, #headerlinks a:visited, #bottomsection a:link, #bottomsection a:visited  {
  color: #fff;
  text-decoration: none;
}


#headerlinks a:hover, #headerlinks a:active, #bottomsection a:hover, #bottomsection a:active {
  color: #ffa;
  text-decoration: underline;
}


#contentwrapper {
  float: left;
  width: 970px;
}


#contentcolumn {
  margin: 0 322px 5px 10px; /* Use L/R margins to set "padding" of content block */
  /* margin: 0 317px 5px 5px; */
  overflow: hidden;  
  width: 633px;
  padding-top: 140px;  
}


#rightblocks {
  background: #fff8eb;
  float: left;
  margin: 0 0 5px -317px;
  width: 322px;
}


.rightblock h2, .rightsubblock h2, .leftblock h2, .centerblock h2 {
  font-family: "Lucida Grande", "Lucida Sans", Tahoma, Candara, Trebuchet, Verdana, Arial, sans-serif;
  font-size: 14px;
  padding: 4px;
  letter-spacing: 0;
}


.rightblock h2, .rightsubblock h2 {
  background: #930 url('/pics/layout/blockcorner2.png') bottom right no-repeat;
  color: #fff;
}


#leftblocks {
  clear: left;
  background: #fec;
  border-top: 5px solid #fff;
  margin: 0 5px;
  width: 970px;
  color:#C63;
  font-size: 12px;  
}


.leftblock {
  float: left;
  width: 323px;
}


.leftblock h2 {
  color: #930;
}


#ccresform {
  border: 1px solid #ebd6cc;
  padding: 4px;
  font-size: 13px;
}


#ccresform div {
  border: 1px solid #ebd6cc;
  font-size: 11px;
  line-height: 18px;  
  margin: 3px 0;
  padding: 3px;

}


#ccresform div:hover {
  background-color: #fec;
}


#ccresform label {
  float: left;
  width: 45%;
  text-align: right;
  font-weight: bold;
  margin: 4px 0;
}


.styledinput {
  margin: 4px 0 4px 4px; 
  border: 1px solid #930;
  vertical-align: middle;   
}


#ccresform select option {
  padding-right: 8px;
}


#footerlinks {
   padding: 8px 4px 8px 4px;
   text-align: center;
}


#footerlinks #footersublinks {
   margin: 10px 0 0 0;
   font-size: 11px;
   font-weight: bold;   
}


#footerlinks A:link, #footerlinks A:visited, #footersublinks A:link, #footersublinks A:visited {
    text-decoration: none;
    font-weight: normal;
    color: #930;
    white-space: nowrap;
}


#footerlinks A:hover, #footersublinks A:hover {
    text-decoration: underline;
    font-weight: normal;    
    color: #c63;
    white-space: nowrap;    
}


.centerblock h2 {
  background: #7B0008 url('/pics/layout/blockcorner.png') bottom right no-repeat;
  color: #fff;
}


.rightblock .blockcontent {
  width: 306px;
}


.rightsubblock .blockcontent {
  width: 142px;
}


.blockcontent {
  color: #333;
  font-size: 11px;
  margin: 4px 8px 24px 8px;
  overflow: hidden;
}  


.leftblock .blockcontent a:link, .leftblock .blockcontent a:visited, .leftblock .blockcontent a.pn-normal:link, .leftblock .blockcontent a.pn-normal:visited,
.rightblock .blockcontent a:link, .rightblock .blockcontent a:visited, .rightblock .blockcontent a.pn-normal:link, .rightblock .blockcontent a.pn-normal:visited,
.rightsubblock .blockcontent a:link, .rightsubblock .blockcontent a:visited, .rightsubblock .blockcontent a.pn-normal:link, .rightsubblock .blockcontent a.pn-normal:visited {
  color: #930;
  text-decoration: underline;
}


.leftblock .blockcontent a:hover, .leftblock .blockcontent a:active, .leftblock .blockcontent a.pn-normal:hover, .leftblock .blockcontent a.pn-normal:active, 
.rightblock .blockcontent a:hover, .rightblock .blockcontent a:active, .rightblock .blockcontent a.pn-normal:hover, .rightblock .blockcontent a.pn-normal:active,
.rightsubblock .blockcontent a:hover, .rightsubblock .blockcontent a:active, .rightsubblock .blockcontent a.pn-normal:hover, .rightsubblock .blockcontent a.pn-normal:active {
  color: #c63;
  text-decoration: underline;
}


.blockcontent ul {
  margin: 5px 0 0 0;
}


#bottomsection {
  clear: left;
  background: #006;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;  
  font-size: 12px;
  font-weight: bold;  
  margin: 0 5px 0 5px;  
  padding: 5px 0;
  text-align: right;
}


#bottomsection a {
  background: transparent url('/pics/icons/wforward-arrow.png') center left no-repeat;
  margin: 0 5px 0 25px;
  padding-left: 10px;

}


#footer {
  background-color: #fff;
  font-size: 12px;
  margin: 0 5px 0 5px;
  padding: 0 0 5px 0;
  width: 970px;  
}


#footer div {
  float: right; /* Float copyright info */
}


.local {
  background: url('/pics/icons/local.gif') 0 50% no-repeat;
  margin-right: 15px;
}


.wedding {
  background: url('/pics/icons/wedding.gif') 0 50% no-repeat;
  margin-right: 15px;  
}


.kidz {
  background: url('/pics/icons/kidz.gif') 0 50% no-repeat;
  margin-right: 15px;   
}

.pets {
  background: url('/pics/icons/pets.gif') 0 50% no-repeat;
}

/* Layout Classes - END */


/* Tab Menu Styles - START */

#tablistwrapper {
  background: #006 url('/pics/layout/tab_bottom.gif') repeat-x bottom;
  margin: 0 5px 0 5px;
  width: 970px;     
}


#tablist {
  float:left;
}


#tablist ul {
    list-style:none;
    margin: 0;
    /* first value control top padding, second controls where first tab starts */
    padding: 0 5px 0 15px;   
}


#tablist li {
    float:left;
    background:url('/pics/layout/tab_left.gif') no-repeat left top; /* selected left-half tab image */
    margin: 0;
    padding: 0 2px 0 9px; /* adjust second value for tab spacing */
    cursor: pointer;
    list-style-image: none;     
}


#tablist img {
    border: 0px;
    vertical-align: middle;    
    padding-right: 3px;
}


#tablist a {
    float: left;
    display: block;
    background: url('/pics/layout/tab_right.gif') no-repeat right top; /* unselected right-half tab image */
    padding: 5px 15px 4px 6px;
    text-decoration: none; /* styles of of unselected tab taxt */
    font: bold 14px "Lucida Grande", "Lucida Sans", Trebuchet, "Trebuchet MS", Tahoma, Verdana, sans-serif;
    color: #fff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tablist a {float:none;}
/* End IE5-Mac hack */

#tablist a:hover {
    color: #006;
}


#tablist li.current {
    background-image: url("/pics/layout/tab_left_on.gif"); /* selected left-half tab image */
    border-width: 0;
}


#tablist li.current a {
    background-image: url("/pics/layout/tab_right_on.gif"); /* selected right-half tab image */
    color: #006;
    padding-bottom: 5px;
}


#tabcontentcontainer {
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    width: 100%;
}


.tabcontent{
    display: none;
}


#submenu {
    text-align: left;
    margin: 0;
    padding: 0;
}

/* Tab Menu Styles - END */

/* Drop-down Menu Styles - START */

.nav, .nav ul { /* all lists */
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  list-style: none;   
  margin: 0;  
  padding: 0;
}


.nav a {
  background-color: #fff;
  color: #006;
  display: block;
  text-decoration: none;
  padding: 8px;
  /* width: 5em; */
}


.nav a.navroot:hover {
  background-color: #fff8eb; 
  color: #006;
  text-decoration:none;
}


.nav li ul a, .nav li ul ul a {
  background-color: #fff;
  padding: 4px;
  font-size: 11px !important;
} 


.nav li ul a:hover, .nav li ul ul a:hover {
  background-color: #fff8eb;
  color: #006;
  text-decoration:none;  
} 


.nav li ul a, .nav li ul ul a {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}


.nav .navroot {
  border-right: 1px solid #ddd;
}


.nav .navsub {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 18px;
}


.nav .navsub {
  background-image: url('/pics/icons/down-arrow.png');
}


.nav .menusubhead {
  background-color: #fec;
  font-weight: bold;
}


.nav li { /* all list items */
  list-style: none;
  float: left;
  margin: 0;
  /* width: 5em; width needed or else Opera goes nuts */
}


.nav li ul { /* second-level lists */
  position: absolute;
  background: #fff;
  font-weight: normal;
  width: 15em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


.nav li ul li, .nav li ul ul li { /* Make so anchor hover for submenus is width of list */
  width: 15em;
}


.nav li ul ul { /* third-and-above-level lists */
  margin: -2em 0 0 15em;
}


.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
  left: -999em;
}


.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}

/* Drop-down Menu Styles - END */



/* Gallery Pop-Up Styles - START */

#lightbox{
  background-color: #eee;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
  padding: 10px;  
}
  
  
#lightboxDetails{
  font-size: 0.8em;
  padding-top: 0.4em;
}  
  
  
#lightboxCaption {
  float: left;
}


#keyboardMsg {
  float: right;
}


#closeButton {
  right: 5px;
  top: 5px;
}


#lightbox img {
  border: none;
  clear: both;
} 


#overlay img {
  border: none;
}

#overlay {
  background-image: url('/pics/overlay.png');
}

* html #overlay{
  background-color: #333;
  back\ground-color: transparent;
  background-image: url('/pics/layout/blank.gif');
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pics/overlay.png", sizingMethod="scale");
}

/* Gallery Pop-Up Styles - END */


/* DHTML Tooltip Styles - START */  
  
#dhtmltooltip {
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid black;
  padding: 3px;
  background-color: #ffc;
  visibility: hidden;
  text-align: left;
  font-size: 11px;
  z-index: 100;
}


#dhtmlpointer{
  position: absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
} 

/* DHTML Tooltip Styles - END */   




/* Drop-down Menu Styles - START */
/* QUICKIE IMPORT FROM OTHER SITES FOR SOCIAL MEDIA - FIX THIS... */

#nav, #nav ul { /* all lists */
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
	list-style: none;   
	margin: 0;  
	padding: 0;
}

#nav a {
  background-color: #444;
  color: #fff;
	display: block;
  text-decoration: none;
  padding: 6px;
	/* width: 5em; */
}

#nav a.navroot:hover {
  background-color: #666;
}

#nav li ul a, #nav li ul ul a {
  background-color: #666;
} 

#nav li ul a:hover, #nav li ul ul a:hover {
  background-color: #999;
} 

#nav li ul a, #nav li ul ul a {
  /* border-bottom: 1px solid #999; */
  padding-top: 5px !important;
  padding-bottom: 5px !important;  
}

#nav .navroot {
  border-right: 1px solid #fff;
}

#nav .navsub, #nav .rnavsub {

  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-right: 14px;
}

#nav .rnavsub {
  background-image: url('/themes/CCT/images/icons/wdown-arrow.png');
}

#nav .navsub {
  background-image: url('/themes/CCT/images/icons/wforward-arrow.png');
}


#nav li { /* all list items */
	list-style: none;
	float: left;
  margin: 0;
	/* width: 5em; width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #999;
  font-weight: normal;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li, #nav li ul ul li { /* Make so anchor hover for submenus is width of list */
  width: 15em;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 15em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* Drop-down Menu Styles - END */