/* colors
logo: 	52362b & 68574b (dark letters/lighter circle)
dark blue: 3d4d62
blue-purple: 6b6b82
palest sand color: e2ded0

warm red a: 			AD0000
orange a:hover 	f67a59
*/

/* RESET
------------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

html, body	{
    height:100%;
}

a img,:link img,:visited img { border:none }
:focus {outline: 0;}

a {
	outline: none;
	text-decoration:none;
	border: none;
}

/*h1, h2, #mainNav a	{
	-webkit-text-size-adjust:none;
}*/


/* HTML
----------------------------------------------- */

body {
	font-family: Arial, Verdana, Helvetica,  "Lucida Grande", Tahoma, sans-serif;
    font-size: 11pt;
	vertical-align: baseline;
	color: #52362b;
    background-color: #fff;
    background-image: url('../images/design/talvi1pBG.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed; 
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

blockquote, h3, p, li {
	font-size: 1em;
	line-height: 1.5em;
    max-width: 60ex;
}

p {
    -webkit-margin-before: 0;
	-webkit-margin-after: 1.5em;
}

blockquote {
	margin-right: 0;
	margin-left: 20px;
}

h1, h2, h3 {
	margin: 0 0 15px 0;
	padding: 0px;
	font-weight: normal;
}

h1 {
	font-family: "Kingthings Exeter";
	font-size: 3em;
	text-transform: uppercase;
}

h2 {
	font-family: Roboto, sans-serif;
	font-weight: 100;
	font-size: 1.5em;
	font-style: italic;
}

small, .small {
	font-size: 0.8em;
}

.tiny	{
	font-size: .75em;
}

/* LINKS
----------------------------------------------- */

a {
	text-decoration: none;
	color: #3d4d62;
	border-bottom: 0px #000 solid;
}

a:hover {
	color: #000;
}

h3 a {
	font: 1.5em Georgia, Times, serif;
}



/* LAYOUT
----------------------------------------------- */

#uberContainer		{
	width: 1060px;
	margin-left: 50px;
	margin-top: 40px;
	border-right: 0px dotted #52362b; 
}

#innerContainer	{}

#mainHeaderContainer	{
	margin-top: 0px;
	margin-bottom: 20px;
    width: 100%;
	height: auto;
    z-index:2;
}

.logo	{
	float: left;
	width: 450px;
}

.flags	{
	float: right;
	width: 85px;
	margin-top: -30px;
	padding-right: 20px;
}

#mainNavigationContainer {
 	height: 30px;
 	margin-top: 0px;
 	z-index:3;
}

#leftContentContainer	{
	float: left;
	margin-right: 30px;
	width: 250px;
	border: #fff 1px solid;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background-image: url('/images/design/transp/white40pc.png');
	z-index: 2;
}

#leftContentContainer .pad	    { padding: 10px 14px; }
	
#mainContentContainer {
    position: relative;
    float: left;
	min-height:550px;
	width: 750px;
}

.home #mainContentContainer {
	background-image: url('/images/design/OX.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	opacity: .7;
	z-index:0;
}

#mainContent {}

#mainContent .pad	    { padding: 20px 40px; }

.clearFloat {clear:both;}


.article	{
	max-width: 650px;
	background-image: url('/images/design/transp/white50pc.png');
	-moz-box-shadow: 6px 6px 12px #52362b;
	-webkit-box-shadow: 6px 6px 12px #52362b;
	box-shadow: 6px 6px 12px #52362b;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	z-index: 4;
}

/*div.text 	{
	float: left;
	max-width: 430px;
	margin-right: 20px;
}

div.image	{
	float: right;
	margin-bottom: 10px;
}

#mainContent  p	{
	max-width: 450px;
}
*/

#slideshowContainer	{
	position:absolute;
	width: 400px;
	height: 400px;
	top: 300px;
	left: 870px;
	z-index: 3;
}

div.image img	{
	-moz-box-shadow: 6px 6px 12px #52362b;
	-webkit-box-shadow: 6px 6px 12px #52362b;
	box-shadow: 6px 6px 12px #52362b;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}

/* MAIN NAVIGATION
----------------------------------------------- */
ul#mainNavigation		{ list-style: none; float:right; margin: 0;z-index:200;}
ul#mainNavigation li		{ list-style: none; float:left;}
ul#mainNavigation ul	{ list-style: none;}

ul#mainNavigation  li.main	{
 	font-family: "Kingthings Exeter";
	font-size: 16px;
	text-transform: uppercase;
}

