s/* ZERO OUT GLOBAL ELEMENTS --------------------------------- */
/* --------------------------------------------------------- */

body, h1, h2, h3, h4, p, li, ul {
  margin: 0px; /* Removes default margin that some browsers add. */
  padding: 0px; /* Removes default padding that some browsers add. */
}

/* SET THE BODY STYLES ------------------------------------- */
/* --------------------------------------------------------- */

body {
	font: 90% Verdana, Arial, Helvetica, sans-serif; /* Sets the default size of the text to 100% of the user's default. Also sets the default font families for text throughout the page. */
	color: #666666; /* Sets the default color of the text. */
	background: #FFFFFF;
}



a img {border: none; 
}

a
{
  outline: none;
}






/* STYLE THE MAIN WRAPPER DIV ------------------------------- */
/* --------------------------------------------------------- */

#wrapper {
	text-align: left; /* Centers the content of the page within the window in all but versions of WinIE5. */
	width: 778px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
}


/* STYLE THE HEADER DIV ------------------------------------ */
/* --------------------------------------------------------- */

#header {
	height: 52px;
}

#header h1 {

}

#header span {
	position: absolute; /* Takes the span (that holds the text for the H1 text) out of the document flow so that it can be positioned in an exact place on (or off) the page. */
	left: -3000px; /* Puts the text within the h1 way off screen so that visual users to not see it. */
}

/* STYLE THE NAVIGATION DIV ---------------------------------*/
/* --------------------------------------------------------- */

#nav {
	width: 778px;/* Adds a non repeating background image to the nav DIV. */
	height: 52px;
	border-top: none;
	border-right: 0;
	border-bottom: none;
	border-left: none;
	margin-top: 20px;
	margin-bottom: 0px;
	
}




/* STYLE THE INNER WRAPPER THAT HOLDS THE COLUMNS ---------- */
/* --------------------------------------------------------- */

#innerwrapper {
  background: no-repeat center top; /* Adds a background image to the column container that repeats on the y axix as long as there is content in either column. */
  float: none; /* Floating all columns and their container helps avoid IE bugs.*/
  width: 778px;
  height: 400px;/* Sets the width of the column container to 641 pixels, the total width of the layout. */
  padding: 1px 0px; /* This odd padding is added to the top and bottom of the DIV to avoid the escaping margin effect. */
}

/* STYLE THE CONTENT COLUMN --------------------------------- */
/* --------------------------------------------------------- */

#content {
	float: left; /* Floats the content DIV to the left of the layout. */
	width: 440px;
	font-size: 100%;
	margin: 0px;
	padding-right: 0px;
}


#primary {
	float: left;
	margin: 10;
	padding: 0 20px 0 0;
	width: 490px;

}



#secondary {
	float: right;
	margin: 0;
	padding: 0 0 0 20px;
	width: 240px;
}
#promo2 .block ul {
	color: #006699;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	list-style-type: none;
}
#promo2 .block li {
	margin-bottom: 10px;
	margin-top: 10px;
	list-style-type: none;
}




#content h3 {
	font-size: 90%;
	
}

#h3 a:link  {
	text-decoration: none;
	
}

#h3 a:visited {
	text-decoration: none;

}

#h3 a:hover {
	text-decoration: none;
	
}






#a1 {
	float: left; /* Floats the content DIV to the left of the layout. */
	width: 490px;
	font-size: 90%;
}
#a1 h3 {
	font-size: 90%;
	color: #006699;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#a1 a:link  {
	text-decoration: none;
	color: #006699;
}

#a1 a:visited {
	text-decoration: none;
	color: #006699;
}

#a1 a:hover {
	text-decoration: none;
	color: #CF8600;
}






#logo {
	float: left;
	width: 778px;
}
#countrytabs {
	width: 778px;
	height: 70px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}


#packages {
	width: 276px;
	float: left;
	height: 201px;
	
}






#pic {
	float: left;
	width: 502px;
	height: 201px;
}







#top_navbar {
	float: left;
	width: 502px;
	height: 40px;
	margin: 0px;
}


#top_navbar ul {
	list-style-type: none;  /* Sets the font size to 100% of the user's browser preference, */
	text-align: left;
	font-size: 14px;
}
#top_navbar li {
	display: inline;
	font-size: 11px;
}
#top_right {
	float: left;
	height: 38px;
	width: 502px;
}





#top_navbar li a:link, #top_navbar li a:visited {
	color: #518DBA; /* Sets color of unvisited and visited links to  white. */
	text-decoration: none; /* Adds 5 pixels of padding around the links. */
	margin-right: 7px; /* Adds space to the right of each list item. */
	margin-left: 7px;
	padding: 0px;
	font-size: 11px;

}
#top_navbar li a:hover, #top_navbar li a:active, #top_navbar li a:focus {
	color: #518DBA; /* Changes text color of links to blue on hover, activation, and focus. */
	margin-right: 7px; /* Adds space to the right of each list item. */
	margin-left: 7px;
	padding: 0px;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
}





