﻿/**********************************************************************************
=Global
**********************************************************************************/

html, body {
	border:0;
	margin:0;
	padding:0;
	font-size: 100%;
	height:100%; }

table{ font-size: 100%; }

body 
{
    color:#626161;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 69%;
	text-align: center; }


.clear 	{ clear:both; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

	/* WinIE7 only */
	*:first-child+html .clearfix {
		height:1%;
	}
	
	/* WinIE6 and below */
	/*Â¥*/
	* html .clearfix {
		height:1%;
	}

	/**/
	/* MacIE only */
	/*Â¥*//*/
	.clearfix{
		display:inline-table;
	}
	/**/

.left 	{ float:left; }
.right 	{ float:right; }

.b 	{ font-weight:bold; }
.i 	{ font-style:italic; }

.nobrk  { white-space : nowrap; }

.upper{text-transform:uppercase;}

/**********************************************************************************
=Common
**********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;}

h1 {
	font-size:1.45em;
	font-weight:bold;
	color:#0065A0;
	text-transform:uppercase;
	line-height:80%;
}

h2 {
	font-size:1.994em;
	font-weight:normal;
	color:#59A1C3;
	text-transform:uppercase;
	text-align:right;
	margin-bottom:10px;
    padding:0;
}
    h2 span
    {
        font-size:0.727em;
        font-weight:bold;
	    color:#0065A0;
	    width:100%;
	    margin-right:-0.4em;
    }

h3, .date {
	font-size:1.2em;
	font-weight:bold;
}
	h3.heading {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:8px;
	margin-top:18px; }
	
	h3.blog
	{
	    color:#1383b7;
	    margin-top:5px;
	    text-transform:uppercase;
	    font-size:1.3em;
	}
	
h4 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#00518C;
	line-height:80%;}
	
	h4.subheading {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#00518C;
	line-height:80%;
	margin-bottom:4px; }
	
h5 {padding:0px;
	font-size:1em;
	text-transform:uppercase;
	color:#FFFFFF;}
	
h5.h5foundation {
	font-size:0.82em;}	

h6 {padding:0px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#FFFFFF;}
	
h7 {padding:0px;
	font-size:1.27em;
	font-weight:bold;
	text-transform:uppercase;
	color:#E19999;
	line-height:80%;}

p  {padding:0px;
	font-size:1em;
	color:#626161;}

ul, ol {padding:0 0 18px 40px;}

img {	border:0;}


/**********************************************************************************
=Text
**********************************************************************************/

.text{
font-size : 1.09em;
color: #000000;}

.smalltext{
font-size : 1em;
color: #000000;}

.liltext{
font-size : 0.9em;
color: #000000;}

.head{
font-size : 1.2em;
font-weight : bold;
color: #003399;}

.title{
font-weight : bold;
font-size : 1.27em;
color: #FFFFFF;}

.intro
{
    font-size:1.2em;
	font-weight:bold;
}
	
.moreinfo {	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;}
		
/**********************************************************************************
=Links
**********************************************************************************/

a, a.flip{
	font-weight : bold;
	text-decoration: underline;
	color: #00518C;}

a:hover, a.flip:hover{
	font-weight : bold;
	text-decoration: none;
	color: #00518C;}
	
a.aButton
{
    color:#00518C;
    display:block;
    border:2px dashed #85BAD3;
    padding:5px;
    float:left;
    text-decoration:none;
}
    a.aButton:hover span{text-decoration:underline;}
    
a.moreinfo, a.moreinfo_red
{
    color:#FFFFFF;
    display:block;
    border:1px dashed #FFFFFF;
    float:left;
    text-decoration:none;
    text-transform:uppercase;
    padding:2px 15px 2px 4px;
    background:url(../images/arrows.gif) no-repeat 98%;
}
    a.moreinfo:hover, a.moreinfo_red:hover{text-decoration:underline;}   
    
    a.moreinfo_red{color:#638C00;border:0; background:url(../images/arrows_green.gif) no-repeat 96%;}

.aTitle
{
    color:#00518C;
    text-transform:uppercase;
    text-decoration:none;}
    .aTitle:hover{text-decoration:underline;}
    		
h3.slide
{
    color:#115D94;
    cursor:pointer;
    background:url(../images/arrow_right.gif) no-repeat right;
}
    h3.slide:hover{text-decoration:underline;}

h3.down
{
    background:url(../images/arrow_down.gif) no-repeat right;
}

/**********************************************************************************
=Forms 
**********************************************************************************/

form {	margin:0;
	padding:0;
	display:inline;}

input, select, textarea {font-size:1em;}

input.i250{
	width : 250px;
	font-weight : bold;
	color: #AE0000;}

select.s140{
	width : 140px;
	font-weight : bold;
	color: #AE0000;}
	
textarea.t400{
	width : 400px;	
	font-weight : bold;
	color: #AE0000;}

/**********************************************************************************
=Tables 
**********************************************************************************/

table {	border:0;
	margin:0;
	padding:0;}


/**********************************************************************************
=Layout
**********************************************************************************/

#container {
	margin-left:auto;
	margin-right:auto;
	width:997px;
	background:url(../images/borders/mainbg.gif) repeat-y;
	
	}
    #container_inner {
	    padding:0 13px;
	    background:url(../images/borders/footerbot.gif) bottom left no-repeat;
	    }	
	
.header {
	width:970px;
	height:168px; }
    
	.header_0{
	background-image:url(../images/hbg_home.jpg); }
	.header_1{
	background-image:url(../images/hbg_bio.jpg); }
	.header_2{
	background-image:url(../images/hbg_tour.jpg); }
	.header_3{
	background-image:url(../images/hbg_partners.jpg); }
	.header_4{
	background-image:url(../images/hbg_design.jpg); }
	.header_5{
	background-image:url(../images/hbg_video.jpg); }
	.header_6{
	background-image:url(../images/hbg_foundation.jpg); }
	
#nav {
	margin:0;padding:0;
	width:970px;
	height:47px;
	background:url(../images/nav.gif) repeat-x;
	border-top:solid 3px #FFFFFF;
	font-weight:bold;
    list-style-type:none;
	}	
	
    #nav li  {
	    float:left;
	    list-style-type:none;
	    padding:0;
	    border-right:solid 3px #FFFFFF;
	    width:136px;
	    }
        	
        #nav li a {
            display:block;
            height:47px;
            line-height:30px;
            color:#FFFFFF;
	        font-family:Verdana, Arial, Helvetica, sans-serif;
            text-decoration:none;
            width:100%;
            float:left; }

            #nav li a:hover {
                background:url(../images/nav_hover.gif) repeat-x  ;
                color:#FFFFFF;
            }
            #nav li.selected a {
                background:url(../images/nav_selected.gif) repeat-x  ;
                color:#FFFFFF;
            }
            
    #nav li.last  {border:0;}
            
#subnav
{
    float:left;
	margin:18px 0 0 22px;
	display: inline;
}
    
    #subnav ul
    {
        margin:6px 0 0 0;padding:10px;
        display:block;
        background:#E8E8E8;
        list-style-type:none;
    }
        #subnav ul li{
            padding:5px 0;
	        font-size:1.09em;
	        font-weight:bold;
        }  
            #subnav ul li a {
	            text-transform:uppercase;
	            text-decoration:none;
	            color:#6B6B6B;}
                #subnav ul li a.selected {color:#00518C;}
            #subnav ul li a:hover{text-decoration:underline;}
            
#content_container {
	height:auto;
	text-align:left;
	vertical-align:top;
}
    		        
#footer {
	height:15px;
	margin:0 auto;padding:40px 24px 5px 24px ;
	font-size:0.9em;
	font-weight:bold;
	color:#959595;}	

    #footer_inner
    {
        padding:5px 0;
    }
    
    .pagefooterleft {
	float:left;
	width:150px;
	margin-left:0px;
	text-align: left;

	}
	
    .pagefootermid {
	    float:left;
	    width:auto;
	    margin-left:150px;
	 }
    	
    .pagefooterright {
	    float:right;
	    width:auto;
	    margin-right:0px;
	 }

    #footer a {
	    font-size:0.9em;
	    font-weight:bold;
	    color:#959595;
	    text-decoration:none;}
	    #footer a:hover{text-decoration:underline;}
	    
/**********************************************************************************
=Layout
**********************************************************************************/
	
.spots
{
    margin:10px 30px;
    border-top:2px #D6D6D6 dashed;
} 

/*Sponser*/
#sponsor_images {
	width:381px;
	float: left;
	margin-top: 5px;
	}	
#sponsor_text {
	float:right;
	width:220px;
	height:auto;
	margin-top: 7px;
	}
	
