/***********************************************
/* GENERIC CLASSES
/**********************************************/
.bold
{
    font-weight: bold;
}

.italic
{
    font-style: italic;
}

body
{
	background-color: white;
	background-image: url("../images/background/slice.jpg");
	background-attachment: scroll;
	background-repeat: repeat-x;
	
	font-family: "OregonLDORegular", Arial, Sans-Serif;
	
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
	height: 100%;
}

div#contentWindow
{
	margin: 0 auto;
	
	overflow: visible;
	
	height: 825px;
	width: 1024px;
}

	div#contentWindow div#top
	{
		background-color: white;
		background-image: url("../images/background/top.jpg");
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;

		height: 530px;
		width: inherit;
	}
	
	    div#contentWindow div#top div#logo
	    {
	        position: relative;
	        
	        top: 65px;
	        left: 60px;
	        
	        height: 130px;
	        width: 380px;
	    }
	
	    div#contentWindow div#top div#links
	    {
	        position: relative;
	        
	        float: right;
	        
	        top: -60px;
	        right: 40px;
	        
	        height: 46px;
	        width: auto;
	    }
	    
	        div#contentWindow div#top div#links div
	        {
	            display: inline-table;
	            
	            padding: 0 10px 0 10px;
	            
	            vertical-align: middle;
	        }
	        
	            .ie div#contentWindow div#top div#links div
	            {
	                display: inline;
	            }
	    
	    div#contentWindow div#top #centerWindow
	    {
	        background-image: url("../images/background/center/welcome.png");
	        background-attachment: scroll;
	        background-position: center center;
	        background-repeat: no-repeat;
	        
	        position: relative;
	        
	        margin: 0 auto;
	        padding: 0;
	        
	        top: 120px;
	        
	        height: 175px;
	        width: 625px;
	    }
	    
	        div#contentWindow div#top #centerWindow .playButton
	        {
	            position: relative;
	            
	            top: 65px;
	            left: 50px;
	        }
	
	div#contentWindow div#bottom
	{
		background-color: #e3e3e3;
		background-image: url("../images/background/bottom.jpg");
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;
		
		margin-top: 0;
		
		overflow: hidden;
		
		height: 270px;
		width: inherit;
	}
	
	    div#contentWindow div#bottom div.startUp
	    {
	        position: relative;
	        
	        height: 100%;
	        width: 100%;
	    }
	    
	        div#contentWindow div#bottom div.startUp div.knowGrowServe
	        {
	            background-image: url("../images/background/know_grow_serve.png");
    	        
	            position: relative;
    	        
	            top: 52px;
	            left: 280px;
    	        
	            height: 185px;
	            width: 685px;
	        }
	        
	        div#contentWindow div#bottom div.startUp div.toBegin
	        {
	            background-image: url("../images/background/to_begin.png");
	            
	            position: relative;
	            
	            top: -100px;
	            left: 312px;
	            
	            height: 90px;
	            width: 365px;
	        }
	
		div#contentWindow div#bottom div#controls
		{
		    position: relative;
			margin: 0 auto 0 auto;
			
			top: -195px;
			
			height: 175px;
			width: 954px;
		}
		
		    div#contentWindow div#bottom div#controls div.content
			{
			    position: relative;
			    z-index: 1;
			    
			    left: 180px;
			    top: -177px;
			    
			    background-image: url("../images/controls/flyout_background.png");
				background-position: right center;
				background-repeat: no-repeat;
				
				text-align: center;
				
				color: White;
				
				height: 176px;
				width: 0px;
			}
			
			    div#contentWindow div#bottom div#controls div.content div.contentDiv
			    {
			        display: none;
			        position: relative;
			        
			        width: 90%; 
			        height: 100%; 
			        
			        margin: 0 auto; 
			        
			        text-align: center;
			    }
			    
			        div#contentWindow div#bottom div#controls div.content div.contentDiv div.campusInfoLink
			        {
			            position: relative; 
			            top: -25px; 
			            
			            visibility: hidden;
			            
			            float: right; 
			            
			            font-family: "MyriadProCondensed", "Arial Narrow", Arial, Sans-Serif;
			            font-size: 10pt; 
			            font-style: italic; 
			            color: black;
			        }
			        
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.campusInfoLink a:link,
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.campusInfoLink a:visited
			            {
			                color: Black;
			                text-decoration: none;
			            }
			            
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.campusInfoLink a:active,
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.campusInfoLink a:hover
			            {
			                text-decoration: underline;
			            }
			            
			    
			        div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb
			        {
			            position: relative;
			            top: 40px;
			            
			            display:inline-table; 
			            vertical-align: middle;
			            
			            padding: 0 20px 0 20px; 
			            
			            height: 100%; 
			        }
			        
			            .ie div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb
	                    {
	                        display: inline;
	                        float: right;
	                    }
			        
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb a:link,
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb a:visited
			            {
			                color: White;
			                text-decoration: none;
			            }
			            
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb a:hover,
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb a:active
			            {
			                text-decoration: underline;
			            }
			        
			            div#contentWindow div#bottom div#controls div.content div.contentDiv div.thumb div.thumbTitle
			            {
			                padding-top: 5px;
			                
			                text-transform: lowercase;
			            }
		
			div#contentWindow div#bottom div#controls div.controlTabs
			{	
			    position: relative;
			    z-index: 2;
			    
			    background-image: url("../images/controls/background.png");
				color: white;
				text-align: center;
				
				overflow: hidden;
				
				height: 175px;
				width: 195px;
			}
				div#contentWindow div#bottom div#controls div.controlTabs .tabButton
				{
					cursor: pointer;
				    
				    text-align: center;
					text-decoration: none;
				    color: White;
				}
				
				div#contentWindow div#bottom div#controls div.controlTabs .tab
				{
				    position: relative;
				    
				    background-image: url("../images/controls/tab_normal.png");
				    background-attachment: scroll;
				    background-position: center top;
				    background-repeat: no-repeat;
				    
				    margin: 0 auto;
				        
					height: 45px;
					width: 165px;
				}
				
				    div#contentWindow div#bottom div#controls div.controlTabs .tab#hccTabBackground
					{
					    position: relative;
					    top: 15px;
					}
					
					div#contentWindow div#bottom div#controls div.controlTabs .tab#accTabBackground
					{
					    position: relative;
						top: 18px;
					}
					
					div#contentWindow div#bottom div#controls div.controlTabs .tab#cccTabBackground
					{
					    position: relative;
						top: 21px;
					}
			
					div#contentWindow div#bottom div#controls div.controlTabs .tab div.campusName
					{
	                    font-family: "MyriadProCondensed", "Arial Narrow", Arial, Sans-Serif;
					    
					    line-height: 48px;
						font-size: 1em;
					}

    div#contentWindow div#bottom div#copyright
	{
        position: relative;
	    
		float: right;
		
		margin-right: 10px;
		margin-top: -190px;
		
		height: 10px;
		width: auto;
		
		vertical-align: middle;
		
	    font-family: "MyriadProCondensed", "Arial Narrow", Arial, Sans-Serif;
		font-size: 8pt;
		color: #7d7d7d;
	}
	
		div#contentWindow div#bottom div#copyright a:link,
		div#contentWindow div#bottom div#copyright a:visited
		{
			color: #7d7d7d;
			text-decoration: none;
		}
		
		div#contentWindow div#bottom div#copyright a:hover,
		div#contentWindow div#bottom div#copyright a:active
		{
			color: #7d7d7d;
			text-decoration: underline;
		}

