/*this sets the background color on the entire page*/
body{
margin:0;
background-color:#D9D7D7;
}

/*this controls the look of each page heading*/
h1{
color:#E74D13;
text-transform:uppercase;
font-size:27px;
}

/*this controls the look of the sidebar heading*/
h2{
display:inline;
color:#2F6DAF;
font-size:24px;
}

/*DO NOT CHANGE. this controls the overall layout width and position*/
#wrapper{
width:880px;
margin:auto;
background-color:#FFFFFF;
padding:0 10px 0 10px;
}

/*the following controls the look of the links in the left column*/
#left_col a:link, #left_col a:visited{
color:#2F6DAF;
}

#left_col a:hover{
background-color:#2F6DAF;
color:#FFFFFF;
}

/*the following controls the look of the links in the right column*/
#right_col a:link, #right_col a:visited{
color:#2F6DAF;
}

#right_col a:hover{
background-color:#2F6DAF;
color:#FFFFFF;
}

/*The following blocks control the look and functioning of the navigation. DO NOT CHANGE.*/
/*****************************************************************************************/
#nav {
width:200px;
margin:0;
padding:0;
padding-top:15px;
}

#nav span {
/*display: none;*/
}

/*this sets display values as well as color/decoration of nav text*/
#nav li, #nav a {
height:40px;
display:block;
text-decoration:none;
color:#FFFFFF;
}

/*this sets placement as well as font size and family of nav text*/
#nav li {
list-style:none;
display:block;
text-align:center;
font-size:18px;
font-family:Trebuchet,"Trebuchet MS", Arial, sans-serif;
}

/*set width of each navigation button*/
#nav1, #nav2, #nav3, #nav4, #nav5 {width: 200px;}

/*set color of text on rollover*/
#nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover{color:#E74D13;}
/***************************/
/*end styles for navigation*/

/*this loads in the logo image from the images folder. DO NOT CHANGE.*/
#logo{
width:880px;
height:91px;
background:url(images/logo.jpg);
background-repeat:no-repeat;
}

/*this loads in the header image from the images folder. DO NOT CHANGE.*/
#header{
width:880px;
height:220px;
background:url(images/header.jpg);
background-repeat:no-repeat;
}

/*this sets the width of the left column as well as sets the background color*/
#left_col{
float:left;
width:590px;
background-color:#ECEBEB;
margin-top:10px;
}

/*this controls the look of the text in the left column*/
#left_col_txt{
padding:0 20px 20px 20px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
line-height:24px;
}

/*this sets the width of the right column as well as sets the background color */
#right_col{
float:left;
width:270px;
background-color:#ECEBEB;
margin-left:10px;
margin-top:10px;
}

/*this controls the look of the text in the right column (sidebar)*/
#sidebar_txt{
padding:20px 15px 20px 15px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
line-height:22px;
font-size:12px;
}

/*this controls the placement of the right column (sidebar) thumbnail image*/
.thumb{
float:left;
margin-right:10px;
}

/*this controls the look and placement of the thumbnail in the left column */
.large_thumb{
float:left;
margin-right:10px;
padding:10px;
border:1px solid #CCCCCC;
}

/*this pads out the footer area. DO NOT CHANGE.*/
#footer{
clear:both;
padding:10px 0 0 0;
}

/*this sets the look and placement of the footer text*/
#footer_txt{
text-align:center;
padding:10px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2F6DAF;
}