/* CSS from tutorials of www.alsacreations.com/articles */

body, p, MenuText, footer, a:link, a:visited, a:active, a:hover, red, body.black {
font-family: Helvetica;
font-size: 12px;
line-height: 110%;
text-decoration: none;
}
red{color: #BF4040}
body.black{color:#000000}
H1{
font-size:26px;
font-family:  "News Gothic MT"; 
line-height:100%;
}
a:hover {
text-decoration: underline;
}
MenuText, a:link, a:visited, a:active, a:hover{
color:#000000;
}
#HeaderContainer{
height: 45px;
width: 700px;
clear: both;
margin-left: 15%;
margin-bottom: 45px;
}
#Header{
float:left;
width: 250px;
height: 45px;
Clear: left;
background-image: url(RRBright250x30.jpg);
background-repeat: no-repeat;
}
#HeaderMenu{
float:right;
width: 450px;
height: 45px;
clear: right;
text-align:right;
vertical-align:text-bottom;
font-weight:bold;
color: #000000;
}
#BodyContainer{
width:700px;
margin-left:15%;
}
#BodyTop{
width:700px;
}
#PublicationsBanner{
width:700px;
height: 121px;
margin: 3px;
background-image: url(publicationsbanner.jpg);
clear:both;
}

#BodyBody{
width:694px;
margin: 3px;
padding: 3px;
background-color: #FFCC66;
}
#LeftColumn{ 
width: 344px;
float: left;
clear: left;
text-align:left;
padding: 3px;
}
#LeftColumnRed{ 
width: 338px;
float: left;
clear: left;
text-align:left;
color: #FFFFFF;
margin: 3px;
padding: 3px;
background-color:#BF4040;
}
#LeftColumnBlack{ 
width: 338px;
float: left;
clear: left;
text-align:left;
color: #FFFFFF;
margin: 3px;
padding: 3px;
background-color: #000000;
}
#RightColumn{
width: 344px;
text-align:left;
float: right;
clear: right;
padding: 3px;
}
#RightColumnBisk{
width: 338px;
text-align:left;
float: right;
clear: right;
padding: 3px;
margin: 3px;
background-color: #FFCC66;
color: #BF4040;
}
#TopContainer{
width:700px;
height:300px;
margin-left:15%;
clear: both;
}
#TopContainerRed{
width:688px;
height:144px;
text-align:left;
background-color:#BF4040;
color:#FFFFFF;
padding: 3px;
margin: 3px;
}
#TopLeft{
width: 288px;
height: 144px;
margin: 3px;
padding: 3px;
float:left;
background-color:#000000;
color: #FFFFFF;
}
#TopRight{
width: 394px;
height: 294px;
margin: 3px;
float:right; 
}
#BottomLeft{
width: 288px;
height: 144px;
margin: 3px;
padding: 3px;
float:left;
background-color: #FFCC66;
color: #BC4040;
}
#BottomRight{
width: 194px;
height: 144px;
margin: 3px;
float:right; 
background-color: #FFCC66;
}
#BottomLeft{
clear:left;
}
#BottomRight{clear:right;}

#BottomContainer{
width:700px;
height:150px;
margin-left:15%;
clear: both;
}
#BottomContainerNoMargin{
width:700px;
height:150px;
clear: both;
background-color: #BC4040;
}
#BottomLeft2{
width: 288px;
height: 144px;
margin: 3px;
padding: 3px;
float:left;
background-color:#FFFFFF;
color: #000000;
}
#BottomRight2{
width: 388px;
height: 144px;
margin: 3px;
padding: 3Px;
float:right; 
background-color:#BF4040;
color:#FFFFFF;
}
#BottomLeft2{clear:left;}
#BottomRight2{clear:right;}

#Footer{
clear:both;
margin-top: 40px;
margin-left: 15%;
width: 700px;
text-align:right;
color:#BF4040;
}