
/* css for community */

/* created by shane */



/* rb and .rb2*/
/* 
class rb sets small round box with smaller title font
class rb1 sets small round box with medium title font
class rb2 sets small round box with bigger title font
class rb-mid sets medium width

 */
.rb 
{ 
    margin:0px auto; 
    width:200px;
    margin-bottom: 20px;
}

.rbw 
{ 
    margin:0px auto; 
    width:200px;
    margin-bottom: 20px;
}

.rb-mid 
{ 
    margin:0px auto; 
    width:540px;
    margin-bottom: 20px;
}

.rb-right 
{ 
    margin:0px auto; 
    width:240px;
    margin-bottom: 20px;
}

.rb-2cols 
{ 
    margin:0px auto; 
    width:760px;
    margin-bottom: 20px;
}

.rb-3cols 
{ 
    margin:0px auto; 
    width:960px;
    margin-bottom: 20px;
}

.rb h3 
{ 
    padding-top: 14px;
    padding-left: 16px;
    padding-bottom: 8px; 
    text-align:left; 
    margin:0; 
    color:#fff; 
}

.rbw h3 
{ 
    padding-top: 14px;
    padding-left: 16px;
    padding-bottom: 8px; 
    text-align:left; 
    margin:0; 
    color:#fff; 
}

