/* ----------------------------------------------
	Original Template Name : VectorLover
	Original Template Code : S-0026
	Original Version : 1.1   
	Original Author : Erwin Aligam
	Original Author URI : http://www.styleshout.com/    
	Last Date Modified by Styleshout :  January 17, 2010
	Modified by TonyL - May 9, 2011
 ------------------------------------------------ */
 
/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 

/* Top Elements */

html {height: 100%;}

body {
  height: 100%;
	background: #C0C0C0 url(../images/bg.png) repeat-x;
	font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
	color: #696969;
	text-align: center; /*We really want body text to default align center?*/
}

/* links */
a, a:visited {
	color: #8b0E8d; /*Purple*/
	text-decoration: none;
}
a:hover {
	color: #ff9805; /*Gold*/
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-weight: Bold; 	
	padding: 10px;		
	color: #00806b;	/*Sea Green*/
}
h1 {
	font-size: 2.2em;
	color: #444444; /*Dark Grey*/
}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.6em;
	font-weight: bold;
	padding: 16px 10px 4px 10px;
}
h4	{
	font-size: 100%;
	font-weight: normal;
	color: #7B9993; /* ugly green grey */
}
h4.align-left {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00806b;
	height: 35px;
	width: 100%;
	background-image: url(../images/navBarBackgroundHover.jpg);
	background-repeat: repeat;
	line-height: 35px;
}
h4.align-center {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00806b;
	height: 35px;
	width: 100%;
	background-image: url(../images/navBarBackgroundHover.jpg);
	background-repeat: repeat;
	line-height: 35px;
	text-align: center;
}

/* Paragraph */
p { padding: 12px 10px;	}

/* Lists */
ul, ol {
	margin: 10px 20px;
	padding: 0 20px;	
}
ul { list-style: none; }

/* Definition List - can be used in place of tables:
dl { / Definition List /
	padding: 10px; 
	margin: 0;
}
dt { / Definition Term /
	font-weight: bold;
	color: #00806b;
}
dd { / Definition Description /
	padding-left: 25px; 
}
*/

/* images */
img {
	background: #FAFAFA; /* off white */
	border: 1px solid #ddeae7; /* light sea green */
	padding: 8px;
}
img.clean {
	background: none;
  border: none;
	padding: 0;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}

acronym {
  cursor: help;
  border-bottom: 1px dotted #ff9805; /* gold */
}
blockquote {
	margin: 15px 10px;
	padding: 5px 7px 5px 40px;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color: #00806b;
	border: 1px solid #C0C0C0; /* grey */
	background: #eeecec url(../images/quote.gif) no-repeat 15px 15px;
}
hr {
	background: #e9e2da;
	margin-left: 10px;
	color: #e9e2da;
	height: 1px;
	border-width: 0px;
}
/* start - table */
table {
	border-collapse: collapse;
	margin: 15px 10px;		
}
th {
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: center;
	background: #00806b; /*  sea green */
	border-width: 1px;
	border-style: solid;
	border-color: #E9E2DA; /* light tan grey */
}
tr {
  	/*height: 34px;*/
  	background: #fff;
}
td {
  	padding-left: 11px;
  	padding-right: 11px;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	border: 1px solid #E9E2DA;
}	

table.zebra-striped tr:nth-child(odd) {
	background: #dff9ee;
}

table.zebra-striped tr.clean {border: none; background: none;}
table.zebra-striped tr.clean > td {border: none; background: none;}

table.schedule  {
	border: none;
}

  table.schedule td {
    border: none;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #cccccc;
  }
  
  table.schedule tr.strong > td:nth-child(2) {
    font-weight: bold;
  }

  /*

  table.schedule tr:nth-child(odd) {
  	background: #eeeeee;
  }
  */

table.schedule tr.clean {border: none; background: none;}
table.schedule tr.clean > td {border: none; background: none;}


/* end - table */

/* form elements */
form {
	margin: 20px 10px;
	padding: 15px 25px 25px 20px;
	border: 1px solid #E9E2DA;
	background: #eeecec; /* redish grey white */
}
form.clean {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
form p {
	border-bottom: 1px solid #E9E2DA;
	padding: 12px 0 5px 0;
	margin: 0;
	color: #398869; /* dark sea green */
}
label {
	font-weight: bold;
	color: #00806b;
}
input, select, textarea {
	margin: 5px 0;
	padding: 5px;
	color: #6A6969; /* dark grey */
	border-width: 1px;
	border-style: solid;
  	border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; /* lt grey, lighter grey */
}
option { padding-right: 0.5em; } 

#name, #email, #message, #website{
	width: 455px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	font: bold 12px Arial, Sans-serif;
	height: 30px;
	margin: 0;
	padding: 2px 3px;
	color: #fff;
	background: #00806b;
	border-width: 1px;
	border-style: solid;
	border-color: #68a680 #398869 #398869 #68a680;
}


