@charset "utf-8";
/* CSS Document */

#page_container {
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#page_container_download {
	background-color: #FFF;
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
}

#title {
	height: 200px;
	width: inherit;
	background-image: url(images/images/Titles/IGCSE_Geog_grey.jpg);
	border-radius: 30px 30px 0px 0px;
	}


#page_container_download #footer_download {
	background-color: #FFF;
	float: right;
	width: 805px;
}
#main_flash {
	background-color: #CCC;
	float: left;
}
#main_flash_white {
	background-color: #FFF;
	float: left;
	width: 800px;
}

#study_outline {
	background-color: #FFF;
}


.double_container {
	width: 805px;
	float: left;
}

.pic_square300 {
	width: 300;
	height: 300;
	float: right;
	margin-top: 20px;
}
.pic_square_400_left {
	float: left;
	height: 400px;
	width: 400px;
}


.pic_landscape {
	float: right;
	width: 300px;
	margin-left: 10px;
	height: 200px;
	margin-right: 0px;
	margin-top: 20px;
}
.pic_landscape_left {
	float: left;
	width: 300px;
	margin-left: 10px;
	height: 200px;
	margin-right: 0px;
	margin-top: 20px;
}
.pic_portrait {
	float: right;
	width: 200px;
	margin-left: 10px;
	height: 300px;
	margin-right: 50px;
	margin-top: 20px;
}

IMG.center {
    display: block;
    margin-left: auto;
    margin-right: auto }

.small_green_left {
	background-color: #9C6;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
	margin-top: 20px;
}
.green_medium
 {
	background-color: #9C6;
	width: 440px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	float: left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_green {
	background-color: #9C6;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_grey_left {
	background-color: #CCC;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
	;
}
.medium_grey {
	background-color: #CCC;
	float: left;
	width: 440px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 25px;
	padding-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_grey {
	background-color: #CCC;
	float: left;
	width: 730px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 25px;
	padding-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}

.small_blue_left {
	background-color: #9CF;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
	;
	margin-top: 20px;
}
.medium_blue {
	background-color: #9CF;
	float: left;
	width: 440px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 25px;
	padding-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_blue {
	background-color: #9CF;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_dark_blue_left {
	background-color:#039;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
	;
}
.medium_dark_blue {
	background-color:#039;
	float: left;
	width: 440px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 25px;
	padding-right: 10px;
	margin-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_dark_blue {
	background-color: #039;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_orange_left {
	background-color: #FC6;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
}
.medium_orange {
	background-color: #FC6;
	width: 440px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	float: left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_orange {
	background-color: #FC6;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_purple_left {
	background-color: #C6F;
	float: left;
	height: 200px;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
}

.medium_purple {
	background-color: #C6F;
	width: 440px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	float: left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
wide_purple {
	background-color: #C6F;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_yellow_left {
	background-color: #FF9;
	float: left;
	width: 380px;
	border-radius: 30px 0px 30px 0px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 30px;
	padding-right: 10px;
}
.medium_yellow {
	background-color: #FF9;
	width: 440px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	float: left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.medium_yellow_right {
	background-color: #FF9;
	float: right;
	width: 380px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: px;
	padding-right: 5px;
	margin-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.wide_yellow {
	background-color: #FF9;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.small_red_left {
	background-color: #F66;
	width: 750px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	padding-right: 15px;
	float:left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}

.red_medium {
	background-color: #F66;
	width: 440px;
	padding-left: 15px;
	border-radius: 0px 30px 0px 30px;
	box-shadow: 4px 4px 4px #333;
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	float: left;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.red_wide {
	background-color:#F66;
	float: left;
	width: 700px;
	box-shadow: 4px 4px 4px #333;
	border-radius: 30px 30px 30px 30px;
	margin-left: 50px;
	padding-right: 10px;
	margin-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	border-width: 2px;
	border-color: #666;
	border-width: 2px;
	border-style: solid;
}
.economics {
	background-color: #CCC;
	border-top-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	border-radius: 30px;
	box-shadow: 4px 4px 4px #333;
	width: 795px;
	float: left;
	margin-top: 10px;
	position: relative;
}
.economics_white {
	background-color: #FFF;
	float: left;
	width: 795px;
	margin-top: 10px;
	border: medium solid #666;
	border-radius: 30px;
	box-shadow: 4px 4px 4px #333;
	position: relative;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-right: auto;
	margin-left: auto;
}
#flash {
	align: center; 
}

h3 {
	text-align:center;
}

h2 {
	text-align:center;
}
#weather {
	background-color: #6CF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

#white_table {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-width: 0px;
}
#title_IB {
	background-image: url(images/images/Titles/IB_Geog_homepage.jpg);
	height: 200px;
}
#background img {
	height: 150px;
	width: 800px;
	border-radius: 0px 0px 10px 0px;
	float: left;
}


	
#left_column {
	float: left;
	width: 250px;
	visibility: visible;
	z-index: 1;
}
#left_column #square_ad {
	height: 250px;
	width: 250px;
}
#page_container #left_column #2nd_square_ad {
	height: 250px;
	width: 250px;
}
#left_column #4th_ad {
	height: 200px;
	width: 250px;
}
#grey_fade {
	background-image: url(images/main_page/grey_fade_box.jpg);
	height: 185px;
	width: 250px;
}



#right_sub {
	float: right;
	width: 805px;
	background-color: #FFF;
	z-index: -1;
}


#google_search {
	background-color: #FFF;
	width: 805px;
	float: left;
	height: 50px;
}
#page_container #right_sub #bottom_banner {
	margin-right: auto;
	margin-left: auto;
}

//Economics

#IGCSE_Economics_navigation {
	width:inherit;
}

}
#container #right_sub #sub_container #econ_mpage_bottom_banner {
	width: 800px;
}


//General notes
 to change the border of a table - set a class ID for the table & then: {border-collapse:collapse; border: 1px solid #036;}
#footer {
	width: 805px;
	float: right;
}


//Economics CSS rules

#background_allocation {
	background-image: url(Flash/Alloc%20of%20Resources%20Title.jpg);
	height: 150px;
	width: 800px;
}
#navigation {
	width: 795px;
	height: 40px;
	border-radius: 10px;
	box-shadow: 4px 4px 4px #333;
	float: left;
}
#background {
	float: left;
	height: 150px;
	width: 800px;
}
#economics {
	background-color: #CCC;
	border-top-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	border-radius: 30px;
	box-shadow: 4px 4px 4px #333;
	width: 795px;
	float: left;
	margin-top: 10px;
	position: relative;
}
#economics_white {
	background-color: #FFF;
	float: left;
	width: 795px;
	margin-top: 10px;
	border: medium solid #666;
	border-radius: 30px;
	box-shadow: 4px 4px 4px #333;
	position: relative;
}
//econ glossary settings
#Basic_problem {
	background-color: #CCC;
}

#anchors {
	background-color: #CCC;
}
#IB_spry_horizontal {
	background-color: #FFF;
	width: 805px;
	height: 55px;
}
#Buttons {
	background-color: #FFF;
	width: 805px;
	float: right;
}