* {margin: 0; padding: 0; border: 0;}

body {
text-align: center; 
background: #fff;
color: #fff;
min-width: 980px;
font-size:16px;
}


body {
font-family: verdana, tahoma, arial, sans-serif;
font-size: 100%;
line-height: 1.5;
}

h1				{font-size:19pt;}

h1, h2, h3, h4, p 		{margin: 1em 0;color:#666;}

h1 a, h2 a, h3 a, h4 a, p a 	{color:#04a1c6;}

.newsItem a			{color:#04a1c6;}

/***************************************************************/
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 980px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
border: 10px solid #c79530;
}

div#columns3{
background: #fff url(/media/46/bodybackground.gif) repeat-y 0 0;
overflow:auto;
}

#header, #footer {
clear: both;
}

#header {
background: #fff; 
color: #000;
text-align: right;
padding: 1px 0;
height:195px;
background:transparent url('/media/35/headerimage.jpg') no-repeat;
background-position:left top;
border:8px solid white;
border-bottom-style:none;
position:relative;
}

#header img{
}

#footer {
text-align: center;
color: #000;
background-color:white;
border-top:10px solid white;
}
#footer div {
padding: 1px 0;
background: url(images/brfoot.gif) no-repeat 100% 0px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
background: url(images/sidebar-r.gif) repeat-y 100% 0;
float: left;
width: 100%;
position: relative;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0 254px 0 254px;
display: inline-block; /* TRIP haslayout for safety */
}

#centerpad {
display: block; /* SWITCH back the display */
}

#center {
  color: #000;
  float:left;
  width: 100%; 
  margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
  margin-top:-10pt;
}

#left {
  float:left;
  width: 233px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
  border-left:8px solid white;
}

#right {
  float:right;
  width: 228px;
  border-right:8px solid white;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: 0;}

#left h3, #left p,
#right h3, #right p
{
padding: 0 20px; 
}

/***** General formatting ****/
 /* tanfa logo/link */

#pagetop h1, #pagetop h2, #pagetop h3 {
margin: 0.3em 220px;
font-family: georgia, serif;
padding: 0;
}

#pagetop h1 {font-size: 1.4em;}
#pagetop h2 {font-size: 1.2em;}
#pagetop h3 {font-size: 1em;}

#wrapper {
position: relative;
z-index: 500;
}

div#forumContainer{
border:8px solid white;
}


/***************************************************************/
/************ Main Navigation CSS begins ***********************/

ul#topnavigation{
list-style-type:none;
margin:0 0 20pt 0;
padding:0;
}

ul#topnavigation li{
border-top:3px solid white;
}

ul#topnavigation li.pink{
width:233px;
height:24px;
background:transparent url(/media/165/navblockpink.gif) no-repeat;
}

ul#topnavigation li.green{
width:233px;
height:24px;
background:transparent url(/media/171/navblockgreen.gif) no-repeat;
}

ul#topnavigation li a{
display:block;
color:white;
padding:0 0 0 10pt;
text-decoration:none;
line-height:24px;
}

ul#travelWithMeNav{
list-style-type:none;
margin:0;
padding:0 0 20pt 0;
}

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


ul#socialNetworking{
list-style-type:none;
}

ul#socialNetworking li{
width:233px;
height:25px;
border-top:3px solid white;
}

ul#socialNetworking li.imageButton{
height:auto;
}

ul#socialNetworking li#twitterLink a{
display:block;
color:white;
background:transparent url(/media/227/twitternavitem.gif) no-repeat;
font-size:8pt;
line-height:25px;
padding:0 0 0 55pt;
text-decoration:none;
}

ul#socialNetworking li#facebookLink a{
display:block;
color:white;
background:transparent url(/media/222/facebooknavitem.gif) no-repeat;
font-size:8pt;
line-height:25px;
padding:0 0 0 55pt;
text-decoration:none;
}

ul#socialNetworking li#barnfieldLink a{
display:block;
color:white;
font-size:8pt;
text-decoration:none;
background:#B3E2DA url('/media/2163/barnfieldlinkimage.gif'); no-repeat;
line-height:25px;
padding:0 0 0 55pt;
}






ul#footernavigation{
list-style-type:none;
overflow:auto;
margin:0 0 5px 5px;
}

ul#footernavigation li{
float:left;
margin:0 8px 0 8px;
}

ul#footernavigation li a{
color:#0D0259;
text-decoration:none;
}






div#youTube{
float:left;
margin:0 0 10pt 0;
}

div#youTube img{
float:left;
}

div#youTube p{
float:right;
width:144px;
padding:0;
margin:0 0 0 4pt;
font-size:6.5pt;
color:#2b226e;
}


div#beingWatched{
clear:both;
background:transparent url('/media/451/ytgreyboxbg.gif') repeat-y;
background-position:left top;
margin:0 0 10pt 0;
}

div#beingWatched a{
background:transparent url('/media/431/ytvideosbeingwatchednow.gif') no-repeat;
display:block;
height:22px;
}

div#beingWatched a strong{
display:none;
}

div#beingWatched .footer{
background:transparent url('/media/446/ytgreyboxbottom.gif') no-repeat;
background-position:left bottom;
}





div#featuredVideos{
clear:both;
background:transparent url('/media/461/ytblueboxbg.gif') repeat-y;
background-position:left top;
margin:0 0 10pt 0;
color:black;
font-size:8pt;
}

div#featuredVideos span#panelHeader{
background:transparent url('/media/441/ytfeaturedvideostop.gif') no-repeat;
display:block;
height:22px;
margin:0;
padding:0;
}

div#featuredVideos div#featuredVideosLink{
text-align:right;
clear:both;
}

div#featuredVideos div#featuredVideosLink a{
margin:0 10px 0 10px;
background-image:url('');
display:inline;
}