div#videoWindow
{
    position: relative;
    z-index: 100;
    
    background-color: Transparent;
    
    display: none;
    
	margin: -662px auto 0 auto;
	padding: 0;
	
	height: 462px;
	width: 800px;
}

    .firefox div#videoWindow
    {
        top: -25px;
    }
    
    .ie8 div#videoWindow
    {
        margin-top: -650px;
        height: 450px;
        
        top: -25px;
    }
    
    div#videoWindow div.helpFAQ
    {
        font-family: Calibri, Arial, Sans-Serif;
        font-size: 8pt;
        
        position: relative;
        z-index: 101;
        
        float: left;
        left: 745px;
        
        height: 12px;
        width: auto;
    }
        
        div#videoWindow div.helpFAQ a:link,
        div#videoWindow div.helpFAQ a:visited
        {
            color: White;
            text-decoration: none;
        }
        
        div#videoWindow div.helpFAQ a:active,
        div#videoWindow div.helpFAQ a:hover
        {
            color: White;
            text-decoration: underline;
        }
    
    div#videoWindow div.videoPanel
    {
        position: relative;
        z-index: 100;
        
        height: 450px;
        width: 800px;
    }
        
        .ie div#videoWindow div.videoPanel,
        .ie8 div#videoWindow div.videoPanel
        {
            top: -12px;
        }
    
    div#videoWindow .videoCloseButtonPanel
    {
        display: none;
        
        position: relative;
        z-index: 101;
        
        top: -400px;
        left: 95%;
        
        text-align: right;
        
        height: 12px;
        width: 0;
    }

        div#videoWindow .videoCloseButton
        { 
            font-family: Arial, Sans-Serif;
            font-size: 18pt;
            font-weight: bold;
            color: #9e0b0f;
            text-decoration: none;
        }

div.centerMe
{
    display: table-cell; 
    vertical-align: middle;
}

.ValidationMessage
{
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: bold;
    color: #9e0b0f;
}

/************************************
/* FORM STYLES
/************************************/
table.formTable
{
    border-collapse: separate;
    border-spacing: 2px;
     
    
    margin: 0 auto;
    
    height: auto;
    width: 90%;
}

    table.formTable tr
    {
        
    }
    
        table.formTable tr th
        {
	        font-family: "MyriadProCondensed", "Arial Narrow", Arial, Sans-Serif;
            
            vertical-align: top;
            text-align: left;
            
            width: 20%;
        }
        
        table.formTable td
        {
            margin-top: 10px;
            text-align: right;
            vertical-align: top;
        }
        
            table.formTable tr td.footer
            {
                text-align: right;
                vertical-align: middle;
                
                float: right;
            }

    table.formTable select
    {
        font-family: Arial, Sans-Serif;
        font-size: 10pt;
        
        width: 100%;
    }
    
    table.formTable textarea
    {
        font-family: Arial, Sans-Serif;
        font-size: 10pt;
        
        width: 99%;
    }
    
    table.formTable input[type="text"]
    {
        font-family: Arial, Sans-Serif;
        font-size: 10pt;
        
        width: 99%;
    }
    
        table.formTable input[type="text"]:selected
        {
            border: blue solid 2pt;
        }
    
    table.formTable input[type="submit"]
    {
        background-color: #28708a;
        border: solid 2px #151515;
        
        color: White;
    }



/************************************
/* HOVER POPUP STYLES
/************************************/
.hoverPopupMenu 
{
	display: none;
	
	position: relative;
	
	background-color: White;
	opacity: .8;
	filter: alpha(opacity=80);
	
	font-family: Arial, Sans-Serif;
	font-size: 8pt;
	color: #363636;
	
	border: 2pt #707070 solid;
    padding: 5px;
    
    height: auto;
    width: 150px;
}

    .safari .hoverPopupMenu
    {
        width: 200px;
        /*margin-top: 500px;*/
    }