/*-------------------------------------------
   LAYOUT
--------------------------------------------*/ 
#wrap {
	position: relative;
	width: 952px;
	background: #FFF url(../images/wrap.gif) repeat-y center top;
	margin: 40px auto 30px auto;
	text-align: left;	
}
#content {
	clear: both;	
	float: left;	
	width: 952px;						
	padding: 25px 0 60px 0; 	
}
#header {
	position: relative;
	width: 952px;
	height: 245px;
	background: #00806b url(../images/header.jpg) no-repeat;
	color: #fff;
	padding: 0;
	margin: 0;
}
  #header h1#logo-text  {
  	position: absolute;
  	margin: 0;
  	padding: 0;
  	letter-spacing: -2px;
  	text-decoration: none;
  	color: #332616; /* near black */
  	/* change the values of top and left to adjust the position of the logo*/
  	top: 45px;
  	left: 55px;
  	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
  	font-size: 28px;
  	line-height: normal;
  	font-weight: bold;
  	display: none;
  }
  #header p#slogan {
  	position: absolute;
  	margin: 0;
  	padding: 0;
  	color: #00806b;
  	letter-spacing: -0.5px;
  	/* change the values of top and left to adjust the position of the slogan*/
  	top: 128px;
  	left: 150px;
  	display: none;
  	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
  	font-size: 18px;
  	line-height: normal;
  	font-weight: bold;
  }

/* top-menu */
#top-menu {
position: absolute;
margin: 0;
padding: 1px 5px 8px 15px;
/* background: #00806B url(top-menu.gif) repeat-x; */
font-family: Arial, Helvetica, sans-serif;
color: #18806B;
top: 0;
right: 20px;
font-size: 11px;
}
  #top-menu p { 	
  margin: 0; padding: 0;	
  }
  #top-menu a {
  font-weight: normal;
  color: #8b0E8d;
  }
  #top-menu a:hover {
  color: #ff9805;
  }


#nav {
	clear: both;
	padding: 0;
	margin: 0;
	width: 952px;
	height: 50px;
	background: #006d58 url(../images/nav.gif) no-repeat;
}


/* Site Navigation */

#navigation {
	padding: 0;
	margin: 0;
	width: 952px;
	height: 50px;
	white-space:nowrap;
	list-style-type:none;
	background: #00806b url(../images/nav.gif);
	clear:both;
}


/* Main Column */
#main {
	float: left;
	width: 535px;
	padding: 0; margin: 0 0 0 40px;                                                    
	display: inline;	
}
  #main h2 {
  	color: #00806B;
  	padding: 15px 0 5px 5px;
  	margin-left: 5px;
  	letter-spacing: -2px;
  	border-bottom: 1px solid #e9e2da;
  	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
  	font-size: 2.2em;
  	line-height: normal;
  	font-weight: bold;
  }
  #main h2 a {
  	color: #00806B;
  	text-decoration: none;
  }
  #main ul li {
  	list-style-image: url(../images/bullet.gif);
  }
  #main #cse-search-results {
  	width:515px;
  	padding-left: 5px;
  	margin-left: 5px;
  }
  #main #cse-search-results a:hover {
  	color: #ff9805; /*Gold*/
  	text-decoration: underline;
  }

#sidebar {
	float: right;
	width: 285px;
	padding: 0; 
	margin: 0 45px 0 0;
	display: inline;	
}

#sidebar.sticky {
	position: fixed;
  top: 0;	
}

  #sidebar h3 {
  	color: #00806B;
  	font: bold 1.6em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
  	text-transform: none;
  	letter-spacing: -0.5px;
  	padding: 5px 0 5px 7px;
  	margin: 10px 0 5px 10px;
  	border-bottom: 1px solid #e9e2da;
  }
