html,body {
  margin: 0 0 1em 0;
  padding: 0;
	font-size: 100.01%
}

body {
  background: #ECF0F7 url('/assets/images/layout/body_bg.gif') top left repeat-x;
	color: #261E21;
  font: 90% Trebuchet, "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
  text-align: center;
}

input, select, option {
  font-family: Trebuchet, "Trebuchet MS", "Lucida Sans", Helvetica, Arial, sans-serif;
}

fieldset {
  border: 1px solid #B4C5DF;
  padding: .75em;
}

legend {
  padding: 0.2em 0.5em;
  border: none;
  color: #3B609C;
}

label {
  float: left;
  width: 25%;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
  font-weight: bold;
}

input, textarea, select {
  border: 1px solid #3B609C;
  margin: .3em 0;
  padding: .1em;
}

.clr {
  clear: both;
}

/* layout required */
img#printlogo {
  display: none;
}

#announcement {
  background: #fee url('/assets/images/layout/announcement_bg.gif') bottom left no-repeat;
  border: 2px solid #fcc;
  text-align: center;
  padding: 4px 30px;
  font-size: 85%;
  margin-bottom: -.4em;
}

#announcement a {
  display: block;
  text-decoration: none;
}

div#container {
  background: #fff url('/assets/images/layout/faux_column.gif') top left repeat-y;
  margin: 0 auto;   
  width: 980px; /* total width */
  text-align: left;  
  
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;	
}


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

#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: 49%;
}

#topsectionticker {
  float: right;
  width: 50%;
  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: #299729;  /*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: #37C837;  /*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: 12em;  
}


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

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

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

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

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

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

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

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

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

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

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

div#header {
  background: #EEE;
  color: #ccc;
  margin: 0;
  padding: 0;
}

div#header img {
  border: 0;
	display: block;
}

div#subheader {
  background: #3B609C url('/assets/images/layout/logo_02.jpg') top left no-repeat;
	border-bottom: 3px solid #fff;
	color: #fff;
	font-size: 90%;
  margin: 0;
	padding: .3em;
  text-align: right;
}

div#subheader a {
  margin: 0 .5em 0 .5em;
}

div#wrapper {
  float: left;
  width: 100%;
}

div#content {
  margin: 0 195px 20px 175px; /* left/right margin set to column widths (or add to make l/r "padding") */
}

div#navigation {
  background: #8AB1CF; /* 9AC4A1*/
  float: left;
  margin-left: -980px; /* set to layout width */
  padding: 0 0 2em 0;
	width: 160px;
}

div#extra {
  background: #D7E7D9 url('/assets/images/layout/extra_bg.gif') top left no-repeat;
  float: left;
	font-size: 80%;
	/* height: 675px;  */
	min-height: 675px;
	padding: 1em 0 1em 0;
	text-align: center;
  width: 180px;
  margin-left: -180px;
}

div#extra img {
  border: 1px solid #FFF;
}

div#extra a {
  text-decoration: none;
}


div#newblock {
  background-color: #EFF5F0;
  border: 2px solid #BFCEC1;
  text-align: left;
  margin: 50px 7px 20px 7px;
  -moz-border-radius: .5em;
  border-radius: .5em;  

  line-height: 130%;
  
  padding: 2px 4px;  
}

div#newblock div {
  color: #54887F;
  font-weight: bold;

  margin: 4px 0;
  text-align: center;
}

div#newblock ul {
  margin: 3px 0 0 5px;
  padding-left: 15px;
}

div#newblock a {
  text-decoration: underline;
}



table#homeads tr td{
	font-size: 80%;
}

table#homeads tr td img {
  border: 2px solid #8AB1CF;
}

table#homeads tr td a {
  text-decoration: none;
}

div#dropdown {
  clear: both;
	margin: 0;
	padding: 2em 0;
  text-align: right;
}

div#dropdown option {
  border-bottom: 1px solid #D9E2EF;
}

