/********************************************************************************
	GENERIC
********************************************************************************/
html, body {
	border:0 none;
	margin:0;
	padding:0;
}
body {
	background:url("../Images/bg.jpg") repeat;
}
.top {
	background:url("../Images/bgTop.jpg") no-repeat 0 0;
	height:7px;
	margin:5px auto 0;
	width:960px;
}
.shadow {
	background:url("../Images/shadow.png") no-repeat scroll center top;
	margin:0 auto;
	width:988px;
}
.hr {
	background:url("../Images/hr.gif") no-repeat 0 0;
	height:1px;
}
h1 small a {
	color: inherit;	
	font-size: 12px;
}
.txtIntro {
	font-weight:bold;
}
section, article, header, footer, nav, menu, aside {
	display:block;
	margin:0;
	padding:0;
}
a img {
	border:0 none;
}
.imageLeft {
	float:left;
	margin:0 15px 15px 0;
}
.imageRight, .imageRight150 {
	float:right;
	margin:0 0 15px 15px;
}
.imageRight150 {
	width:150px;
	margin:7px 0 10px 25px;
}
.imageRight .caption,
.imageRight150 .caption{
	margin:0;
}
.aboutColLeft {
	float:left;
	width:150px;
}
.aboutColRight {
	float:left;
	width:520px;
}
.clearBoth {
	clear:both;
	line-height:0;
	overflow:hidden;
}
.btnHome {
	background: url("../Images/icons.gif") no-repeat scroll 0 0 transparent;
	display: block;
	float: left;
	height: 20px;
	margin: 0 10px 0 0;
	width: 23px;
}
.btnMore {
	background: url("../Images/icons.gif") no-repeat scroll -144px 0 transparent;
	display: block;
	float: left;
	height: 23px;
	margin: 0 10px 0 0;
	width: 24px;
}
.btnVideo {
	background: url("../Images/icons.gif") no-repeat scroll -109px 0 transparent;
	display: block;
	float: left;
	height: 28px;
	margin: 0 10px 0 0;
	width: 24px;
}
.btnPodcast {
	background: url("../Images/icons.gif") no-repeat scroll -180px 0 transparent;
	display: block;
	float: left;
	height: 28px;
	margin: 0 10px 0 0;
	width: 25px;
}
.btnPhoto {
	background: url("../Images/icons.gif") no-repeat scroll -72px 0 transparent;
	display: block;
	float: left;
	height: 28px;
	margin: 0 10px 0 0;
	width: 25px;
}
.btnAudio {
	background: url("../Images/icons.gif") no-repeat scroll -39px 0 transparent;
	display: block;
	float: left;
	height: 20px;
	margin: 0 10px 0 0;
	width: 25px;
}
.pnlButtons {
    overflow: hidden;
	height:30px;
}

/********************************************************************************
	HOME
********************************************************************************/
.home, .content {
	background: url("../Images/bgBottom.jpg") repeat-x scroll 0 bottom #FFFFFF;
	font-family:Arial;
    margin: 0 auto;
	min-height: 570px;
	overflow:hidden;
    width: 960px;
}
.colorOne .content {
	background-image:url("../Images/bgBottomBarDirtyGreen.jpg");
}
.colorTwo .content, .colorThree .content, .colorFour .content, .colorFive .content, .colorSix .content, .colorSeven .content, .colorEight .content {
	background-image:url("../Images/bgBottomBarMulti.jpg");
}
.colorNine .content {
	background-image:url("../Images/bgBottomBarA.jpg");
}
.colorTen .content, .colorEleven .content {
	background-image:url("../Images/bgBottomBarRed.jpg");	
}
.colorTwelve .content {
	background-image:url(../Images/bgBottomBarPink.jpg);
}
.colorThirteen .content {
	background-image:url(../Images/bgBottomBarDPink.jpg);
}

.colorTwo h1, .colorTwo h2 {
	color:#4cbfeb;
}
.colorThree h1, .colorThree h2 {
	color:#87c440;
}
.colorFour h1, .colorFour h2 {
	color:#c71f41;
}
.colorFive h1, .colorFive h2 {
	color:#603a16;
}
.colorSix h1, .colorSix h2 {
	color:#f68751;
}
.colorSeven h1, .colorSeven h2 {
	color:#14bbaf;
}
.colorEight h1, .colorEight h2 {
	color:#6356a4;
}
.colorNine h1, .colorNine h2 {
	color:#664e1f;
}
.colorTwelve h1, .colorTwelve h2 {
	color:#d79aae;
}
.colorThirteen h1, .colorThirteen h2 {
	color:#b84d70;
}
.contact {
	float: left; width: 300px; font-size: 13px; padding: 50px 0pt 0pt 47px;line-height:1.3;
}
.contact a {
	color:#B9122B;
}
.contact a:hover {
	text-decoration:none;
}