.rb h3, .rb h3 .sb-inner 
{ 
    background:#155677; 
}
.rb h3, .rb h3 .sb-border 
{ 
    background:#000; 
}
.rb h3 span 
{ 
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    display:block;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}
.rbw h3, .rbw h3 .sb-inner 
{ 
    background:#155677; 
}
.rbw h3, .rbw h3 .sb-border 
{ 
    background:#000; 
}
.rbw h3 span 
{ 
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    display:block;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
}
.rb1 h3 span 
{ 
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    display:block;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
}
.rb2 h3 span 
{ 
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    display:block;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.rb h3 span p 
{ 
    font-size: 10px;
    color: #F19F23;
    margin-top: 6px;
}

.rbw h3 span p 
{ 
    font-size: 10px;
    color: #F19F23;
    margin-top: 6px;
}

.rb .content 
{ 
    padding-top:14px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px; 
    color:#fff; 
    width:170px; /* parent width - paddings */
    min-height:70px;
} 

.rb .content-nopadding 
{ 
    padding-top:0px;
    padding-right:0px;
    padding-bottom:12px;
    padding-left:0px; 
    color:#fff; 
    width:200px; /* parent width - paddings */
    min-height:70px;
}

.rb-right .content 
{ 
    padding-top:14px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px; 
    color:#fff; 
    width:210px; /* parent width - paddings */
    min-height:70px;
} 

.rb-right .content-nopadding 
{ 
    padding-top:0px;
    padding-right:0px;
    padding-bottom:12px;
    padding-left:0px; 
    color:#fff; 
    width:240px; /* parent width - paddings */
    min-height:70px;
}

.rbw .content 
{ 
    padding-top:14px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px; 
    color:#fff; 
    width:170px; /* parent width - paddings */
    min-height:70px;
} 

.rbw .content-nopadding 
{ 
    padding-top:0px;
    padding-right:0px;
    padding-bottom:12px;
    padding-left:0px; 
    color:#fff; 
    width:200px; /* parent width - paddings */
    min-height:70px;
} 

.rb-mid .content 
{ 
    padding-top:2px;
    padding-right:10px;
    padding-bottom:20px;
    padding-left:15px; 
    color:#fff; 
    width:515px; /* parent width - paddings */
    min-height:70px;
} 

.rb-mid .content-nopadding 
{ 
    padding-top:14px;
    padding-right:0px;
    padding-bottom:10px;
    padding-left:0px; 
    color:#fff; 
    width:540px; /* parent width - paddings */
    min-height:70px;
}

.rb-2cols .content 
{ 
    padding-top:14px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px; 
    color:#fff; 
    width:730px; /* parent width - paddings */
    min-height:70px;
} 

.rb-2cols .content-nopadding 
{ 
    padding-top:14px;
    padding-right:0px;
    padding-bottom:10px;
    padding-left:0px; 
    color:#fff; 
    width:760px; /* parent width - paddings */
    min-height:70px;
}

.rb-3cols .content 
{ 
    padding-top:14px;
    padding-right:10px;
    padding-bottom:10px;
    padding-left:20px; 
    color:#fff; 
    width:930px; /* parent width - paddings */
    min-height:70px;
} 

.rb-3cols .content-nopadding 
{ 
    padding-top:14px;
    padding-right:0px;
    padding-bottom:10px;
    padding-left:0px; 
    color:#fff; 
    width:960px; /* parent width - paddings */
    min-height:70px;
}

.rb .content, .rb .content .sb-inner, .rb .content-nopadding, .rb .content-nopadding .sb-inner 
{ 
    background:#145677 url(../images/block_bg2.jpg) repeat-x;
}

.rbw .content, .rbw .content .sb-inner
{
    background-color: #fff;
}

.rb2 .content, .rb2 .content .sb-inner, .rb2 .content-nopadding, .rb2 .content-nopadding .sb-inner 
{ 
    background:#145677 url(../images/block_bg2.jpg) repeat-x; 
}

.rb-2cols .content, .rb-2cols .content .sb-inner, .rb-2cols .content-nopadding, .rb-2cols .content-nopadding .sb-inner 
{ 
    background:#145677 url(../images/block_bg2.jpg) repeat-x; 
}

.rb-3cols .content, .rb-3cols .content .sb-inner, .rb-3cols .content-nopadding, .rb-3cols .content-nopadding .sb-inner 
{ 
    background:#145677 url(../images/block_bg2.jpg) repeat-x; 
}

.rb .content, .rb .content .sb-border,.rbw .content, .rbw .content .sb-border, .rb2 .content, .rb2 .content .sb-border, .rb .content-nopadding, .rb .content-nopadding .sb-border, .rb2 .content-nopadding .sb-border, .rb-2cols .content-nopadding .sb-border, .rb-3cols .content-nopadding, .rb-3cols .content-nopadding .sb-border   
{ 
    background:#000; 
}

.rb .content, .rb .content .sb-shadow, .rbw .content, .rbw .content .sb-shadow, .rb2 .content, .rb2 .content .sb-shadow, .rb .content-nopadding, .rb .content-nopadding .sb-shadow, .rb2 .content-nopadding, .rb2 .content-nopadding .sb-shadow, .rb-2cols .content-nopadding, .rb-2cols .content-nopadding .sb-shadow, .rb-3cols .content-nopadding, .rb-3cols .content-nopadding .sb-shadow  
{ 
    background:#000; 
}

.rb .content p, .rb2 .content p, .rb .content-nopadding p, .rb2 .content-nopadding p, .rb-2cols .content p, .rb-2cols .content-nopadding p, .rb-3cols .content-nopadding p
{
    margin-bottom: 16px;  
}

.rb .content a,.rb .content a:active,.rb .content a:visited,
.rbw .content a,.rbw .content a:active,.rbw .content a:visited,
.rb2 .content a,.rb2 .content a:active,.rb2 .content a:visited,
.rb .content-nopadding a,.rb .content-nopadding a:active,.rb .content-nopadding a:visited,
.rb2 .content-nopadding a,.rb2 .content-nopadding a:active,.rb2 .content-nopadding a:visited,
.rb-2cols .content-nopadding a,.rb-2cols .content-nopadding a:active,.rb-2cols .content-nopadding a:visited,
.rb-3cols .content-nopadding a,.rb-3cols .content-nopadding a:active,.rb-3cols .content-nopadding a:visited   
{
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

.rb .content a:hover, .rbw .content a:hover, .rb2 .content a:hover, .rb .content-nopadding a:hover, .rb2 .content-nopadding a:hover, .rb-2cols .content-nopadding a:hover, .rb-3cols .content-nopadding a:hover
{
    color: #fff;
    text-decoration: underline; 
}


.clear
{
    clear: both;
}