div#featuredVideos div.ytc{
overflow:auto;
}

div#featuredVideos div.video{
text-align:center;
margin:5pt 0px 5pt 8px;
float:left;
width:103px;
height:90px;
overflow:hidden;
}

div#featuredVideos div.videoLarge{
text-align:center;
margin:5pt 0px 5pt 8px;
float:left;
overflow:hidden;
}

div#featuredVideos span#panelHeader strong{
display:none;
}

div#featuredVideos .footer{
background:transparent url('/media/456/ytblueboxbottom.gif') no-repeat;
background-position:left bottom;
padding:5px 0 0 0;
}




div#mostPopularVids{
clear:both;
background:transparent url('/media/451/ytgreyboxbg.gif') repeat-y;
background-position:left top;
margin:0 0 10pt 0;
}

div#mostPopularVids a{
background:transparent url('/media/436/ytmostpopulartop.gif') no-repeat;
display:block;
height:22px;
}

div#mostPopularVids a strong{
display:none;
}

div#mostPopularVids .footer{
background:transparent url('/media/446/ytgreyboxbottom.gif') no-repeat;
background-position:left bottom;
margin:5px 0 0 0;
}





div#roadshows{
clear:both;
background:transparent url('/media/461/ytblueboxbg.gif') repeat-y;
background-position:left top;
margin:0 0 10pt 0;
font-size:8pt;
}

div#roadshows a.header{
background:transparent url('/media/1128/roadshoweventspanelheader.gif') no-repeat;
display:block;
height:22px;
}

div#roadshows a.header strong{
display:none;
}

div#roadshows .footer{
background:transparent url('/media/456/ytblueboxbottom.gif') no-repeat;
background-position:left bottom;
margin:5px 0 0 0
}

div#roadshows p#visitEnjoy{
background-color:#49A857;
color:white;
margin:5px 10px 0 10px;
padding:3px;
text-align:center;
font-weight:bold;
}

div#roadshows ul{
list-style-type:none;
padding:10px;
}

div#roadshows ul li{
margin:0 0 10px 0;
}

div#roadshows ul li a{
color:#666;
}

div#roadshows a.moreLink{
float:right;
margin:0 10px 10px 0;
color:#2E2EFD;
}

/* ########################################################################
	Course Search Page
   ######################################################################## */

div#courseSearch						{border-left:10px solid white;border-right:10px solid white;}

ul#searchPanel							{background-color:#04a1c6;width:auto;padding:10px;list-style-type:none;}
ul#searchPanel li						{line-height:25px;clear:left;}
ul#searchPanel li strong					{display:block;float:left;width:150px;}

ul#searchPanel div#departments					{clear:both;overflow:auto;}
ul#searchPanel div#departments label				{display:block;width:294px;float:left;}
ul#searchPanel div#departments input				{display:block;float:left;line-height:20px;margin:7px 3px 0 0;}

div#courseSearch h2 a						{color:#04a1c6;text-decoration:none;}

/* ########################################################################
	Course Details Page
   ######################################################################## */

div#layoutTemplate						{}
div#layoutTemplate p						{margin-top:0px;padding-bottom:1em;border-bottom:1px solid #999;}

div#courseDetails						{}
div#courseDetails h1						{}
div#coursePanel							{float:right;background-color:#04a1c6;width:293px;padding:1em;color:white;margin-left:15px;margin-top:25px;}

div#coursePanel h2						{color:white;margin:10px 0 10px 0;}

div#coursePanel ul						{list-style-type:none;margin:0;padding:0;}
div#coursePanel ul li 						{color:white;}
div#coursePanel ul li strong					{display:block;width:100px;float:left;clear:left;}
div#coursePanel ul li a						{color:white;}

div#coursePanel ul li#Progression strong			{float:none;width:100%;}
div#coursePanel ul li#Entrance strong				{float:none;width:100%;}

div#resultsPaging						{text-align:center;font-size:0.85em;line-height:1.5em;}

div.signupForm p						{padding:0;margin:1em 0 0 0;}

div#signupForm ul						{background-color:#0099ff;width:455px;padding:10px;list-style-type:none;margin:0px;}
div#signupForm ul li						{line-height:25px;clear:left;}
div#signupForm ul li input					{width:200px;}
div#signupForm ul li strong					{display:block;float:left;width:150px;}

div#signupForm ul li#formButtons				{text-align:right;}
div#signupForm ul li#formButtons input				{padding:0 10px 0 10px; width:auto;}

div#signupForm ul li .EmailOptIn,
div#signupForm ul li .mobileOptIn				{font-size:7.5pt;}

div#signupForm ul li .EmailOptIn input				{margin:0 5px 0 0;width:auto;}
div#signupForm ul li .mobileOptIn input				{margin:0 5px 0 0;width:auto;}

div#signupForm ul li a						{color:white;}


div#sendVideo ul						{background-color:#04a1c6;width:auto;padding:10px;list-style-type:none;}
div#sendVideo ul li						{line-height:25px;clear:left;}
div#sendVideo ul li strong					{display:block;float:left;width:150px;}

div#sendVideo ul li#formButtons				{text-align:right;}
div#sendVideo ul li#formButtons input				{padding:0 10px 0 10px;}

div#sendVideo ul li .EmailOptIn,
div#sendVideo ul li .mobileOptIn				{font-size:7.5pt;}

div#sendVideo ul li .EmailOptIn input				{margin:0 5px 0 0;}
div#sendVideo ul li .mobileOptIn input				{margin:0 5px 0 0;}

div#sendVideo ul li a						{color:white;}

div.videoPageItem						{clear:both;height:130px;}

div.videoPageItem img						{margin-right:10px;}

div.pageLinks							{clear:both;text-align:center;}




































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */