body, html{ height:100%; } /* Container full page height */

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #535353;
font-size: 12px;
background: #b4d0eb url(img/bgBody.jpg) center top repeat-x; 
}

h1, h2, h3, h4, h5 { color: #0177c1; font-weight: bold; margin: 0px; margin-bottom:10px;}
h1{ font-size: 18px; }
h2{ font-size: 15px; }
h3{ font-size: 14px; padding: 0; margin: 0px; }
h4{ font-size: 12px; }
h5{ font-size: 10px; }

p { color: #535353; font-size: 12px; margin:0; margin-bottom: 20px; text-align: justify; }

a {color: #0177c1; text-decoration: none;}
a:hover {color: #535353;}
#leftcolumndiv .blockContent2 a { color: #FFFFFF; }
#leftcolumndiv .blockContent2 a:hover {color: #0177c1;}

ul { margin: 2px; padding: 2px; list-style: disc inside; text-align: left;}
ol { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; }

#contentcolumn ul{ list-style: inside url(img/bullet.gif); margin: 2px; padding: 2px; padding-left: 0px;}
#contentcolumn li{}

/* Main Layout formatting */

#maincontainer{
width: 920px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
padding: 0 30px 0 30px;
background: url(img/bgContainer.png) center top repeat-y;

height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/

min-height:100%; /* real browsers */
}

#topsection{
background: url(img/bgHeader.jpg) left top repeat-x;
height: 166px; /*Height of top section*/
margin: 0;
padding: 0;
margin-bottom: 1px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
margin-bottom: 40px;
}
#centerCcolumn, #bottomCcolumn {padding: 0;}
#centerCcolumn .blockTitle, #bottomCcolumn .blockTitle {padding: 3px; color: #0177c1; font-weight: bold; margin-top: 0; margin-right: 0;  margin-left: 0; font-size:1.1em;}
#centerCcolumn .blockContent, #bottomCcolumn .blockContent {padding: 0; margin: 10px; margin-bottom: 0;}

#centerLcolumn, #bottomLcolumn, #centerRcolumn, #bottomRcolumn { width: 50%; padding: 0 3px 0 0; }
#centerRcolumn { width: 230px; padding: 0; float: right; display:block; margin: 10px 4px 17px 17px; }

/*#centerLcolumn .blockTitle, #bottomLcolumn .blockTitle, #centerRcolumn .blockTitle, #bottomRcolumn .blockTitle {
	padding: 3px; color: #0177c1; font-weight: bold; margin-top: 0;
}
#centerLcolumn .blockContent, #centerRcolumn .blockContent, #bottomLcolumn .blockContent, #bottomRcolumn .blockContent {
	border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ddd; padding: 3px; margin-left: 2px; margin-right: 3px; margin-bottom: 2px; line-height: 1.2em;
}*/

#leftcolumndiv{
float: left;
width: 230px; /*Width of left column*/
margin-left: -920px; /*Set left margin to -(MainContainerWidth)*/
margin-bottom: 40px;
background: url(img/bgLeftColumn.jpg) left top repeat-x;
}
#leftcolumndiv .blockTop, #centerLcolumn .blockTop, #centerRcolumn .blockTop { background: url(img/bgBlockTop.png) top center repeat-y; height: 13px; }
#leftcolumndiv .blockContent, #centerLcolumn .blockContent, #centerRcolumn .blockContent { background: url(img/bgBlockContent.png) top center repeat-y; padding: 0 18px 0 17px; line-height: 1.2em; font-size: 11px; color: #0177c1;}
#leftcolumndiv .blockBottom, #centerLcolumn .blockBottom, #centerRcolumn .blockBottom { background: url(img/bgBlockBottom.png) top center repeat-y; height: 17px; }
#leftcolumndiv .blockTitle, #centerLcolumn .blockTitle, #centerRcolumn .blockTitle {padding-bottom: 5px; color: #0177c1; font-weight: bold;}
#leftcolumndiv .blockTop2 { background: url(img/bgBlockTop2.png) top center repeat-y; height: 13px; }
#leftcolumndiv .blockContent2 { background: url(img/bgBlockContent2.png) top center repeat-y; padding: 0 18px 0 17px; line-height: 1.2em; font-size: 11px; color: #0177c1;}
#leftcolumndiv .blockBottom2 { background: url(img/bgBlockBottom2.png) top center repeat-y; height: 17px; }

#contentcolumn .innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
}
#leftcolumndiv .innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}