div#footer {
  background-color: #54887F;
	border-top: 12px solid #67A79B; 
  clear: both;
  color: #FFF;
	font-size: 90%;	
  padding: .6em 0 .2em 0;
  text-align: center;
  width: 100%;
}

div#footer p {
  margin-top: .5em;
	padding: 0;
}


#footer a:link, #footer a:visited, #subheader a:link, #subheader a:visited {
  color: #ffa;
	text-decoration: none;
}

#footer a:hover, #footer a:active, #subheader a:hover, #subheader a:active {
  color: #ff3;
	text-decoration: underline;
}


div#footercap {
  background: transparent url('/assets/images/layout/footer_curve.gif') top center no-repeat;
	height: 22px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 988px;
}



.clear {
  clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	width: 1px;
}

.imgfloatright {
  float: right;
	margin: 0;
	padding: 0 0 1em 1em;
}

#featuredhome {
  font-size: 90%;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: center;
	width: 607px;
}

#featuredhome:hover {
  background-color: #D7E7D9;
}

#featuredhome a {
  text-decoration: none;
}

#featuredhome img {
  border: 1px solid #3B609C;
}

.teaser {
  background-color: #F5F8FB;
	border: 2px solid #D9E2EF;
  float: right;
	font-size: 90%;
	margin: 0 0 1em 1em;
  -moz-border-radius: .8em;	
	padding: .5em;
	width: 230px;
}

.teaser ul {
  margin: 0 0 0 1.5em;
  padding: 0;
}

.teaser ul li {
    margin-bottom: .8em;
}


.listingbox {
  background-color: #F5F8FB;
	border: 2px solid #D9E2EF;
  clear: right;
	margin: 0 0 1.5em 0;
  -moz-border-radius: .8em;	
	padding: 1em;
}


.listingbox h3 {
   margin-top: 0;
}

.listingbox h3 a:link, .listingbox h3 a:visited {
	 text-decoration: none;
}

.listingbox h3 a:hover, .listingbox h3 a:active {
	 text-decoration: underline;
}

.listingbox img {
  border: 0;
}

#gallerytable {
  background-color: #3B609C;
	color: #fff;
}

#gallerytable tr td {
	line-height: 100%;
	border-bottom: 5px solid #304D7D;
	padding: 4px 10px;
	text-align: center;	
	vertical-align: top;
	width: 25%;
}

#gallerytable tr td:hover {
   background-color: #8AB1CF;
}

#gallerytable tr td a {
  color: #fff;
  font-size: 85%;		
	text-decoration: none;
}

#gallerytable tr td a img {
	border: 1px solid #fff;
	margin: .3em 0;	
}

#gallerytable tr td#gallerytableheading {
  background-color: #304D7D;
	border-bottom: none;
  font-weight: bold;
	padding: .3em 0;
}

.detailstable {
  border: 1px solid #4B87B6;
	margin: .5em 0;
	padding: 0;
	width: 100%;
}

.listingtable {
  font-size: 90%;
}

.listingtable tr td {
  vertical-align: top;
}

.listingtable tr td a {
  text-decoration: none;
}

tr.altrow td {
  background-color: #F5F8FB;
}

tr.rowheader td {
  background-color: #4B87B6;
	color: #fff;
}

/* Alternate colors for MyWocc - GWOCC stat tables & MyWocc Table Tweaks*/
.statstable tr td {
  font-size: 85%;
  text-align: center;
}

.statstable tr.rowheader td {
  font-size: 100%;
	text-align: left;
}

.detailstable_gwocc {
  border: 1px solid #336666;
}

tr.altrow_gwocc td {
  background-color: #FAF8EC;
}

tr.rowheader_gwocc td {
  background-color: #336666;
}

/* Menu list */
ul#navlist {
  background: transparent url('/assets/images/layout/nav_bg.gif') bottom left no-repeat;
  list-style: none;
  margin: 0;
  padding: 0 0 90px 0;
	width: 160px;
}

ul#navlist li {
	display: inline;  /* This fixes the IE5 Win gap! */	
}

