/* CSS for Textwrap Around Images Page | Copyright 2010 */
img.flag,img.textwrap_flagLeft,img.textwrap_flagRight { width: 100px; height: 66px; }

div.textwrap_text {
width: 500px;
text-align: justify;
padding: 10px;
border: 2px solid #700;
}

img.textwrap_floatLeft {
float: left;
margin-right: 4px;
}

img.textwrap_flagLeft { padding-top: 20px; }

img.textwrap_floatRight {
float: right;
margin-left: 4px;
}

img.textwrap_flagRight { padding-top: 11px; }

textarea#textarea_code_box1 {
margin-top: 5%;
font-family: 'comic sans ms';
font-weight: bold;
white-space: pre-line;
}
/* ************************************************** */
#textwrap_container_bottom {
width: 500px;
margin: 2% auto;
}

div.textwrap_Left, div.textwrap_Right {
margin: 2% 0;
padding: 1%;
width:40%;
font-style: italic;
text-align: justify;
border: 2px solid #700;
}

div.textwrap_Left {
float:left;
clear: right;
}

img.textwrap_imageLeft-flag {
float:left;
margin-right: 2%;
margin-top: 20px;
}

div.textwrap_Right {
float:right;
clear: both;
}

img.textwrap_imageRight-flag {
float:right;
margin-left: 2%;
margin-top: 20px;
}

textarea#textareap_code_box2 {
margin-top: 5%;
font-family: 'comic sans ms';
font-weight: bold;
white-space: pre-line;
}