body {
 background-color: white;
 font-family: "Century Gothic", sans-serif;
}

#no_css_title {
 display: none;
}

#logo {
 float: left;
 width: 29.9%;
 height: 120px;
 background: white url(images/logo.png) no-repeat top right;
}

#image {
 float: right;
 width: 70%;
 height: 120px;
 background: white url(images/yal_image.png) no-repeat top left;
}

#left_column {
 float: left;
 width: 29.9%;
 border: solid white;
 border-width: 2px 0 0 0;
}

#right_column {
 float: right;
 width: 68%;
 border: solid white;
 border-width: 12px 0 0 0;
}

#right_column_container {
 float: left;
 width: 620px;
}

#footer {
 clear: both;
 text-align: right;
}

#nav {
 float: left;
 margin: 0;
 width: 100%;
 padding: 4px 0 0 0;
 list-style: none;
 background: white url(images/nav_bg.gif) repeat-x bottom left;
 border: solid white;
 border-width: 2px 0 5px 0;
}

#nav li, #nav div {
 float: left;
 margin: 0;
 padding: 0;
 font-family: "Lucida Grande", sans-serif;
 font-size: medium; // 55%;
 font-weight: bold;
}

#nav a {
 float: left;
 display: block;
 margin: 0 1px 0 0;
 padding: 4px 8px;
 color: #333;
 text-decoration: none;
 border: 1px solid #727377;
 border-bottom: none; 
 background: #fff url(images/on_bg.gif) repeat-x top left;
}

#nav_selected a {
 color: #333;
 padding-bottom: 5px; /* This makes the gif-border at nav's bottom visible */
 border-color: #727377;
 background: #fff url(images/on_bg.gif) repeat-x top left;
}

#nav #nav_home {
 padding: 0 0 0 30%;
}

#nav #nav_home_selected {
 padding: 0 0 0 30%;
}

#nav #nav_home_selected a {
 color: #333;
 padding-bottom: 5px; /* This makes the gif-border at nav's bottom visible */
 border-color: #727377;
 background: #fff url(images/on_bg.gif) repeat-x top left;
}

#p_indent {
 margin-left: 16px;
}


/*
 * box filled blue
 */

.box {
 float: left;
 margin: 0 0 10px 0;
 width: 100%;
 padding: 0;
 background: url(images/corner-top-right.png) top right no-repeat;
 background-color: rgb( 239, 248, 252 );
} 

.box_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/corner-top-left.png) top left no-repeat; 
}

.box_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/corner-bottom-left.png) bottom left no-repeat;
}

.box_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/corner-bottom-right.png) bottom right no-repeat;
}

/*
 * box filled green
 */

.greenFilledBox {
 float: left;
 margin: 0 0 10px 0;
 width: 100%;
 padding: 0;
 background: url(images/green-corner-top-right.png) top right no-repeat;
 background-color: rgb( 206, 248, 181 );
} 

.greenFilledBox_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/green-corner-top-left.png) top left no-repeat; 
}

.greenFilledBox_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/green-corner-bottom-left.png) bottom left no-repeat;
}

.greenFilledBox_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/green-corner-bottom-right.png) bottom right no-repeat;
}

/*
 * box thick
 */

.thickBox {
 float: left;
 margin: 0 0 10px 0;
 width: 100%;
 padding: 0;
 background: url(images/frames/thick-rounded-right.png) top right no-repeat;
} 

.thickBox_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/frames/thick-rounded-left.png) top left no-repeat;
}

.thickBox_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/frames/thick-rounded-left.png) bottom left no-repeat;
}

.thickBox_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/frames/thick-rounded-right.png) bottom right no-repeat;
}

/*
 * box thin
 */

.thinBox {
 float: left;
 margin: 0 0 10px 0;
 width: 100%;
 padding: 0;
 background: url(images/frames/thin-rounded-right.png) top right no-repeat;
} 

.thinBox_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/frames/thin-rounded-left.png) top left no-repeat;
}

.thinBox_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/frames/thin-rounded-left.png) bottom left no-repeat;
}

.thinBox_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/frames/thin-rounded-right.png) bottom right no-repeat;
}

/*
 *
 */

/*
 * blue left column
 */

.blueBox {
 margin: 0 0 10px 0;
 width: 49%;
 padding: 0;
 background: url(images/frames/blue-rounded-right.png) top right no-repeat;
} 

.blueBox_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/frames/blue-rounded-left.png) top left no-repeat;
}

.blueBox_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/frames/blue-rounded-left.png) bottom left no-repeat;
}

.blueBox_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/frames/blue-rounded-right.png) bottom right no-repeat;
}

/*
 * green left column
 */

.greenBox {
 margin: 0 0 10px 0;
 width: 49%;
 padding: 0;
 background: url(images/frames/green-rounded-right.png) top right no-repeat;
} 

.greenBox_main {
 margin: 0;
 padding: 9px 9px 0 9px;
 background: url(images/frames/green-rounded-left.png) top left no-repeat;
}

.greenBox_bottom {
 margin: 0;
 padding: 0 0 0 9px;
 background: url(images/frames/green-rounded-left.png) bottom left no-repeat;
}

.greenBox_bottom_helper {
 display: block;
 padding: 0 9px 9px 0;
 font-style: normal;
 background: url(images/frames/green-rounded-right.png) bottom right no-repeat;
}