﻿/*general*/

body {
	margin: 0;
	padding: 0;
	background: url(../images/background.png) repeat-x 0 top;
	color : #000000;
	height: 100%; 
	font-size: 12px;
	font-family:Helvetica, Arial, sans-serif;
}

body#home {
	background: url(../images/background_home.jpg) repeat-x 0 top;
}

img {
	border: 0;
}

body {
	font-family: Helvetica, Arial, sans-serif;
}

#nav, h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

#nav a {
	text-decoration: none;
}

h3 {
	border-bottom: 1px solid #000;
	color: #000;
}

#sub h4 a {
	text-decoration: none;
	color: #4c4c4c;
}

#sub  a,
#main a {
	text-decoration: none;
	color: #4c4c4c;
}



#main p {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #4c4c4c;
}



#main h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}


#sub h4 {
	font-size: 12px;
	font-weight: bold;
	color: #4c4c4c;
}

#maincontent .link-item a,
#mainarea .link-item  a,
#news .link-item a,
#blogs .link-item a,
#events .link-item a
{
	font-size: 12px;
	font-weight: bold;
	color: #4c4c4c;
}



.cqfeed {
	margin-top:0px;
	padding-top: 0px;
	top: 0px;
	
}

#sub h4 a.on {
	color: #000;
}

#maincontent *.description,
#main *.description {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #4c4c4c;
 	padding-bottom: 23px
 	margin: 0px;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-top: 23px;
}

#mainarea .description IMG,
#blogs *.description IMG,
#news *.description IMG,
#events *.description IMG
{
	position: relative;
}


#mainarea .description,
#blogs *.description ,
#news *.description ,
#events *.description ,
#sub p {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #4c4c4c;
	padding-top: 2px;
}

.menu a.dynamic {
	min-width: 20px;
	max-width: 120px !important;
}

.menu .dynamic .menu-item  .additional-background span.menu-item-text{
	max-width: 120px;
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow: ellipsis
}

.menu li.dynamic {
	min-width: 20px;
	width: auto;
	max-width: 100px;
	padding-right: 30px;
	display: block;
	float: left;
}
#news .cbq-layout-main,
#blogs .cbq-layout-main,
#events .cbq-layout-main {
width: 340px;	
}

#main *.link-item .description a{
	padding-top:0px;
	padding-right:0px;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
	color:#4c4c4c;
}
#main *.link-item .description a:hover{
color:red;
}

a {
	text-decoration: underline;
	color: #000;
}

h3 a, a.more {
	text-decoration: none;
}



#footer p, #footer ul {
	font-size: 12px;
	font-weight: normal;
	color: #b9b9b8;
}

#footer a {
	text-decoration: none;
	color: #b9b9b8;
}

/*header*/

#header {
	position: relative;
	width: 1216px;
	height: 119px;
	margin: 0 auto; /*center header*/
}

#home #header {
	height: 294px;
	background: url(../images/header.jpg) no-repeat 0 bottom;
}

img#logo_cubido {
	position: absolute;
	width: 155px;
	height: 25px;
	top: 10px;
	border: 0;
}

img#logo_c {
	position: absolute;
	margin-left: 1122px;
	top: 16px;
	z-index: 7000;
}

img#logo_partner {
	position: absolute;
	margin-left: 43px;
	top: 233px;
}

img.rss {
	float: right;
	width: 16px;
	height: 16px;
	padding-top: 18px;
}

#teaser {
	position: absolute;
	margin-left: 197px;
	top: 86px;
}

#teaser img {
	margin-right: 33px;
	width: 280px;
	height: 160px;
	display: inline;
}



/*content*/

.content {
	position:relative;
	margin: 0px auto;
	width:1216px;
	display:block;
}

#content {
	position: relative;
	width: 1216px;
	/*min-height: 100% */
	/* padding-bottom: 80px;*/
	
}

#main {
	float: left;
/*	 width: 967px; */
	width: 609px;
	padding-top:0px;
	/*margin-left: 188px; */
	/* position: relative;*/
}
#home #main  {
	margin-left: 188px;
}
* html #main {
    \margin-left: 99px; /* for IE5 and IE6 in quirks mode */
    m\argin-left: 197px; /* for IE6 in standards mode */
}