/* ------------------------------
PUBLICATIONS
------------------------------- */
.colorTen h1, .colorTen h2, .colorEleven h2, .colorEleven h1 {
	color:#991a37;
}
.colorEleven .projectBreak {
	margin:10px 0;
}
.colorTen .imageLeft, .colorEleven .imageLeft {
    float: left;
    margin: 0 30px 15px 0;
    width: 270px;
}
.colorEleven .siteLink {
	background:#991a37;
	color:#fff;
	padding:3px 5px;
}
colorTwelve {
	color:#d79aae;
}
.logos .logoAsef {	
	display:block;
	margin:0 auto;
    width: 813px;
}
.logos .logoAsefTag {
	display:block;
	margin:30px auto 0;
	width:215px;
}
.logos {
	padding:50px 0 0;
	text-align:center;
	margin:0 0 30px;
}
.logos span {
	color: #777777;
    font-size: 13px;
    text-transform: uppercase;
}
.logoAEF {
	background: url("../Images/logoAEF-home.gif") no-repeat scroll right top transparent;
    float: right;
    height: 98px;
    margin: 70px 30px 30px;
    width: 90px;
}


/********************************************************************************
	GENERAL CONTENT
********************************************************************************/
.content {
	background: url("../Images/bgBottomBar.jpg") repeat-x scroll 0 bottom #FFFFFF;
    padding: 0 0 12px;
}
header {
	overflow:hidden;
	height:130px;
}
.logoContent {
	float: left;
    margin: 16px 0 0 30px;
	width: 278px;
}
.tagline {
	color: #777777;
	float: left;
	font-size: 11px;
	line-height: 1.5;
	margin: 35px 0 0 325px;
	text-align: center;
	text-transform: uppercase;
	width: 206px;
}
.logoContentAEF {
	float: left;
    margin: 14px 0 0 19px;
    width: 79px;
}
menu .hr {
	clear:both;
}
.menuHdr {
	float: left;
    margin:24px 25px 8px 0;
    width: 81px;
}
.content .menuHome {
	float: left;
	margin: 5px 0 0 43px;
	width: 810px;
}
.content .menuHome a {
	margin:12px 3px;
}
.webkit .content .menuHome ul,
.content .menuHome ul {
	margin-top:0;
}

/********************************************************************************
	MENU
********************************************************************************/
.hdrHomeContent {
	margin:0 0 5px;
}
.home .menuHome {
    padding: 4px 0;
    width: 900px;
}
.menuHome {
	list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 820px;
}
.webkit .menuHome ul { 
	margin-top:30px;
}
.menuHome ul {
	background: none repeat scroll 0 0 #FFFFFF;
    border-color: #B9122B #ABABAB #ABABAB;
    border-right: 1px solid #ABABAB;
    border-style: solid;
    border-width: 4px 1px 1px;
    font-size: 13px;
    list-style: none outside none;
    margin: 20px 0 0 13px;
    padding: 6px 0;
    position: absolute;
	display:none;
}
.webkit .menuHome ul ul,
.menuHome ul ul {
	border: 0 none;
    margin: 0 0 0 20px;
    padding: 0;
    position: relative;	
}
.menuHome li {
	float:left;
}
.menuHome li li {
	float:none;
}
.menuHome a {
	color: #000000;
    display: block;
    font-size: 13px;
    margin: 10px;
    padding: 3px 8px;
    text-decoration: none;
	line-height:1.2;
	border-radius:2px;
}
.content .menuHome ul a,
.menuHome ul a {
	font-size: 12px;
    margin: 0;
    padding: 3px 10px;
}
.webkit .menuHome .selected,
body .menuHome .selected {
	background:#b9122b;
	color:#fff;
}
.menuHome a:hover {
	background:#555;
	color:#fff;
}
.menuHome ul a:hover {
	background:none;
	color:#b9122b;
}

/********************************************************************************
	NAV
********************************************************************************/
nav {
	float: left;
    line-height: 1.3;
    list-style: none outside none;
    padding: 25px 0 0;
    width: 226px;
}
nav li {
	padding:0 0 9px;
	*padding:0 0 5px;
}
nav a {
	color: #000000;
    font-size: 12px;
	display:block;
    text-decoration: none;
	padding:0 0 0 22px;
}
nav .selected {
	border-left: 6px solid #B9122B;
    color: #B9122B;
    font-weight: bold;
    padding: 0 0 0 16px;
}
nav a:hover {
	color: #777;
}
nav ul {
	list-style: none outside none;
    margin: 0;
    padding: 10px  0 0 37px;
}
nav ul a {
	padding-left:0;
}
nav .highlight {
	color: #B9122B;
}