#sponsor_innertext
{
    float:left;
    width:355px;
    margin:0 5px 0 12px;
}

.sponsor_logo
{
    margin:40px 0 15px;
}

.logo
{
    margin-top:5px;
}

/*Video Tips*/
a.videotip_image
{
    float:left;
    border:solid 2px #E09999;
}
    a.videotip_image:hover{border:solid 2px #BF1227;}

.videotip_text
{
    float:left;
    padding:6px 0 0 5px;
    width:460px;
    min-height:101px;
    height:auto!important;
    height:101px;
}

.videotip_text .moreinfo_red
{
    margin-top:10px;
}
	
/*Boxes*/
.box149
{
    width:149px;
	background:url(../images/borders/bg_149.gif) repeat-y;
	padding:0;
}
    .box149_inner
    {
    	background:url(../images/borders/bg_149_top.gif) no-repeat top;
    	padding:8px 0 0 0;
    }
    .box149_inner2
    {
    	background:url(../images/borders/bg_149_btm.gif) no-repeat bottom;
    	padding:0 9px 9px;
    }   
    
.box187
{
    width:187px;
	background:url(../images/borders/bg_187.gif) repeat-y;
	padding:0;
}
    .box187_inner
    {
    	background:url(../images/borders/bg_187_top.gif) no-repeat top;
    	padding:12px 0 0 0;
    }
    .box187_inner2
    {
    	background:url(../images/borders/bg_187_btm.gif) no-repeat bottom;
    	padding:0 12px 12px;
    }   

.box222, .leftbutton
{
    width:222px;
	background:url(../images/borders/bg_222.gif) repeat-y;
	padding:0;
}
    .box222_inner, .leftbutton_inner
    {
    	background:url(../images/borders/bg_222_top.gif) no-repeat top;
    	padding:12px 0 0 0;
    }
    .box222_inner2, .leftbutton_inner2
    {
    	background:url(../images/borders/bg_222_btm.gif) no-repeat bottom;
    	padding:0 12px 12px;
    }
    
    .leftbutton .text
    {
        width:99px;
        height:139px;
        float:left;
        position:relative;}
     
     .blue .text{ background-image:url(../images/leftblue.gif);}  
     .green .text{ background-image:url(../images/leftgreen.gif);}  
                  
    .leftbutton .inner_text{position:absolute;bottom:0;padding:5px 3px;}
    
    .leftbutton h5{font-weight:normal;font-size:2.18em;line-height:0.8em;padding:0 0 10px 0;}
    .leftbutton h5 span{font-weight:bold;font-size:0.6em;}
	h5.h5foundation {
	font-size:1.2em;}
    
    .blue h5 span{color:#99BFD7;}
    .green h5 span{color:#CFD399;}
	
.box248
{
    width:248px;
	background:url(../images/borders/bg_248.gif) repeat-y;
	padding:0;
}
    .box248_inner
    {
    	background:url(../images/borders/bg_248_top.gif) no-repeat top;
    	padding:12px 0 0 0;
    }
    .box248_inner2
    {
    	background:url(../images/borders/bg_248_btm.gif) no-repeat bottom;
    	padding:0 12px 12px;
    }   
    
.box504
{
    width:504px;
	background:url(../images/borders/bg_504.gif) repeat-y;
	padding:0;
}
    .box504_inner
    {
    	background:url(../images/borders/bg_504_top.gif) no-repeat top;
    	padding:12px 0 0 0;
    }
    .box504_inner2
    {
    	background:url(../images/borders/bg_504_btm.gif) no-repeat bottom;
    	padding:0 12px 12px;
    }       
/**********************************************************************************
=Left boxes
**********************************************************************************//**********************************************************************************
=Left boxes NEW
**********************************************************************************/

.leftupper {
	width:222px;
	height:163px;
	}
	
.leftupper2 {
	width:222px;
	height:151px;
	}

.leftlower {
	width:222px;
	height:auto;
	}
	
.leftboxheader {
	width:222px;
	height:12px;
	}
	
.leftboxfooter {
	width:222px;
	height:12px;
	}
	
.leftimage {
	margin-left:12px;
	}
	
	
/**********************************************************************************/

.leftbox1 {
	width:99px;
	height:139px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	display:inline;
	background-image:url(../images/leftpic1.jpg);
	}
	
.leftbox2 {
	width:99px;
	height:139px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	display:inline;
	background-image:url(../images/leftpic2.jpg);
	}
	
.leftbox3 {
	width:198px;
	height:139px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	}
	
.leftbox3 {
	width:198px;
	height:139px;
	float:left;
	margin-left:12px;
	margin-top:0px;
	}
	
.leftlowertext {
	width:198px;
	height:auto;
	margin-left:12px;
	margin-right:12px;
	background-color:#E8E8E8;
	margin-top: 6px;
	}
	
.lowertextinner {
	width:168px;
	height:auto;
	margin-left:15px;
	margin-right:15px;
	padding-top: 12px;
	padding-bottom: 12px;
	}

.rightbox1 {
	width:99px;
	height:139px;
	float:right;
	margin-right:12px;
	background-image:url(../images/leftgreen.gif);
	display: inline;
}

.rightbox2 {
	width:99px;
	height:139px;
	float:right;
	margin-right:12px;
	background-image:url(../images/leftblue.gif);
}
	
.bodyleft {
	width:198px;
	height:139px;
	padding-left:12px;
	padding-right:12px;
	float:left;
	}
	
	
.leftboxmain {
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:12px;
	padding-right:12px;
	width:230px;
	background-image:url(../images/homeleftbg.gif);

	}
			
.leftboxes {
	float:left;
	width:222px;
	vertical-align:top;
	margin-left:22px;
	height:auto;
	}
	
.leftboxes3 {
	float:left;
	width:222px;
	margin-top:22px;
	height:auto;
	margin-left: 22px;
	display: inline;
	}
	
.lefttext1 {
	margin-left: 5px;
	width: 90px;
	margin-top: 70px;
	height: 34px;
	float:left;
	display: inline;
	}
			
.moreinfo1 {
	border:1px dashed #C5D078;
	padding:2px;
	text-align:center;
	margin-bottom:0px;
}
		
.moreinfo2 {
	border:1px dashed #DF7878;
	padding:2px;
	text-align:center;
}
/**********************************************************************************
=Main content
**********************************************************************************/

.heading1 {
	width:auto;
	float:left;
	height:45px;
	}

.leftboxes {
	float:left;
	width:222px;
	vertical-align:top;
	margin-left:22px;
	margin-top:20px;
	display: inline;
}
	
.maincontent {
	float:right;
	width:620px;
	margin-top:25px;
	border:2px dashed #D6D6D6;
	margin-right: 35px;
	display: inline;
	padding: 20px;
}
* html .pix { margin-right:5px; } /* ie6 hack */
	
.contentpicborder {
	width:252px;
	height:180px;
	float:left;
	}
	

.headercont { width: 252px; height: 12px; }
.bodycont { width: 228px; padding-left:12px; padding-right:12px; background-image:url(../images/borders/homepicbg.gif); }
.footercont { width: 252px; height: 12px; }	
	
	
.contenttext {
	float:right;
	width:360px;
	vertical-align:top;
	margin-bottom:22px;
	}

.contenttext h2{text-align:left;line-height:1em;margin:10px 0 5px;}

.contenttext2 {
	float:right;
	width:620px;
	}
	
.contenttext3 {
	float:right;
	width:620px;
	vertical-align:top;
	position: relative;
	}
	
.contenttext4 {
	float:left;
	width:620px;
	display: inline;
	}

#logos {
	float:right;
	width: 680px;
	margin-right:20px;
	margin-top:20px;
	}
	
	#logos img{margin-right:15px;}
	#logos img.last{margin-right:0px;}
	
#logos2{
	width:912px;
	float:left;
	margin-left:28px;
	margin-top:20px;
	overflow:hidden;
	}

.backtext {
	width:auto;
	float:left;
	margin-left: 10px;
	}

.tblSponsors
{
    width:620px;
    border-collapse:collapse;
}
    .tblSponsors td
    {
        width:155px;
        text-align:center;
    }
    
/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 912px;
	height: 65px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 912px;
	height: 65px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 120px;
	height: 65px;
}
