@import "headings.css";
@import "menu.css";

body
{
padding: 0px;
margin: 0px;
background-color:#4d4d4d;
color:#333333;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-position:top;
background-repeat:no-repeat;
background-image: url(../images/rox_background.jpg);
}

img.article
{
padding:2px;
border: solid 1px #CCCCCC;
}

a
{
color:#1c4b85;
text-decoration:none;
}

a:hover
{
color:#000000;
}

.center
{
width:984px;
margin:auto;
}

.top
{
float:left;
width: 984px;
height: 60px;
background-image:url(../images/bg_top.png);
background-position:bottom;
background-repeat:no-repeat;
padding-bottom:  66px;
}

.middle
{
float:left;
width:984px;
min-height: 170px;
background-image:url(../images/bg_middle.png);
}

.middle_right_bg
{
margin-top: -37px;
margin-left: 29px;
background-color:#ededed;
background-image:url(../images/bg_right_box.png);
background-repeat:repeat-x;
float:left;
width: 926px;

border-bottom: 1px dotted #CCCCCC;
}

.content_left
{
float:left;
width: 595px;
padding: 20px;
padding-right: 25px;
min-height: 900px;
background-color:#FFFFFF;
border-right: 1px dotted #CCCCCC;
}

.content_right
{
float:left;
width: 270px;
padding:0px;
margin-left:5px;
}

.content_full
{
padding: 20px;
width:884px;
background-color:#FFFFFF;
float:left;
}

.bottom
{
float:left;
width:984px;
padding-bottom: 20px;
background-image:url(../images/bg_bottom.png);
background-position:top;
background-repeat:no-repeat;

}

.footer1
{
float:left;
width:900px;
height:140px;
margin-left: 42px;
margin-top: 10px;
}

.footer2
{
float:left;
width:900px;
height:340px;
color:#CCCCCC;
text-align:center;
margin-left: 42px;
margin-top: 30px;
}

.footer2 a
{
color:#CCCCCC;
text-decoration:none;
padding-left: 7px;
padding-right: 7px;
}

.footer2 a:hover
{
color:#FFFFFF;
text-decoration:underline;
}

.logo
{
float:left;
margin-left: 25px;
margin-top: 0px;
}

.nav
{
margin-top: 30px;
float:right;
width: 417px;
height: 300px;
}




/*------------------------------------------------------------------------------------------------------------------*/

/*--Clanky-------------------------------------------------------------------------------------------------------*/

.hero_box{
float:left;
margin-right: 15px;
margin-bottom: 0px;
width: 156px;
}

.hero_link{
font-size:11px;
float:left;
text-align:right;
height: 19px;
background-color:#EEEEEE;
padding-top: 4px;
width: 100%;

}

.hero_link a
{
padding-right: 10px;
text-decoration:none;
color:#1c4b85;
}

.hero_link a:hover
{
text-decoration:underline;
}

.article_hero
{
float:left;
padding:2px;
padding-bottom: 0px;
border: 1px solid #CCCCCC;
overflow:hidden;
margin-top: 5px;
}

.article_line
{
border-bottom: 1px solid #CCCCCC;
float:left;
width: 420px;
margin-top: 5px;
margin-bottom: 5px;
}

.article_hero_image
{
float:left;
width: 595px;
overflow:hidden;
}


.article_author, .article_date
{
color:#888888;
}

/*===============================================================================*/

.news_box
{
float:left;
width:100%;
padding-bottom:8px;
margin-bottom:8px;
border-bottom: dotted #CCCCCC 1px;
}

.news_image
{
border: 1px solid #CCCCCC;
padding:2px;
padding-bottom: 0px;
margin-right:10px;
float:left;
}

.news_date
{
color:#999999;
}

.news_author
{
color:#999999;
margin-bottom:4px;
}

.article_text
{
padding-top: 1px;
}


.article_text p
{
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

.article_text img
{
padding:2px;
border:solid 1px #CCCCCC;
}


/*===================================================================================*/

.date_box
{
float:left;
width:30px;
border: 1px dotted #CCCCCC;
background-color:#FFFFFF;
margin-right:5px;
}

.date_box_month
{
width:30px;
float:left;
background-color:#1c4b85;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
height: 13px;
font-size: 10px;
color:#FFFFFF;
text-align:center;
padding-top:2px;
}

.date_box_day{
background-color:#FFFFFF;
text-align:center;
float:left;
color:#666666;
width:30px;
height:15px;
font-weight:bold;
font-size:12px;
padding-top:3px;
}

.action_desc
{
font-size:11px;
float:left;
}

.pager
{
float:right;
margin:auto;

}

.pager a
{
color:#333333;
text-decoration:none;
float:left;
padding:3px;
border: 1px dotted #CCCCCC;
margin: 2px;
min-width: 12px;
text-align:center;
}

.pager a:hover
{
color:#FFFFFF;
background-color:#1c4b85;
}

hr
{
height: 1px;
border:none;
border-bottom:1px solid #CCCCCC;
}

img.gallery
{
float:left;
padding:1px;
border:solid 1px #CCCCCC;
margin-right: 1px;
margin-left: 3px;
margin-bottom: 5px;
}

.half_box
{
float:left;
width:290px;

}

.half_box2
{
float:left;
width:290px;

margin-left: 15px;
}

.half_box h1, .half_box2 h1
{
font-size:16px;
width:281px;
padding: 0px;
margin-top: 10px;
padding: 5px 5px 5px 5px;
}

.half_box h3, .half_box2 h3
{
font-size:12px;
margin: 0px;
padding: 0px 0px 0px 0px;
}

.small_box
{
width: 100%;
float:left;
}

.small_box2
{
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 5px;
margin-bottom: 5px;
float:left;
background:url(../images/bg_right_box.png);
}

.small_box img
{
border: 1px solid #CCCCCC;
padding:2px;
padding-bottom: 2px;
margin-right:10px;
float:left;
}