/* CSS Layout for FLOE Trailers */

/*  BEGIN main layout styling */
html, body {
margin: 0;
padding: 0;
height: 100%; /* Required */
font: 12px normal Arial, Helvetica, sans-serif;
}

#container{
background: #fff url(../../images/bg_header_blue.jpg) repeat-x;
position: relative;
min-height: 100%;
 /* For Modern Browsers <strong>/
height: auto !important; /</strong> For Modern Browsers <strong>/
height: 100%; /</strong> For IE */
}

#content{
width: 980px;
margin: 0 auto 20px;
background: #fff;
padding-bottom: 101px; /* this MUST match the height of the #foot! */
position: relative;
}

#foot{
width: 100%;
background: url(../../images/NEW/bg_footer.gif) repeat-x;
position: absolute;
bottom: 0;
height: 39px; /* this MUST match the padding-bottom of the #content! */
}
#footlinks{
width: 980px;
margin: 6px auto 0;
text-align: center;
}
#footlinks li{
display: inline;
list-style-type: none;
padding-right: 40px;
}
#footlinks li a{ color: #25385c;}
#footlinks li a:hover{ color: #333;}
#foot blockquote{
margin:0;padding: 2px 0 0;
font-size: 10px;
text-align: center;
}

#OLDfoot{
clear: all;
width: 100%;
background: #e4f4ff;
position: absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
height: 101px; /* this MUST match the padding-bottom of the #content! */
border-top: 5px solid #139cff;
}

#OLDfootText{
size:10px;
color: #1E83CB;
padding-bottom:10px;
}

/*  END main layout styling */

#header{
height: 193px;
width: 100%;
background: #fff url(../../images/bg_header_blue.jpg) repeat-x;
position: relative;
}

#col1{
clear: left;
float: left;
width: 155px;
height: 100%;
background: url(../../images/bg_vert_seperation.gif) no-repeat 100% 10%;
}
#col2{
float: left;
width: 617px;
padding: 0 4px;
margin: 0;
}
#adminCol{
float: left;
width: 700px;
padding: 0 4px;
margin: 0;
}
#col3{
float: left;
width: 192px;
padding: 0 4px;
}

#mainmenu{
margin-top: -3px;
}
#mainmenu ul{
padding: 0;
margin: 0;
color: #fff;
float: left;
width: 100%;
font-size: 13px;
}

#mainmenu ul li { display: inline; }

#mainmenu ul li a{
height: 22px;
padding: 17px 20px 14px;
color: #fff;
text-decoration: none;
float: left;
border-left: 1px solid #fff;
}

#mainmenu ul li a:hover{
background-color: #369;
color: #fff;
}

#flag_dock{
display: block;
text-decoration:none;
width: 75px;
height: 91px;
background: url(../../images/flag_dock.jpg) no-repeat;
position: absolute;
bottom: 1px;
right: 0;
}

.title_red_bold_upper{
color: #1E83CB;
font-family:Garamond, "Times New Roman";
font-size:16px;
text-decoration: none;
}

.title_red_bold_upper a:hover{
color: #c80000;
font-family:Garamond, "Times New Roman";
font-size:16px;
/*text-transform:uppercase;*/
text-decoration: none;
}

#submenu, #extralinks{
list-style-image: url(../../images/bg_bullet_redball.gif);
margin-top:0px;
margin-bottom:0px;
}
#submenu a, #extralinks a{
color: #999;
margin-top:0px;
margin-bottom:0px;
}
#submenu a:hover, #extralinks a:hover{
color: #c80000;
margin-top:0px;
margin-bottom:0px;
}
#submenu a#current, #extralinks a#current{
color: #c80000;
margin-top:0px;
margin-bottom:0px;
}

#badge{ margin: 10px auto 4px;}

#OLDfootlinks{
width: 600px;
margin: 20px auto 0;
}

#OLDfootlinks li{
display: inline;
list-style-type: none;
padding-right: 40px;
}
.imagePending {
color:#990000;
border:1px solid black;
padding: 10px;
width:190px;
background:#FFFFCC;
text-align:center;
}

.thumbnailImagePending {
color:#990000;
border:1px solid black;
padding: 10px;
width:100px;
height:100px;
background:#FFFFCC;
text-align:center;
}

h1 {
	color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style:italic;
}

h4 {
	margin: 5px;
	padding: 0px;
}

.smallPicture {
	margin:10px;
	align:left;
}