div.float_list_example_container {
    border: 1px dashed rgb(100,100,100); 
    padding: 10px;
}

img#box_model_image {
    float: left;
    margin: 0 20px 5px 5px;
    padding: 0;
}

img#haha_guy {
    float: right; 
    margin: 10px 10px 0 10px;
}

li#arial_example           { font-family: Arial; }
li#courier_example         { font-family: Courier; }
li#courier_new_example     { font-family: "Courier New"; }
li#helvetica_example       { font-family: Helvetica; }
li#times_example           { font-family: Times; }
li#times_new_roman_example { font-family: "Times New Roman"; }
li#verdana_example         { font-family: Verdana; }

li.green {
    background-color: rgb(133,195,41);
}

li.blue {
    background-color: rgb(116,168,245);
}

li.orange {
    background-color: rgb(251,150,34);
}

li.yellow {
    background-color: rgb(255,214,0);
}

li.grey {
    background-color: rgb(193,193,193);
}

li.darker_grey {
    background-color: rgb(150,150,150);
}

#nav_container {
    clear: both;
    margin: 0 0 15px 0;
    padding: 0;
    float: right;
    width: 100%;
    background-color: rgb(116,168,245);
}

#navigation {
    margin: 0;
    padding: 10px 0 0 10px;
    list-style: none;
    float: right;
}

#navigation li {
    float: left;
    padding: 0;
    margin: 0 10px 0 0;
    border: 1px solid rgb(193,193,193);
    border-bottom: none;
    background-color: rgb(255,255,255);
}

#navigation li a {
    text-decoration: none;
    font-weight: bold;
    color: rgb(100,100,100);
    padding: 7px;
}

div#rounded_tab_example_container #navigation li {
    border: none;
    background: url("../images/rounded_right_corner.gif") no-repeat right top;
}

div#rounded_tab_example_container #navigation li a {
    display: block;
    background: url("../images/rounded_left_corner.gif") no-repeat left top;
    padding: 2px 7px 2px 7px;
}

p#normal_p_example {
    border: 1px dotted rgb(150,150,150);
    line-height: 100%;
}

p#styled_p_example {
    border: 1px dotted rgb(150,150,150);
    padding: 7px;
    line-height: 1.5em;
}

.shadowbox {
	clear: both;
	float:left;
	background: url('../images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 10px 17px !important;
	margin: 10px 0 10px 8px;
}

.shadow {
    background: url('../images/shadow2.png') no-repeat left top !important;
    background: url('../images/shadow2.gif') no-repeat left top;
    float: left;
    padding: 0px 6px 6px 0px;
}
.shadowbox img, .shadowbox p {
    border: 1px solid #a9a9a9;
    margin: 0;
}
.shadowbox p {
    padding: 4px;
}

.after_shadow {
    clear: both;
}

ul#css_resources,
ul#layout_tutorials,
ul#espn_stats,
ul#condcom_selectors {
    list-style-image: url('/web_class/images/link.gif');
}

ul#css_resources li,
ul#color_palette li,
ul#font_examples li,
ul#relative_text_units li,
ul#relative_keywords li,
ul#layout_tutorials li,
ul#espn_stats li,
ul#condcom_selectors li {
    padding: 1px;
}

ul#color_palette {
    list-style: none;
    width: 500px;
}

ul#color_palette li {
    text-align: center;
    font-weight: bold;
}


ul#float_list_example1,
ul#float_list_example2,
ul#float_list_example3,
ul#float_list_example4,
ul#float_list_example5,
ul#float_list_example6 {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px dotted rgb(150,150,150);
    background-color: rgb(190,190,255);
    width: 400px;
}

ul#float_list_example5,
ul#float_list_example6 {
    float: left;
}

ul#float_list_example2 li.elem1 {
    float: left;
}

ul#float_list_example3 li.elem1,
ul#float_list_example3 li.elem2 {
    float: left;
}

ul#float_list_example4 li,
ul#float_list_example5 li,
ul#float_list_example6 li {
    float: left;
}

p.example6 {
    clear: left;
}

ul#font_examples {
    list-style: none;
}

ul#font_examples li {
    font-size: 130%;
}

ul#relative_keywords {
    float: right;
    margin-right: 20px;
}