#footer{
clear: left;
width: 100%;
color: #0177c1;
font-size: 11px;
text-align: left;
padding: 25px 0;
background: url(img/bgFooter.jpg) left top repeat-x;
}
#footerLeft{
float: left;
width: 220px;
padding: 0;
margin-left: 20px;
}
#footerRight{
float: left;
text-align: left;
padding: 0;
}

#footer a{
color: #0177c1;
text-decoration: none;
}

/* HEADER FORMATTING */

#headerblock{
margin: 0;
height: 136px;
}
#headerLogo{
padding-top: 11px;
float: left;
width: 440px;
height: 125px;
}
#headerRight{
padding-top: 11px;
float: right;
width: 475px;
height: 125px;
background: url(img/bgHeaderRight.jpg) right 11px no-repeat;
}
.logo{
padding-left: 10px;
padding-top: 15px;
border: none;
}

/* Form Formatting */

#searchBlock{
float:right;
padding: 0;
text-align: left;
margin-right: 21px;
margin-top: 41px;
color: #0177c1;
font-size: 11px;
}
#loginForm, #searchForm{
padding: 0;
margin: 0;
}
#leftcolumndiv #username, #leftcolumndiv #password, #leftcolumndiv #submitBtn, #searchForm #searchField, #searchForm #searchBtn{
background-color: #fff;
color: #0177c1;
border: none;
font-size: 11px;
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
}
#leftcolumndiv #username, #leftcolumndiv #password, #searchForm #searchField{
font-weight: normal;
padding: 5px;
margin-right: 2px;
width: 135px;
}
#leftcolumndiv #username{
width: 185px;
margin-right: 0px;
margin-bottom: 5px;
}
#leftcolumndiv #password{
margin-right: 4px;
}
#leftcolumndiv #submitBtn, #searchForm #searchBtn{
font-weight: bold;
width: 46px;
padding: 4px;
}
#leftcolumndiv #submitBtn:hover, #searchForm #searchBtn:hover{
background: #0177c1;
color: #fff;
}
#leftcolumndiv .formButton{ margin-left: 0; }

/* Menu CSS Starts Here */

#menublock{
margin: 0;
background: url(img/bgMenu.jpg) left top repeat-x;
height: 30px;
}

#coactiefmenu{
padding: 0;
border-top: 6px solid #0177c1; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
}
#coactiefmenu.menunormal{ float: left; width: auto; }
#coactiefmenu.menuloggedin{ float: right; width: auto; }

#coactiefmenu ul{
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}
#coactiefmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}
#coactiefmenu.menuloggedin li{
margin: 0 0 0 0;
}
#coactiefmenu a{
float: left;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 14px;
color: white;
text-decoration: none;
margin: 0; /*Margin between each menu item*/
padding: 2px 9px 3px 9px;
background: transparent; /*Brown color theme*/ 
border-top: 1px solid white;
border-right: 1px solid white;
}
#coactiefmenu.menuloggedin a{ border-left: 1px solid white; border-right: 0px; }
#coactiefmenu a:hover{
background-color: #0177c1; /*Brown color theme*/ 
color: white;
}
#coactiefmenu #current a{ /*currently selected tab*/
background-color: #0177c1; /*Brown color theme*/ 
color: white;
border-top-color: #0177c1; /*Brown color theme*/ 
}

/* OLD CSS */

table {width: 100%;}
table td {padding: 0; border-width: 0; vertical-align: top; }

input.formButton {}