#navlist a {
  background: #3B609C url('/assets/images/layout/bullet.gif') 5px 8px no-repeat;
  border-bottom: 1px solid #D7E7D9;
  display: block;
	font-size: 90%;
	font-weight: bold;
	line-height: 110%;
  padding: 4px 3px 4px 15px;
	/* Tricks IE5 in making whole block clickable (not just text) */
	/* Set with to actual width - padding to account for crappy box model */
	width: 142px;   
}

#navlist a:link, #navlist a:visited {
  color: #FFF;
  text-decoration: none;
}

#navlist a.featured:link, #navlist a.featured:visited {
  background-color: #304D7D;
  color: #FFF;
  text-decoration: none;
}

#navlist a:hover, #navlist a:active, #navlist a.featured:hover, #navlist a.featured:active {
  background-color: #4B87B6;
  color: #FFE;
  text-decoration: none;
}


/* layout styles end */

a:link, a:visited {
  color: #3B609C;
  text-decoration: underline;
}


a:hover, a:active {
  color: #4B87B6;
  text-decoration: underline;
}

h1 {
  background: transparent url('/assets/images/layout/divider.gif') bottom left no-repeat;
  color: #304D7D;
  font-size: 170%;
	margin: .5em 0 .5em 0;
	padding: 0 0 16px 4px;
	width: 600px;
}

h2 {
  color: #3B609C;
  font-size: 150%;
	margin: .5em 0 .5em 0;
	padding: 0;	
}

big, h3 {
  color: #3B609C;
  font-size: 120%;
}

h3 {
	margin: .5em 0 .5em 0;
	padding: 0;	
}

big {
  font-weight: bold;
}

small {
  color: #54887F;
  font-size: 90%;
}

li {
  margin-bottom: .5em;
}


/* Status Message Styles */
#statusmessage {
  background: #7EC56B url('/assets/images/icons/ok.png') .3em .4em no-repeat;
  border: 2px solid #6EAC5D;
  color: #FFF;
  margin: 1em 0;
  padding: .3em .3em .3em 1.8em;

  -moz-border-radius: .5em;
  border-radius: .5em;  
}

#warningmessage {
  background: #FF4848 url('/assets/images/icons/error.png') .3em .4em no-repeat;
  border: 2px solid #F00;
  color: #FFF;
  margin: 1em 0;
  padding: .3em .3em .3em 1.8em;
  
  -moz-border-radius: .5em;
  border-radius: .5em;    
}

#statusmessage UL, #warningmessage UL {
  margin: 0 2.5em;
}

#statusmessage LI, #warningmessage LI {
  margin: 0;
}

#statusmessage P, #warningmessage P {
  line-height: 120%;
  margin: 0;
  padding: 0;
}

/* Buttons & Icons */

.icon {
  padding-left: 20px;
}

.error {
  background: url('/assets/images/icons/error.png') 0 50% no-repeat;
}

.ok {
  background: url('/assets/images/icons/ok.png') 0 50% no-repeat;
}

.video {
  background: url('/assets/images/icons/video.png') 0 50% no-repeat;
}

.web {
  background: url('/assets/images/icons/web.png') 0 50% no-repeat;
}

/* MyWocc Table styles */
.admintable {
  border: 1px solid #304D7D;
  margin-bottom: 2em;
  width: 100%;
}

.admintable TH {
  background-color: #304D7D;
  color: #FFF;
  text-align: left;
  white-space: nowrap;
} 

.admintable TH, .admintable TD {
  padding: .2em;
  vertical-align: top;
}

.admintable .altrow {
  background-color: #F5F8FB;
}

.admintable .inactive, .admintable .inactive a {
  color: #999;
}

.admintablefooter {
  background-color: #B4C5DF;
  text-align: right;
}


.admintable .admintablesubheader {
  background-color: #3B609C;
  color: #FFF;
  font-size: 100%;
  font-weight: bold;
  padding-left: 2em;
}







/* 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: 12em;
	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: 12em;
}

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

#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 */