#sub {
	float: right;
	margin-right: 49px;
	width: 348px; 
}
* html #sub {
    \margin-right: 11px; /* for IE5 and IE6 in quirks mode */
    m\argin-right: 22px; /* for IE6 in standards mode */
}

h3 a {
	padding-bottom: 7px;
}


p a:hover, #footer a:hover {
	text-decoration: underline;
	color: #ff4800;
}

#sub h4 a:hover {
	color: #ff4800;
}

h3 a:hover, h3 a.on {
	background: url(../images/hover.png) repeat-x 0 bottom;
}

#home #main img{
	position: absolute;
	margin-left: 0px;
	padding: 24px 0 0 0;
}


#main img {
	position: relative;
	margin-left: 0;
	padding: 0 0 23px 0;
}

#main h3 img, #sub h3 img {
	position: relative;
	margin: 0 6px;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 22px 0 7px 0;
}

.context h3 {
	padding-top: 33px;
}

#sub .context p {
	padding-top: 12px;
}

#subcontent *.link-item,
#main *.link-item  {
	margin: 0;
	padding: 20px 12px 23px 0;
	color: #4c4c4c;
	font-size: 20px ;
	font-weight: bold;
	padding-bottom:	23px;
	text-decoration: none;
}


#main *.link-item a {
	padding: 20px 12px 23px 0;
	color: #4c4c4c;
	font-size: 20px ;
	font-weight: bold;
	padding-bottom:	23px;
	margin: 0px;
	text-decoration: none;

}
#subcontent *.link-item .description a{
	font-size: 12px;
	font-weight: normal;
	text-decoration:underline;
	padding-top:0px;
	}
	
	
#subcontent *.link-item .description a:hover{
color: red;
}

#subcontent *.link-item a {
	padding: 20px 0px 23px 0;
	color: #4c4c4c;
	font-size: 20px ;
	font-weight: bold;
	padding-bottom:	23px;
	margin: 0px;
	margin-left: 0px;
	text-decoration: none;
}


#subcontent .first a,
#subcontent .first div,
#main .first a,
#main .first div {
	color: #000;
	text-decoration: none;
}





#main p {
	margin: 0;
	padding: 0 12px 23px 0;
}

#main h4 {
	margin: 0;
	padding: 2px 0 20px 0;
}

#sub h4 {
	margin: 0;
	padding: 7px 0 0 0;
	border-top: 1px solid #e5e5e5;
}


#sub h4.first {
	border-top: 0;
	padding: 12px 0 0 0;
}

#sub p {
	margin: 0;
	padding: 0 0 7px 0;
}

#sub .links h4 {
	padding-bottom: 8px;
}


.push{
	clear:both;
	padding-top:36px;
	height:80px;
}
/*footer*/

html, body {
	height: 100%;
}

.menu-horizontal SPAN.dynamic-children SPAN.additional-background,
.menu-horizontal A.dynamic-children SPAN.additional-background,
.menu-horizontal UL.dynamic A.dynamic-children SPAN.additional-background,
.menu-horizontal UL.dynamic SPAN.dynamic-children SPAN.additional-background {
background-image: none;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    margin: 0px auto -80px;
}


#maincontent {
	position: relative; 
	/*display: block; */
	width: 1216px;
	padding-top: 30px;
/*	padding-bottom: 80px; */
/*	height: auto !important;
	height: 100%;
	min-height: 100%;  */
	margin: 0 auto;
/*	margin-top: 90px;
	margin-bottom: -90px; */
}

#maincontent1 {
	position: relative; 
	/*display: block; */
	width: 1216px;
/*	padding-bottom: 80px; */
/*	height: auto !important;
	height: 100%;
	min-height: 100%;  */
	margin: 0px auto;
	/*	margin-top: 90px;
	margin-bottom: -90px; */
}

#s4-statusbarcontainer {
display: block;
}



