/** 5211.css 6-19-11**/

.wrapper { 
width : 100%; 
margin : 0 auto;
background : #dddddd; 
} 
.topbanner { 
border : 0 solid #000095; 
width : 960px; 
height : 95px; 
position : relative; 
margin : auto; 
padding : 0 0 0 0; 
} 
body { 
font : normal 0.8em Verdana, Arial, sans-serif; 
color : #2e2e2e;
margin : 0 auto; 
} 
a { 
color : #0000ff; 
} 
a:hover { 
text-decoration : none; 
} 
h1 { 
color : #ffffff; 
} 
h2 { 
font : normal 2.0em Verdana, Arial, sans-serif; 
font-weight : bold;
} 
h3 { 
font : normal 1em Verdana, Arial, sans-serif; 
font-weight : bold; 
margin : 5px auto; 
}
/** h4 = related reading links**/ 
h4 { 
font : normal 1em Verdana, Arial, sans-serif; 
margin : 10px auto; 
} 
#headlogo { 
width : 960px; 
margin : auto; 
padding : 3px 0 0 0; 
height : 75px; 
background : #000095; 
} 
#headlogo h1 { 
float : right; 
font : 2.8em "times new roman"; 
font-weight : bold; 
margin : 0 auto; 
padding : 15px 25px 0 5px; 
} 
#menu { 
border : 0 solid #000095; 
height : 28px; 
margin : 0 auto; 
background : url(images/menuback.jpg) no-repeat left top; 
padding : 3px 0 0 0; 
} 
#menu ul { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
#menu li { 
display : inline; 
} 
#menu a { 
display : block; 
float : left; 
text-decoration : none; 
font : normal 0.9em Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
padding : 5px 5px 5px 5px; 
color : #000095; 
} 
#menu a:hover { 
color : #999999; 
} 
#page { 
width : 960px; 
margin : auto; 
text-align : left; 
position : relative; 
background : #ffffff; 
border : 0 solid #cccccc; 
} 
#col1 { 
width : 580px; 
float : left; 
margin : 20px 20px 15px 30px; 
line-height : 160%; 
border : 0 solid green; 
} 
#col2 { 
position : absolute; 
top : 129px; 
left : 640px; 
width : 300px; 
margin : 22px 0 10px 0; 
border : 0 solid blue; 
} 
#puptips { 
width : 545px; 
position : relative;
line-height : 160%; 
font : normal 1.2em verdana, Helvetica, sans-serif; 
padding : 0px 10px 10px 15px;
background : #ebebeb; 
border : 1px solid #969696; 
} 
#puptips h1 { 
font : 1.0em arial;
font-weight : bold; 
text-decoration : underline; 
color : #0000FF;  
padding : 0px 15px 0 5px; 
} 
.more { 
font : normal 0.7em Verdana, Arial, Helvetica, sans-serif; 
padding : 5px 0 0 0; 
float : left; 
} 
#related { 
width : 273px; 
font : normal 1em Arial, Helvetica, sans-serif; 
margin : 0 auto; 
padding : 15px 10px 10px 15px; 
background : #ebebeb; 
border : 1px solid #969696; 
} 
#relread { 
width : 435px; 
position : relative; 
padding : 0; 
background : #ebebeb; 
border : 1px solid #969696; 
} 
.vid300head { 
width : 298px; 
height : 37px; 
background-color : #000095; 
text-align : center; 
font-weight : bold; 
color : #ffffff; 
padding : 4px 0 0 0; 
} 
.vid300 { 
border : 1px solid #969696; 
width : 296px; 
height : 320px; 
background-color : #ebebeb; 
position : relative; 
font : normal 0.8em Verdana, Arial, Helvetica, sans-serif; 
text-align : center; 
} 
.vid3001 { 
width : 122px; 
position : absolute; 
top : 16px; 
left : 16px; 
} 
.vid3002 { 
width : 122px; 
position : absolute; 
top : 16px; 
left : 160px; 
} 
.vid3003 { 
width : 122px; 
position : absolute; 
top : 170px; 
left : 16px; 
} 
.vid3004 { 
width : 122px; 
position : absolute; 
top : 170px; 
left : 160px; 
} 
.vid3005 { 
width : 122px; 
position : absolute; 
top : 324px; 
left : 16px; 
} 
.vid3006 { 
width : 122px; 
position : absolute; 
top : 324px; 
left : 160px; 
} 
.imgborder img { 
border : 1px solid #ccc; 
} 
.imgborder:hover img { 
border : 1px solid navy; 
} 
.imgborder:hover { 
color : red; 
} 
#searchbox { 
width : 400px; 
position : relative; 
padding : 10px 10px 10px 25px; 
background : #ebebeb; 
border : 1px solid #969696; 
}