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

/* Redefine tags */

html, body {
	height: 100%;	
}

body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/grey_bg.png) repeat-x;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

a {
	color: #005F8C;
	text-decoration: none;
}

h1 {
	color: #000000;
	font: 165% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0;
}

h2 {
	color: #000000;
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

h3 {
	color: #999999;
	font: 135% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

ul, ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 0;
}

/* Layout tags */

div#container {
	width: 1000px;
	min-height: 100%;
	background-color: #FFFFFF;
	border: solid #999999;
	border-width: 0 2px 0 2px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div.imgRight {
	width: 228px;
	float: right;
	clear: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

div.cap {
	color: #666666;
}

/* Header tags */

div#header {
	background: url(../images/header_bg.png) repeat-x;
	height: 106px;	
	border: solid #CCCCCC;
	border-width: 0 0 1px 0;
}

div#logo {
	height: 78px;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

div#nav {
	float: left;
	margin-top: 84px;
	margin-right: 20px;
}

div#nav a {
	padding-left: 31px;	
	padding-right: 31px;
	padding-top: 9px;
	padding-bottom: 9px;
}

div#nav a:hover {
	background-color: #F5F5F5;
}

div#subNav a {
	background: url(../images/subnav_bg.jpg);
	display: block;
	border: dotted #CCCCCC;
	border-width: 0 0 1px 0;
	padding: 10px 15px 10px 15px;
}

div#subNav a:hover {
	background: url(../images/subnav_bg_over.jpg);
}

div#externalLinks {
	float: right;	
	margin-right: 20px;
}

div#shareBn {
	float: right;
	margin-top: -75px;
	margin-right: 88px;
}

div#donateBn {
	float: right;	
	margin-top: -83px;
}

/* Body tags */

div#body {
	min-height: 500px;
	margin-top: 15px;
	margin-bottom: 15px;
}

div#mainContent a:hover {
	background-color: #CCCCCC;
}

div#row1 {
	
}

div#leftCol {
	width: 714px;
	float: left;
	margin-left: 20px;
	margin-right: 15px;
}

div#rightCol {
	width: 228px;
	float: left;
	margin-right: 20px;
}

div#homepageFeature {
	height: 325px;
}

div#secondaryFeature {
	height: 325px;
}

div#aboutFeature {
	height: 325px;
	background-color: #CCCCCC;
}

div#row2 {
	margin-top: 15px;	
}

div#col1 {
	width: 228px;
	height: 200px;
	float: left;
	margin-left: 20px;
	margin-right: 15px;
}

div#col2 {
	width: 228px;
	height: 200px;
	float: left;
	margin-right: 15px;
}

div#col3 {
	width: 228px;
	height: 200px;
	float: left;
	margin-right: 15px;
}

div#col4 {
	width: 228px;
	height: 200px;
	background-color: #ECECEC;
	float: left;
	margin-right: 20px;
}

div.featureBox {
	height: 200px;
	background: url(../images/feature_image_box.png) repeat-x;	
}

div.largeFeatureBox {
	height: 325px;
	background: url(../images/large_feature_image_box.png) repeat-x;	
}

div.featureBoxTitle {
	color: #FFFFFF;
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 15px;
}

div.featureBoxImg {
	margin-left: 1px;
}

div.featureBoxText {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 12px;
}

div.featureBoxText p {
	margin-top: 0;
}

div.featurePanelBody {
	border: solid #666666;
	border-width: 0 1px 0 1px;	
}

div.featurePanelText {
		
}

div.featurePanelTop {
	background: url(../images/panel_top.png);
	color: #FFFFFF;
	height: 17px;
	font: 125% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 13px;
	padding-bottom: 13px;
	padding-left: 15px;
}

div.featurePanelBottom {
	height: 9px;
	background: url(../images/panel_bottom.png);
}

div.featurePanelImg {
	border: solid #666666;
	border-width: 0 1px 0 1px;	
}

/* News tags */

div#newsHeadlines {
	
}

div#newsStory1 {
	padding-bottom: 15px;
	border: dotted #666666;
	border-width: 0 0 1px 0;
}

div#newsStory1:hover {
	background-color: #ECECEC;
}

div#newsStory1Img {
	float: left;
	padding-right: 15px;
}

div#newsStory1Summary {
	
}

div.newsStoryGeneral {
	padding-top: 5px;
	padding-bottom: 15px;
	border: dotted #666666;
	border-width: 0 0 1px 0;
}

div.newsStoryGeneral:hover {
	background-color: #ECECEC;
}

div.pressReleaseSummary {
	padding-top: 5px;
	padding-bottom: 15px;
	border: dotted #666666;
	border-width: 0 0 1px 0;
}

div.pressReleaseSummary:hover {
	background-color: #ECECEC;
}

/* Country tags */

div.countryTable {
	margin-bottom: 15px;	
}

/* Film tags */

div#film {
	width: 480px;
	float: left;
	margin-right: 15px;
}

div.filmText {
	height: 360px;
}

/* Photo tags */

div.row {
	padding-bottom: 15px;
}

div.galleryCol1 {
	width: 228px;
	float: left;
	margin-right: 15px;
}

div.galleryCol2 {
	width: 228px;
	float: left;
	margin-right: 15px;
}

div.galleryCol3 {
	width: 228px;
	float: left;
}

/* Logo tags */

div#ghviLogo {
	width: 155px;
	float: left;
	margin-right: 15px;
}

div.logoText {
	float: left;
}

/* Footer tags */

div#footer {
	height: 30px;
	background-color: #FFFFFF;
	border: solid #999999;
	border-width: 5px 0 1px 0;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#footer a:hover {
	background-color: #FFFFFF;
}

div#partner1 {
	float: left;
	margin-right: 40px;
}

div#partner2 {
	float: left;
	margin-right: 40px;
}

div#partner3 {
	float: left;
	margin-right: 40px;
}

div#partner4 {
	float: left;
	margin-right: 40px;
}

div#partner5 {
	float: left;
	margin-right: 40px;
}

div#partner6 {
	float: left;
}