#cub-ribboncont {
 background: none;
 color: #e9eaeb;
 border: none;
 font-size: 8pt;
 padding-bottom: 0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
}
#scroller {
	margin-top:0px;
	}

#sub-ribboncont {
 background: none;
 background-image: none;
 color: #e9eaeb;
 border: none;
 font-size: 8pt;
 padding-bottom: 0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 width: 998px;
 margin: auto;
}

BODY #s4-ribbonrow
{
    background-color: Transparent;
}

#s4-ribbonrow
{
    background-color: Transparent;
}



#teaser-rib {
	position:relative; 
	margin-left: 418px;
	/* top: 250px;*/
	width: 912px;
	display: block;   
	}

.ms-cui-tt-a {
color: #000000 !important;
}

.ms-cui-tt-a:hover{
color: #303030 !important;
}

#mainarea {
	position: relative; 
	display: block;
	/*float: left; */
	width:968px;
	margin: 0px auto;
	/*margin-top: -43px; */
	width: 1216px;
}


.ms-cui-tt-a {
color: #000000 !important;
}

.ms-cui-tt-a:hover{
color: #303030 !important;
}

.ms-cui-cg-pp ,
.ms-cui-cg-t {
	color: black;
}

/* Web Part */
.ms-WPTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	display: block;
	padding-bottom: 7px;
	padding-top: 25px;
	margin-left: 4px;
}


/* cqwp feeds */ 
.cqfeed { margin: -10px 0px 0 0 !important; position: relative; top: -15px; } 
.cqfeed img { vertical-align: middle; padding-right: 2px; } 
.cqfeed a { text-decoration: none; color: #888888 !important; font-weight: bold; }


.item {
	border-bottom: #ebebeb 1px solid;
}
.item:hover {
	background: url(../images/hover.png) repeat-x 0 bottom;
}



.storytitle {
border-top: 0px;
}
#storyview{
color: #000;
}


#blogleftnav {
	position: absolute;
	margin-left: 0px;
	display:block;
	float: none;
	/*z-index: 3;	 */
}

#subcontent *.link-item .description a.wpmore ,
#main *.link-item .description a.wpmore ,
#mainarea *.link-item .description a.wpmore ,
#news  a.wpmore,
#blogs  a.wpmore,
#events  a.wpmore
 {
	font-size: 10px;
	font-weight: bold;
	color: #c0c1c2;
	text-decoration: none;
}

#story *.storytitle,
#references  *.reftitel {
	font-size: 20px;
	font-weight: bold;
	color: black;
	padding-bottom:23px;
	padding-top: 20px;
	line-height: 22px;
	margin-left: -6px;	
}

#story  *.storyhead,
#references  *.storyhead{

	padding-bottom:20px;

}

#story a,
#references a,
#story a:link,
#references a:link {
	text-decoration:underline;
	color: #4c4c4c;
}

#story a:hover,
#references a:hover {
	color:red;
}
#storyleft
{
	 position:absolute;
	display:block;
	margin-left: -197px;
	width:170px;
	float:left;
	/*margin-top: -50px; */
	
}

#references *.storyhead  a,
#references *.storyhead  a:link,
#story *.storyhead  a,
#story *.storyhead  a:link{
	text-decoration: underline;
	color: #000;
}

#references *.storyhead a:hover,
#story  *.storyhead a:hover,
*.storyhead a:hover{
 color:red;
}



#subcontent .item img {
	position: absolute;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	padding-top: 23px;
	max-width:160px;
}
#storyview img ,
#references .refimg img {
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -197px;
	padding-top: 0px;
	float: left;

}

#story ,
#references {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	color: #4c4c4c;
	padding-left: 7px;
	margin-top:23px;
}

#subcontent h3{
color:#FF4800;
font-size:18px;
font-weight:bold;
}

#subcontent{
	margin-left: 191px;
    width:	640px;
    float: left;
    color: #666666;
}
#submenu {
	float: right;
	width: 366px;
}

div.welcome {
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


#ctl00_SiteMapPath1 {
	margin: auto;
	font-size: 14px;
	width: 100%;
	height: 24px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; /* For Firefox and Safari*/
}