#content a:link  {
	text-decoration: none;
	color: #006699;
}

#content a:visited {
	text-decoration: none;
	color: #006699;
}

#content a:hover {
	text-decoration: underline;
}




#content h2 {
	font-size: 100%; /* Adds 20 pixels of top margin so that the baseline of the  sidebar h2 text starts at the baseline of the Welcome image. */
	margin-right: 15px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container. */
	color: #006699;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}




#content span {
	position: absolute; /* Takes the span (that holds the text for the H2 text) out of the document flow so that it can be positioned in an exact place on (or off) the page. */
	left: -3000px; /* Puts the text within the h1 way off screen so that visual users to not see it. */
} 


#content p {
  font-size: 80%;  /* Sets the font size to 85% of the user's browser preference, */
  margin-top: 15px; /* Places 5 pixels of margin above content paragraphs. */
  margin-right: 10px; /* Places 10 pixels of space between the right edge of the content paragraphs and the right edge of the container. */
  margin-left: 0px; /* Places 20 pixels of space between the left edge of the content paragraphs and the left edge of the container. */
  line-height: 1.4; /* Opens up the spacing (leading) between lines of text. */
}

#sidebar {
	float: right; /* Floats the sidebar to the left within its container. */
	width: 230px; /* Sets the width of the sidebar to 200 pixels. */
	text-align: right;
	text-decoration: none;
}
#sidebar #projects {
	background-color: #f4f4f4;
	width: 220px;
	border-left-color: #CCCCCC;
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sidebar #projects a {
	padding-right: 5px;
	padding-bottom: 0px;
}

#sidebar #projects a:link, #sidebar #projects a:visited {
	color: #518DBA; /* Sets color of unvisited and visited links to  white. */
	text-decoration: none; /* Adds 5 pixels of padding around the links. */


}


#sidebar #projects a:hover, #sidebar #projects a:focus {
	text-decoration: underline;
	
}









#sidebar #projects p {
	font-size: 80%;
	margin-left: 30px;
}






#sidebar h2 {
	font-size: 100%; /* Adds 20 pixels of top margin so that the baseline of the  sidebar h2 text starts at the baseline of the Welcome image. */
	margin-right: 15px; /* Adds some space on the left of the h2 to make sure it doesn't touch the left edge of the container. */
	color: #006699;
	padding-bottom: 10px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

#sidebar p {
	font-size: 90%;  /* Sets the font size to 80% of the user's browser preference, */
	margin-top: 20px; /* Adds top margin to the paragraph text so that the baseline of the first line is even with the first line of text in the first content paragraph. */
	margin-right: 10px; /* Adds some space on the right of the h2 to make sure it doesn't touch the edge of the container. */
	margin-left: 10px;
}



#sidebar li a:link, #sidebar li a:visited {
	color: #999999; /* Sets color of unvisited and visited links to  white. */
	text-decoration: none; /* Adds 5 pixels of padding around the links. */
	margin-right: 7px; /* Adds space to the right of each list item. */
	margin-left: 7px;
	padding: 0px;

}
#sidebar li a:hover, #sidebar li a:focus {
	text-decoration: underline;
}

#footer {
	width: 778px;
	height: 400px;
	text-align: left; /* Centers the content of the page within the window in all but versions of WinIE5. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer p {
	font-size: 100%;  /* Sets the font size to 70% of the user's browser preference, */
	text-align: left; /* Pads the footer paragraph text so that it starts in the soft, rounded, green rectangle. */
	padding-top: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#foot_copyright {
	font-size: 75%;
	float: right;
	width: 300px;
}

#foot_nav {
	font-size: 90%;
	float: left;
	width: 640px;
	margin-top: 20px;
}
#foot_nav a:link , a:visited {
	color: #333;
	text-decoration: none;
	list-style-type: none;
}

#foot_nav a:hover {
	text-decoration: none;
	color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}





/* CLASSES FOR IMAGES AND CLEARING FLOATS -------- */
/* --------------------------------------------------------- */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	font-size: 1px; /* Sets the font size to 1 pixel */
	line-height: 0px; /* Sets line-height to 0 -font and line-height, even if not explicitly on the page, might add diemnsion to the clearing element rather than make it larely invisible */
	clear: both; /* Keeps floated divs from draping over objects beneath them. */
	height: 0px; /* Makes sure the clearing element has no height */
}












}li {
	list-style-type: none;
}