/* 
	LEVEL ONE
*/
ul.dropdown                         {}
ul.dropdown li                      {  float: left; zoom: 0; height: auto;}
ul.dropdown li a	{ display: block; padding: 0px 15px 2px 20px;}
ul.dropdown a:hover	{  }

ul.dropdown li.hover,
ul.dropdown li:hover	{  position: relative; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 	{  
    width: 130px;
    visibility: hidden; 
    position: absolute; 
    margin-top: -2px;
    padding:0;
    padding-top: 0px; 
    margin-left: 20px; 
   background-image: url('/images/design/transp/white90pc.png');
    border-bottom: 2px solid #908a85;
	border-left: 2px solid #908a85;
	border-right: 1px solid #7e7873;
    z-index:100;                                                      /*important!*/
    }   
    
.home ul.dropdown ul 	{          
	border-bottom: 1px solid #dbe6ef;
	border-left: 1px solid #dbe6ef;
	border-right: 1px solid #dbe6ef;
}
	
ul.dropdown li.continuing-education ul 	{  width: 150px;   }   /* ADJUST AS NECESSARY */
ul.dropdown li.workshops ul 	{  
	width: 190px;  																		/* ADJUST AS NECESSARY */
	margin-left: -100px;} 

ul.dropdown ul li	{ 
	width: 100%;
	font-size: 20px;
	padding-top: 0px;
    padding-bottom: 0px;
    float: none; 
    text-align: left;
    z-index:100;
    height:100%; 
    border-top: 1px solid #7e7873;  
}

.home ul.dropdown ul li	{      border-top: 1px solid #dbe6ef;   }

ul.dropdown ul li a { width:auto; padding:3px; padding-left: 10px;}

ul.dropdown ul li a:hover	{visibility: visible;}

ul#mainNavigation.dropdown ul li a	{
	font-size: 13px;
	padding: 4px 10px 3px 10px;
	display: block;
	width: auto;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #e2ebf3),
	color-stop(1, #ffffff)
	);
	background-image: -o-linear-gradient(bottom, #e2ebf3 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #e2ebf3 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #e2ebf3 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #e2ebf3 0%, #ffffff 100%);
	background-image: linear-gradient(to bottom, #e2ebf3 0%, #ffffff 100%);
	padding-right: 0px;
}

.home ul#mainNavigation.dropdown ul li a	{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #eff5fa),
		color-stop(1, #ffffff)
	);
	background-image: -o-linear-gradient(bottom, #eff5fa 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #eff5fa 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #eff5fa 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #eff5fa 0%, #ffffff 100%);
	background-image: linear-gradient(to bottom, #eff5fa 0%, #ffffff 100%);
}

ul#mainNavigation.dropdown ul > li > a:hover	{ 
	visibility: visible;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #e2ded0),
	color-stop(1, #ffffff)
);
background-image: -o-linear-gradient(bottom, #e2ded0 0%, #ffffff 100%);
background-image: -moz-linear-gradient(bottom, #e2ded0 0%, #ffffff 100%);
background-image: -webkit-linear-gradient(bottom, #e2ded0 0%, #ffffff 100%);
background-image: -ms-linear-gradient(bottom, #e2ded0 0%, #ffffff 100%);
background-image: linear-gradient(to bottom, #e2ded0 0%, #ffffff 100%);
}

.about li.about a	{color: #000; text-decoration: underline;}
ul#mainNavigation.dropdown ul li a	{text-decoration: none;}

/* SECTION HEADER
----------------------------------------------- */


/* MAIN CONTENT STYLES
----------------------------------------------- */

#mainContent {
    margin-bottom: 50px;
}


#mainContent .article .image img {
	padding: 1px;
    border-color: rgba(182, 172, 164, 0.4);
	border-style: solid;
	border-width: 4px;
    -moz-background-clip: padding;     /* Firefox 3.6 */
  	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  	background-clip: padding-box;
  	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#mainContent .image img {
	padding: 5px;
    border: 1px solid #d2ad9d;
}


/* IMAGES
----------------------------------------------- */

div.image {
    margin-bottom: 10px;
}

div.image.left {
   	float: left;
    margin-right: 10px;
}

div.image.right {
    float: right;
    margin-left: 10px;
}

div.image.center {
    margin-bottom: 20px;
    width: 100%;
}

/* FILE DOWNLOADS
----------------------------------------------- */

div.files	{
 	margin-bottom: 100px;	   
}

h3.files	{color: red;}

div.file	{
	margin-top:-15px;
	color: #666;
}

div.file a	{
	color: #000;
}

/* YOUTUBE
----------------------------------------------- */

iframe.youtube {
	width: 560px; 
    height: 315px;
}

/* SOCIAL FOLLOW
----------------------------------------------- */

ul#socialFollow	{
	list-style: none;
    margin: 0px;
    padding: 0px;
	border: 0px dotted red;
    width: 248px;                /* will vary take off 38px for each icon removed and 27px for email */
 }

ul#socialFollow > li {
	display: block;
    float: left;
    margin: 0px;
	padding: 0px;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

ul#socialFollow li a.social {
    display: block;
    background-image: url('/images/design/socialFollow.png');
	background-repeat: no-repeat;
    height: 20px;
    color: #602868;
    text-transform: lowercase;
    font-family: Helvetica;
    font-weight: bold;
    font-size: 16px;
    text-indent: 100px;
    border: 0px dotted red;
    overflow: hidden;
    margin: 0px;
}

ul#socialFollow li#email {
 	width: 27px;   
}

ul#socialFollow li#facebook a		{ background-position: 0px 0px;}
ul#socialFollow li#twitter a		{ background-position: -28px 0px;}
ul#socialFollow li#pinterest a		{ background-position: -56px 0px;}
ul#socialFollow li#youTube a		{ background-position: -84px 0px;}
ul#socialFollow li#linkedIn a		{ background-position: -112px 0px;}
ul#socialFollow li#googlePlusOne a	{ background-position: -140px 0px;}
ul#socialFollow li#instagram a		{ background-position: -168px 0px;}
ul#socialFollow li#email a			{ background-position: -196px 0px;}

ul#socialFollow li#facebook a:hover			{ background-position: 0px -20px;}
ul#socialFollow li#twitter a:hover			{ background-position: -28px -20px;}
ul#socialFollow li#pinterest a:hover		{ background-position: -56px -20px;}
ul#socialFollow li#youTube a:hover			{ background-position: -84px -20px;}
ul#socialFollow li#linkedIn a:hover			{ background-position: -112px -20px;}
ul#socialFollow li#googlePlusOne a:hover	{ background-position: -140px -20px;}
ul#socialFollow li#instagram a:hover		{ background-position: -168px -20px;}
ul#socialFollow li#email a:hover			{ background-position: -196px -20px;}


/* SOCIAL SHARING
----------------------------------------------- */

#socialSharing	{
 	width: 720px;
    height: 30px;
    margin-top: 10px;
    padding-left: 20px;
    border: 0px solid #ddd;
}

.socialShare {
 	float: left;
    margin-right: 10px;
}

.FB			{ width: 80px; } 
.gPlus		{ width: 70px; }
.Tweet		{ width: 80px; }
.linkedIn	{ width: 100px;}
.Pinterest	{ width: 45px; margin-top: -20px; }

#socialSharing a {
 	border-bottom: 0px;
}

#pinterestLogo	{
 	visibility:visible;   
}

/* COMMENTS
----------------------------------------------- */

.comments_error {
	color: #000;
	background-color: #fff4f4;
}

ul.comments_error {
	padding : 0.3em;
	list-style-type: circle;
	list-style-position: inside;
	border: 2px solid #fdd;
}

div#cpreview {
	color: #000;
	background-color: #f1f1f1;
	border: 2px solid #ddd;
}

form#txpCommentInputForm td {
	vertical-align: top;
}

#comments-help {
	margin: 2px 0 15px 0;
	font-size: 0.7em;
}

/* ERROR PAGE
----------------------------------------------- */

.error-status {
	font: 1.3em Georgia, Times, serif;
}

/* WEB FONTS
----------------------------------------------- */


@font-face {
    font-family: 'kingthings_exeterregular';
    src: url('/webFonts/Kingthings_Exeter-webfont.eot');
    src: url('/webFonts/Kingthings_Exeter-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webFonts/Kingthings_Exeter-webfont.woff') format('woff'),
         url('/webFonts/Kingthings_Exeter-webfont.ttf') format('truetype'),
         url('/webFonts/Kingthings_Exeter-webfont.svg#kingthings_exeterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}