/********************************************************************************
	ARTICLE
********************************************************************************/
article {
	background: url("../Images/vr.gif") repeat-y scroll left 0 transparent;
    color: #222222;
    float: left;
    font-size: 12px;
    line-height: 1.6;
    min-height: 400px;
    padding: 10px 31px 0;
    width: 670px;
}
article h1 {
	color: #B9122B;
    font-size: 18px;
    margin: 12px 0 0;
    padding: 0;
}
article p {
	margin: 15px 0 20px;
	text-align: justify;
}

/********************************************************************************
	CONTENT
********************************************************************************/
article h2 span,
article h1 span{
	float: left; 
	width: 520px;	
}
article h2 .pnlButtons,
article h1 .pnlButtons{
    clear: none !important;
    float: right !important;
    width: 137px;
	height:30px;
}
article .oneIcon  .pnlButtons{
	width:25px;
}
article .twoIcon  .pnlButtons{
	width:70px;
}
article .threeIcon .pnlButtons{
	width:103px;
}
article .oneIcon  span{
	width:630px;
}
article .twoIcon  span,
article .twoIcon  div{
	float: left; 
	width:550px;
}
article .threeIcon span{
	width:550px;
}

.txtTeam {
	color: #555555;
	font-style: italic;
	margin: 0 0 20px;
}
.txtName {
	color: #231F20;
    font-weight: bold;
	font-style: normal;
}
.txtFrmLeft {
	color: #857133;
    font-weight: bold;
    margin: 0 3px 0 0;
	font-style: normal;
}
article a {
	color:#B9122B;
	text-decoration:none;
}
article a:hover {
	text-decoration:underline;
}
.nonav {
	background:none;
	width:898px;
}
article h2 {
	color: #333;
    font-size: 15px;
    line-height: 1.3;
	overflow: hidden;
	padding:0;
	width:100%;
}
article h2 sup {
	font-size:10px;
}
article h3 {
	color: #777;
    font-size: 13px;
	margin:0;
	padding:0;
}
.imgRight {
	float:right;
	margin:15px  0 0 20px;
	width:270px;
}
.imgRight350 {
	float:right;
	margin:15px  0 0 20px;
	width:350px;
}
.imgLeft {
	float:left;
	margin:15px  20px 0 0;
	width:270px;
}
.imgLeft350 {
	float:left;
	margin:15px  20px 0 0;
	width:350px;
}
.imgLeft .caption,
.imgRight .caption {
	margin-bottom:10px;
}
.caption span {
	color:#d12330;
}
.projectBreak {
	background: url("../Images/hr.gif") no-repeat scroll 0 0 transparent;
    padding: 10px 0 8px;
}
.img450 {
	width:450px;
}

/********************************************************************************
	BOARD OF GOVERNORS
********************************************************************************/
article .colLeft {
	float:left;
	width:50%;
}
article .colRight {
	float:left;
	width:50%;
}
.board {
	font-size:12px;
	list-style:none;
	margin:0;
	padding: 0 0 25px;
}
.board span {
	color: #857133;
    font-weight: bold;
	margin:0 2px 0 0;
}
.caption {
	color: #777777;
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 20px;
}
.dept {
	color: #857133;
    font-weight: bold;
	font-style:italic;
}

/********************************************************************************
	PARTNERS AND SPONSORS
********************************************************************************/
.tblPartners {
	background: #D79AAE;
	margin: 0 0 20px;
	width: 100%;
}
.tblPartners td {
	background:#FFFFFF;
	padding: 3px 10px;
}
.tblPartners th {
	background:#E6C4CE;
    border-bottom: 3px solid #D79AAE;
    color: #252525;
    font-size: 14px;
    padding: 5px 10px 4px;
    text-align: left;
}

/********************************************************************************
	TEAM COLORS
********************************************************************************/
.teamOne h1,
.teamOne .txtFrmLeft,
.teamOne .dept {
	color:#857133
}
.teamTwo h1,
.teamTwo .txtFrmLeft,
.teamTwo .dept {
	color:#857133
}
.teamSix h1,
.teamSix .txtFrmLeft,
.teamSix .dept {
	color:#d7123f
}
.teamThree h1,
.teamThree .txtFrmLeft,
.teamThree .dept {
	color:#e7b13a
}
.teamFour h1,
.teamFour .txtFrmLeft,
.teamFour .dept {
	color:#00835f
}
.teamFive h1,
.teamFive .txtFrmLeft,
.teamFive .dept {
	color:#005496
}


/********************************************************************************
	ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
********************************************************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;*overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxContent{overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../Images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../Images/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


a img {
	border:0 none;
}
.floatImgBlock {
	float:left;
}
.floatImgBlock a, .floatImgBlock img {
	display:block;
}
.floatImgBlockRight {
	float:right;
}
.floatImgBlockRight a, .floatImgBlockRight img {
	display:block;
}