#ctl00_SiteMapPath1 {
border-bottom: 1px black solid;
padding-bottom: 0px;
}

#ctl00_SiteMapPath1 a,
#ctl00_SiteMapPath1 a:link{
	color: #000;
	text-decoration: none;
	font-size: 14px;
    padding: 22px 0 0px 0;
    font-weight:normal;
	font-family: Helvetica, Arial, sans-serif;
	padding-bottom: 0px;
	

}

#ctl00_SiteMapPath1 .selected{
	background: url(../images/hover.png) repeat-x 0 bottom;
	padding-bottom: 7px;
}

#ctl00_SiteMapPath1 a:hover{
	background: url(../images/hover.png) repeat-x 0 bottom;
	padding-bottom: 7px;
}

.ms-cui-topBar2 {
	border-bottom: transparent;
}

/*.welcome-content {
	border-top: #000 1px solid;
} */

.image-area-left {
	margin-left: -197px;
	float:left;
}

.rightnav a{
	text-decoration: none;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #565655;
	
}
.rightnav div{
	border-bottom: 1px silver solid;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-bottom: 3px;

}
    
.rightnav table {
	width: 356px;
}    
    
.rightnav a:hover,
.rightnav a.over {
	background: url(../images/hover.png) repeat-x 0 bottom;
}

.rightnav  .selected a{
	background: url(../images/hover.png) repeat-x 0 bottom;
	}
	
#baginnav {
	border-bottom-width: 1px;
	padding-top: 1px;
	padding-bottom: 5px;	
	width: 356px;
	border-bottom: 1px black solid;

}

#beginnav img {
   width:16px;
   border-width:0px;
}

.pagemenu {
	width: 356px;
	text-decoration: none;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #565655;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;

}
.pagemenu .menu-horizontal .menu-item-text {
 width: 350px;
	overflow: hidden;
	text-overflow: ellipsis; 
	-o-text-overflow: ellipsis; 
}
.pagemenu a {
	text-decoration: none;
	font-weight: normal;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #565655;
}

.pagemenu li,
.pagemenu ul {
	min-width: 20px;
	width: auto;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px silver solid;
} 	
.pagemenu li.static,
.pagemenu a.static {
	
	float:none;
}

.pagemenu li.over,
.pagemenu li:hover {
  
	background: url(../images/hover.png) repeat-x 0 bottom;
}
.pagemenu  a.selected {
	background: url(../images/hover.png) repeat-x 0 bottom;
	padding-bottom: 3px;
	margin-bottom: -3px;
}

.pagemenu UL.root UL> LI > A {
	font-size:10px;
	font-style:normal;
}

.pagemenu UL.root UL LI  {
margin-left: 10px;
/* padding-left:10px;*/
}



/* blog section  */
 .s4-ql UL.root UL > LI > A {
	padding-left: 0px;
	padding-right:0px;
    padding-top: 0px;
    padding-bottom:0px;
	display: inline;
	text-decoration: none;
}
 .s4-ql UL.root UL > LI  {
 padding-top: 0px;
 padding-bottom:6px;
 display: block;
 width: 356px;
 padding-bottom: 0px;
 margin-bottom: 8px;
 height: 26px; 
 border-bottom: 1px silver solid;
}


 .s4-ql UL.root UL > LI > A > IMG {
 position: absolute;
    margin-left: 260px;
	float: left;
}


 .s4-ql UL.root UL > LI > A.menu-item {
	padding-left: 5px;
	color: #565655;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	float: left;
	}

 .s4-ql UL.root UL > LI >A.menu-item:hover {
text-decoration: none;
}

#idBlogHomePageNewCategoryLink {
	padding-left: 5px;
	color: #565655;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
    border-bottom: 1px silver solid;
}

#idBlogHomePageNewCategoryLink a:hover {
	background: url(../images/hover.png) repeat-x 0 bottom;
text-decoration: none;
}

.s4-ql UL.root UL > LI:hover {
background: url(../images/hover.png) repeat-x 0 bottom;
text-decoration: none;
}

#monthlyarchiveview {
	display:none;
}