.smalltxt  {
  	font-size: .95em;
  }

  /* sidebar menu */
  #sidebar .sidemenu {
  	margin: 10px 10px 5px 7px; padding: 0;
  	text-decoration: none;			
  }
    #sidebar .sidemenu li {
    	list-style: none;
    	margin: 0;
    	padding: 8px 10px; 		
    	border-bottom: 1px solid #E8E8E8;	
    }
    * html body #sidebar .sidemenu li {
    	height: 1%;
    }
    #sidebar .sidemenu li a {
    	text-decoration: none;
    	color: #8b0e8d;
    	background: none;
    	font-weight: bold;
    }
    #sidebar .sidemenu li a span {
    	color: #7F7F7F;	
    	font-size: .9em;
    	
    	font-family: Georgia, 'Times New Roman', Times, serif;
    	/* font-style: italic; */
    	font-weight: normal;
    }
    #sidebar .sidemenu li a:hover {
    	color: #ff9805;
    	background: none;
    }
    #sidebar .sidemenu ul { margin: 0 0 0 5px; padding: 0; }
    #sidebar .sidemenu ul li { border: none; }
    
  /* tracks menu */

    #sidebar ul.tracksmenu { margin: 0 0 0 5px; padding: 0; border-top: solid 1px #e9e2da; }			
    #sidebar ul.tracksmenu li { list-style: none;	margin: 0; }
    #sidebar ul.tracksmenu li a {
    	text-decoration: none;
    	font-size: 85%;
    	line-height: 1;
    	display: block;
    	color: #8b0e8d;
    	background: none;
      padding: 10px 8px;
    	font-weight: bold;
      border-top: solid 1px #ffffff;
      border-bottom: solid 1px #e9e2da; 
    }
    #sidebar ul.tracksmenu li a:hover { 
      color: #000000; 
      text-decoration: none;
      background-color: #DDEAE7;
      border-top: solid 1px #000000;
      border-bottom: solid 1px #000000;
    }
    #sidebar ul.tracksmenu li a.active {
      color: #000000;
      background-color: #DDEAE7;
      border-top: solid 1px #000000;
      border-bottom: solid 1px #000000;
    }
  
  /* In case you want to show a bulleted list in the sidebar */
  #sidebar .sidelist ul {
	  margin: 0 0 0 5px;
	  padding: 0;
  }
  #sidebar .sidelist li  {
	  list-style: url(../images/bullet.gif);
  }

  /* header quick search */
  #sidebar form#cse-search-box {
  	padding: 0; margin: 20px 0 30px 10px;
  	border: none;
  	width: 270px; height: 33px;
  	background: #F2F0F0 url(../images/qsearch.gif) no-repeat;		
  }
    #sidebar form#cse-search-box p {
    	margin: 0; padding: 0;		
    }
    #sidebar form#cse-search-box input {
    	float: left;
    	border: none;
    	background: transparent;
    	color: #B8B8B8;	
    	margin: 0;
    }
    #sidebar form#cse-search-box .tbox {
    	margin: 5px 0 0 5px; 
    	width: 220px;	
    	display: inline;	
    	font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
    }
    #search form#cse-search-box .btn{
    	width: 24px; height: 24px;				
    }
    #sidebar form#cse-search-box label {
    	display: none;
    }

.accreditation_badge {
  display: inline-block;

  border: 1px solid #c0c0c0;
  padding: 0px 4px;
  margin-right: 2px;
  
  background-color: #ddeae7;;
  font-size: 90%;
  font-weight: 700;

  /* For IE 7 */
  zoom: 1;
  *display: inline;
}


/* footer */
#footer {
	clear: both;
	width: 952px;
	margin: 10 0 0;
	padding: 20px 0 0px;
	background: #C0C0C0 url(../images/footer-bottom.gif) no-repeat left top;
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
	font-size: 0.98em;
	color: #696969;
	letter-spacing: 0.2px;
	height: 60px;
}
  #footer p {
  	padding:10px 0;
  }
  #footer a:hover {
  	color: #00806b;
  	text-decoration: none;
  }
  /* The following three styles were added by Tony */
  #footer table {
	  background: #C0C0C0;
	  border-style: none;
	  margin: 4px auto 0px;
	  padding: 0px;
  }
  #footer tr  {
	  background: #C0C0C0;
  }
  #footer td {
	  border-style: none;
  }