.item {border: 1px solid #666;}
.itemHead {padding: 3px; background-color: #0177c1; color: #fff;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 1.2em; font-weight: bold; font-variant: small-caps; color: #fff; background-color: transparent;}
.itemPoster { font-style:italic;}
.itemPostDate { font-style:italic;}
.itemStats {font-size: .9em; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.3em; text-align: justify; font-size: 12px;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef;}
.itemAdminLink {font-size: .9em;}
.itemPermaLink {font-size: .9em;}

.itemDiv { width: 580px; margin-bottom: 25px; }
.itemDiv .itemDate { width: 61px; height: 65px; background: url(img/bgDate.png) left top no-repeat; text-align:center; color:#0177c1; font-weight: bold; font-family:"Times New Roman", Times, serif; }
.itemDiv .itemDate2 { width: 61px; height: 45px; padding-top: 20px; background: url(img/bgDate.png) left top no-repeat; text-align:center; color:#0177c1; font-weight: bold; font-family:"Times New Roman", Times, serif;font-size: 20px; }
.itemDiv .itemDay { font-size: 32px; padding-top: 12px; }
.itemDiv .itemMonth { font-size: 20px; padding-top: 5px; }
.itemDiv .itemPoster {font-style:italic;}
.itemDiv .itemText {}
.itemDiv .itemNote { font-family:"Times New Roman", Times, serif; font-size: 13px; font-style: italic; padding-top: 10px; }
.itemDiv td { vertical-align: top; }

.projectDiv { margin-bottom: 25px; }
.projectDiv .projectImage { width: 130px; height: auto; background: url(img/bgProjectThumb.gif) left top repeat-y; text-align:center; }
.projectDiv .projectMember {}
.projectDiv .projectText { text-align: justify; margin: 10px 0 10px 0; }
.projectDiv .projectDetails {}
.projectDiv .projectDetails td { font-weight: bold; width: 38%; vertical-align: top; }
.projectDiv .projectDetails td.title { font-weight: normal; width: 12%; }

#mainmenu a {display: block; margin: 0; padding: 4px; border-top: 1px solid #fff; }
#mainmenu a:hover {background-color: #fff;}
#mainmenu a.menuTop {border-top: 0px;}
#mainmenu a.menuMain {padding-left: 3px; }
#mainmenu a.menuSub {padding-left: 9px; }

#usermenu {	}
#usermenu a {display: block; margin: 0; padding: 2px; border-top: 1px solid #fff; font-weight : normal;}
#usermenu a:hover {background-color: #fff;}
#usermenu a.menuTop {border-top: 0px;}
#usermenu a.highlight {background-color: #6da9d8;}


caption {font-weight: bold;}
th, thead {background-color: #0177c1; padding : 2px; color: #fff; vertical-align : middle;}
.outer {border: 1px solid #d3e0f1;}
.head {background-color: #91b9e2; padding: 5px; font-weight: bold; color: #fff;}
.even, tr.even td {background-color: #d3e0f1; padding: 5px; color: #535353;}
.odd, tr.odd td {background-color: #e0eef7; padding: 5px; color: #535353;}
.foot, tr.foot td {background-color: #6aa1d7; padding: 5px; font-weight: bold; color: #fff; }

.errorMsg,.confirmMsg, .resultMsg  { padding: .8em; text-align:center; margin-bottom: 1em; border: 2px solid #ddd;}
.errorMsg  { background-color: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.confirmMsg { background-color: #FFF6BF; color: #817134; border-color: #FFD324; }
.resultMsg { background-color: #E6EFC2; color: #529214; border-color: #C6D880; }
.errorMsg a { background-color: transparent; color: #D12F19; }
.confirmMsg a { background-color: transparent; color: #817134; }
.successMsg a { background-color: transparent; color: #529214; }

.xoopsCode { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; height: 200px; overflow: auto; font-size:.9em;}
.xoopsQuote { background: #fff; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0 6px 6px 6px; font-size:.9em;}
blockquote {font-style : italic; line-height:1.4em;} 

.comTitle {font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px;}
.comUserStat {font-size: .9em; color: #0177c1; font-weight:bold; border: 1px solid #d3e0f1; background-color: #fff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #0177c1; font-weight:bold; font-size: .9em;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: .9em;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName a {color: #fff;}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: .8em;}
.comDateCaption {font-weight: bold; font-style: normal;}

#iframeSubscribe { width: 195px; height: 117px; border: none; overflow: hidden; } /*For IE */
html>#iframeSubscribe { width: 195px; height: 112px; border: none; overflow: hidden; }  /*For all other browsers */

/* IE bg color TinyMCE Mastop */
.mceContentBody {
background: #FFFFFF;
}

/* Fast Hacks */
#centerRcolumn {display: none;}
#bodyHomepage #centerRcolumn {display: block;}