/*

FILE NAME: layout.css
DESCRIPTION: This file sets all of the layout-related css
CREATED BY: Jim Carson
CREATED ON: April 25, 2007
CREATED FOR: Basecamp International Centers
LAST UPDATE ON: Oct 20, 2007
LAST UPDATE BY: Jim Carson
VERSION NO: 1.0

*/


/*

SITE WIDE IDS

CONTENTS:   html
            body
            wrapper
            page_header
            primary_link_box
            flash_window
            content
            sidebar
*/


html{
	height: 100%
}

/* THE BACKGROUND IMAGES ARE DEFINED IN THE MASTER FILES TO ACCOMMODATE VARRIATIONS */
body{	
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #5690b6;
	background-repeat: repeat-y;
    background-position: center top;
}    


#wrapper{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../images/page_background/main_wrapper_bg.jpg);
	text-align: left;
	background-repeat: repeat;
}



#page_header{
	width: 980px;
	height: 110px;
	float: left;
	background-color: #CCCCCC;	
	background-image: url(../../images/page_headers/bc_main_head.jpg);	
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
}

*html #page_header 
{
    margin: 0px 0px 0px 5px;
	}
	
#page_header_yrl{
	width: 980px;
	height: 110px;
	float: left;
	background-color: #CCCCCC;	
	background-image: url(../../images/page_headers/yrl_main_head.jpg);	
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
}

*html #page_header_yrl
{
    margin: 0px 0px 0px 5px;
	}


#page_header_va{
	width: 980px;
	height: 110px;
	float: left;
	background-color: #CCCCCC;	
	background-image: url(../../images/page_headers/va_main_head.jpg);	
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
}

*html #page_header_va
{
    margin: 0px 0px 0px 5px;
	}

#page_header_andy{
	width: 980px;
	height: 110px;
	float: left;
	background-color: #CCCCCC;	
	background-image: url(../../images/page_headers/andy_main_head.jpg);	
	background-repeat: no-repeat;
	margin: 0px 0px 0px 10px;
}

*html #page_header_yrl
{
    margin: 0px 0px 0px 5px;
	}

#flash_window{
	width: 710px;
	height: 240px;
	float: left;	
	background-color: #003366;
	background: no-repeat;
	margin: 5px 0px 0px 10px;
}

*html #flash_window
{
    margin: 5px 0px 0px 5px;
	}

#primary_link_box{
	width: 265px;
	height: 240px;
	float: right;	
	margin: 5px 10px 0px 0px;
}

#andy_primary_link_box{
	width: 265px;
	height: 240px;
	float: right;	
	margin: 5px 10px 0px 0px;
}

*html #primary_link_box
{
    margin: 5px 5px 0px 0px;
	}

*html #andy_primary_link_box
{
    margin: 5px 5px 0px 0px;
	}

#tel_number
{
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 265px;
	height: 30px;
	font-size: 20px;
	font-weight: 800;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-color: #D87254;
	background: no-repeat;
}

*html #tel_number
{
    margin: 0px 0px 0px 0px;
	}

#andy_tel_number
{
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 265px;
	height: 30px;
	font-size: 20px;
	font-weight: 800;
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	background-color: #6564A1;
	background: no-repeat;
}

*html #andy_tel_number
{
    margin: 0px 0px 0px 0px;
	}

#content
{
    width: 710px;
	height: auto;
	float: left;	
	background-image: url(../../images/page_background/va_content_bg.jpg);
	background-repeat: repeat-y;	
    margin: 5px 0px 0px 10px;
}

*html #content
{
    margin: -15px 0px 0px 5px;
	}

#left_link_box
{
	width: 180px;
	height: auto;
	float: left;	
	background: #556F88;
	margin: 0px 0px 0px 0px;
}



*html #left_link_box
{
    margin: 0px 0px 0px 0px;
	}
	
*html #andy_left_link_box
{
    margin: 0px 0px 0px 0px;
	}

#main_window
{
	width: 525px;
	float: right;	
	margin: 0px 0px 0px 5px;
}

*html #main_window
{
    margin: 0px 0px 0px 0px;
	}

#body_pic
{
	width: 200px;
	float: right;
	background-color: #fff;
	margin: 10px 10px 10px 10px;	
	padding: 5px 5px 5px 5px;
	border-color: #666;
	border-width: thin;
	border-style: solid;	
}

#body_pic_left
{
	width: 200px;
	background-color: #fff;	
	padding: 5px 5px 5px 5px;
	border-color: #666;
	border-width: thin;
	border-style: solid;
	
}

#content_footer
{
	width: 705;
	height: 25px;
	background-color:#999999;
	margin: 5px 0px 0px 0px;
	
}

#right_sidebar
{
	width: 265px;
	float: right;
	margin: 5px 10px 0px 0px;
}

*html #right_sidebar
{
    margin: -15px 5px 0px 0px;
	}


#right_video
{
	width: 265px;
	height: 199px;
	float: right;
	margin-bottom: 5px;
}

#right_news
{
	width: 265px;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/*******************  CLEARING CLASSES *************************/
.clear:after
{
    content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clear
{
    min-height: 1px;
}

*html .clear 
{
    height: 1px;
}