/* postmeta */
.post-footer {
	padding: 8px 10px;
	margin: 15px 10px 10px 10px;	
	color: #977C57;
	border: 1px solid #EEE8E1; 
	background: #FAF7F5;
}
.post-footer .date{ 
	margin: 0 10px 0 5px;	
	padding: 7px;
	background: #FAF7F5 url(../images/clock.gif) no-repeat 0 2px;
	padding-left: 30px;
}
.post-footer a.comments { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(../images/comments.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}
.post-footer a.readmore { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(../images/doc.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}
.post-footer a.edit { 
	margin: 0 10px 0 5px;	
	padding: 7px 5px;
	background: #FAF7F5 url(../images/edit-doc.gif) no-repeat 0 2px;
	padding-left: 30px;
	color: #977C57;
}

.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #A98D76; }
.post-info a, .post-info a:visited { color: #333; }

/* comments list - Remove
ol.commentlist {
	margin: 12px 10px;
	padding: 0;
	border-style: solid;	
	border-color: #EEE8E1;	
	border-width: 1px 1px 0 1px;
}
.commentlist li {
	margin: 0;
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #EEE8E1; 
}
.commentlist li cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding: 7px;	
}
.commentlist li cite img {
	float: left;
	margin-right: 10px;	
}
.commentlist li cite .comment-data {
	font-size: .8em;
	font-weight: normal;
}
.commentlist li .comment-text {
	clear: both;
	margin: 0; padding: 0;
}
.commentlist li.alt {
	background: #FAF7F5; 
}
 */
	
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }

/* display and additional classes */
.no-border { border: none; }
.clearer { clear: both; }
.clear {	display:inline-block; }
.clear:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}
.inset {
	font-size: 95%;
	border: 1px solid #00806b;
	background-color: #DFF9EE;
	margin: 20px 10px 15px 10px;
	padding: 5px 5px 5px 7px;
}

.inset2 {
	color: #000;
	border: 1px solid #ddeae7;
	background: #eeecec;
	padding: 12px;
	margin-top: 7px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 5px;
}

.highlightbox {
	color: #333;
	border: 1px solid #98adc2;
	background: #f1ede1;
	padding: 10px;
	margin: 12px 17px;
}
.unpadded_list {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 0px 5px;

}
.highlight_txt {
	color: #8F5F89;
	font-weight: bold;
}
/* END Safari specific CSS*/
.darkred_txt {
	color: #900;
	font-weight: bolder;
}
.darkgrey_txt {
	color: #666;
	font-weight: bolder;
}
.lightgrey_txt {
	color: #CCC;
	font-weight: bolder;
}
.largetxt {
	font-size:1.4em;
}
/* #connect styles are for social media box */
#connect {
	clear: both;
	height: 110px;
	width: 270px;
	border: thin solid #E8E8E8;
	background: #f3f3f3;
	display: block;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	behavior: url(border-radius.htc);
	margin: 8px 0px 5px 10px;
}
#connect h5 {
	color: #18806B;
	font-weight: bold;
	text-align: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 22px;
	border-right: thin solid #999;
	padding-right: 10px;
	padding-top: 2px;
	height: 48px;
	margin-right: 5px;
}
#connect img{
	padding: 0px;
	border-style: none;
	margin: 0px;
	float: left;
}
#connectwrapper1 {
	width: 85px;
	height: 64px;
	float: left;
	display: inline;
	padding-top: 14px;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: 10px;
}
#connectwrapper2 {
	width: 172px;
	height: 64px;
	float: left;
	margin-top: auto;
	margin-bottom: auto;
	display: inline;
}
#facebook {
	background: url(../images/facebook-lgc.gif) no-repeat 0px 0px;
	display: block;
	height: 26px;
	width: 146px;
}
#facebook:hover {
	background: url(../images/facebook-lgc.gif) 0px -26px;
}
#facebook span {
	position: absolute;
	top: -999em;
}
#twitter {
	background: url(../images/twitter-lgc.gif) no-repeat 0px 0px;
	display: block;
	height: 26px;
	width: 146px;
}
#twitter:hover {
	background: url(../images/twitter-lgc.gif) 0px -26px;
}
#twitter span {
	position: absolute;
	top: -999em;
}
/* #share is for the AddThis share bar */
#share {
	display: inline;
	margin: 0px 0px 5px 21px;
	clear: left;
	z-index: 3;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
	width: 240px;
}


/* Safari specific CSS to fix footer color span */
@media screen and (-webkit-min-device-pixel-ratio:0){
  .navList li a {
  	padding:12px 18px;
  }
}