#WebPartWPQ7 .s4-ql UL.root >LI.static >A.menu-item {
	padding-left: 5px;
	padding-top: 3px;
	color: #565655;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
    border-bottom: 1px silver solid;

}


 .s4-ql UL.root >LI.static >A.menu-item {
display: none;
}

.ms-PostWrapper {
	width: 595px;
}

#blogadmin {
	position: absolute;
	margin-left: -197px;
	top: 8px;
	float: left;
	width: 160px;
	
}

#submenu .ms-WPBorder,
#blogadmin .ms-WPBorder{
	border: 1px transparent none;
}

#submenu .ms-WPBody a,
#blogadmin .ms-WPBody a{
	color: #565655;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
}

#blogadmin .ms-WPBody a:hover{
	background: url(../images/hover.png) repeat-x 0 bottom;
	text-decoration: none;
}

#pagemenu .ms-WPHeader tr,
#blogadmin .msWPHeaderTdSelection
{
	border-bottom: #ebebeb 1px solid;
	}

#blogadmin .s4-ql UL.root UL > LI {
	width: 160px;
}

#submenu .ms-WPHeader TD,
#submenu .ms-WPHeader .ms-wpTdSpace,
#blogadmin .ms-WPHeader TD,
#blogadmin .ms-WPHeader .ms-wpTdSpace {
	border-bottom: #000 1px solid;
}
#submenu .ms-WPHeader  {
background: url(/images/rsaquo.png) no-repeat 0 bottom;
background-position: left 24px;
}


#submenu .ms-WPHeader h3,
#blogadmin .ms-WPHeader h3 {
	border-bottom: none;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight: normal;
	text-decoration:none;
}
	
#MSO_ContentTable h3{
	border: none;
}	

#MSO_ContentTable table{
	width: 100%;
	position:static;
}	
#submenu .ms-wpContentDivSpace {
	margin-left:0px;
}
#submenu .item  {
	padding-left: 0px;
}


#MSO_ContentTable h3 {
	vertical-align:top;
	padding-bottom: 0px;
	padding-top:0px;
}

.ms-commentsempty{
	width:100%;
}

.ms-postcalendardateboxbottom,
.ms-postcalendardateboxtop {
	display:block;
	float:left;
	margin-left:545px;
	position: absolute;
	visibility: hidden;
}
.ms-leftblogdate {
	width:0px;
	padding-left: 0px;
	padding-right: 0px;
}

.ms-postcalendardateboxbottom{
	margin-top:18px;
}
.ms-CommentBody,
.ms-commentsWrapper {
	width:620px;
}
.ms-PostBody {
	width:620px;
}

.ms-PostBody IMG {
   max-width: 600px; 
  width: expression(this.width > 600 ? 600: true);
}
.s4-specialNavLinkList {
	visibility:hidden;
}

#MSO_ContentTable h3.ms-CategoryTitleMonth {
	padding-bottom:10px;
}
a:visited,
a:link {
	color: #4c4c4c;
}
a:hover {
	color:red;
}


#WebPartWPQ2 .ms-searchref-filterlink ,
#WebPartWPQ2 .ms-searchref-main .ms-searchref-filter a,
#WebPartWPQ2 .ms-searchref-main .ms-searchref-filter a:link{
	text-decoration:none  !important;
	color: #666666 !important;
}

.ms-searchref-main li.ms-searchref-filter:hover{
	background: url(../images/hover.png) repeat-x 0 bottom;
}

.ms-searchref-selected  {
	background: url(../images/hover.png) repeat-x 0 bottom;
}

.ms-searchref-main.ms-searchref-filterlink,
.ms-searchref-main.ms-searchref-filterlink:hover {
color: #666666 !important;
text-decoration:none !important;
	}

.srch-Title2 a:visited,
.srch-Title2 a:link,
.srch-Title2 a:hover {
	text-decoration:none  !important;
	color: #666666 !important;

}
	
.srch-Title3:hover {
	padding-bottom: 6px;
	background: url(../images/hover.png) repeat-x 0 bottom;
}	

.srch-Title3 {
	padding-bottom: 6px;

}	
