html, body, #aspnetForm{ 
    height:100%; 
    position:relative;
    font-family:"segoe ui", tahoma, verdana, "lucida grande", "lucida sans unicode", sans-serif; 
}

body {
	padding:0;
	margin:0;	
	background-image: url(../../App_Assets/Images/background.jpg);
	background-repeat: repeat-y;
	background-position:right;
	color: #000000;
}

#outer{
	min-height:100%;
	min-width: 700px;
	margin-left:130px;
	margin-right:130px;			
	margin-bottom:-52px;
	color: #000000;
	
}

* html #outer{height:100%; } 			/* IE6 and under treat height as min-height anyway*/

#header
{
    background-image: url(../../App_Assets/Images/vbeelogo.jpg);
    background-repeat:no-repeat;        	        
    background-position: 10px 10px;    	        
	color: #000;	
	position:relative;
	margin:0 -131px;
	padding-top:131px;
	
	min-height:0;
						/* ie 7 haslayout fix */	
}

#nav
{    
	width:100%;
	height:30px;
	background-color:#000000;
	color:#ffcc00;
	text-align:left;	
}

/* mac hide \*/
* html #header { height:56px;he\ight:1px }	/* height needed for ie to force layout*/
/* end hide*/

#left 
{    

	width:160px;						/* same as the left margin on #outer*/
	float:left;
	margin-left:-129px;					/*must be 1px less than width otherwise won't push footer down in older mozilla*/
	left:-2px;
	
						/* push column into position*/	
}

#left p { 
	padding-left:2px;
	padding-right:2px 
}

#right p { 
	padding-left:2px;
	padding-right:2px 
}

#right {
	position:relative;					/*ie needs this to show float */
	width:160px;						/* same as right margin on #outer*/
	float:right;
	margin-right:-129px;				/*must be 1px less than width otherwise won't push footer down in older mozilla*/
	left:2px;							/* push column into position*/
	 /* border: solid 1px Red; */
}


#footer {
	width:100%;
	clear:both;
	height:50px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color: #000000;
	color: #FFFFFF;
	text-align:center;
	position:relative;
}

* html #footer {					/*only ie gets this style*/
	\height:52px;					/* for ie5 */
	he\ight:50px;					/* for ie6 */
}


#clearfooter { 
	clear:both;
	height:40px; 
}					/*needed to make room for footer*/

* html #centrecontent { 
	height:1%;
	margin-bottom:12px; 	
}	/* combat IE's 3 pixel jog */


/* Placeholder boxes */
.title
{    
    background-color:#000000;
    color:#FFFFFF;
    width:100%;       
}

.lefttitle
{
    background-color:#ffcc00;
    color:#FFFFFF;
    width:100%;    
}


.topright
{    
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border: solid 2px #000000; 
    height:100px;      
    width:152px;        
}

.bottomright
{    
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border: solid 2px #000000; 
    height:200px;      
    width:152px;
}

.topleft
{    
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border: solid 2px #ffcc00; 
    min-height:100px;
    height:auto;      
    width:152px;  
}

.bottomleft
{    
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border: solid 2px #ffcc00; 
    height:200px;      
    width:152px;
}

.topmiddle
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:100px;      
    width:auto;
}

.bottomiddle
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:200px;      
    width:auto;   
}

/* Article List Containers */
.content-articles-outer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:30px;  
    margin-left:32px;
    margin-right:32px;    
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}

.content-articles-inner
{
    padding-left:10px;
    padding-right:15px;
    padding-bottom:10px;
    height:auto;      
    width:auto;
}

.divLayout
{
    border:solid 1px black;
}
.divItem
{
    padding:5px;    
	font-size: 11pt;	
	color: Black;
}

.divAltItem
{
    padding:5px;    
    background-color:#FFF6CF;
	font-size: 11pt;	
	color: Black;
}



/* --------- Login Box --------- */
.logincontainer
{    
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    border: solid 2px #000000; 
    height:150px;      
    width: 250px;
}

#loginbox
{ 
   
   background-color:Transparent; 
   height: auto;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;   
 
}


/* Sections */
.fieldname
{
    color:Black;
    font-family: Verdana, Arial, Sans-Serif;
    font-size:9px;
    font-weight:bold;
}

.sectionsubtitle
{
   font-weight: bold;
   padding-bottom: 4px;
}

.boxpadding
{
    padding:10px;
}

#registercontainer
{    
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}



#pwdrecoverycontainer 
{   
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}

#loggedoutcontainer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}

#usermanagementcontainer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:50px;  
    margin-left:32px;
    margin-right:32px;    
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}



#changepasswordcontainer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}

#editprofilecontainer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:50px;
    margin-left:32px;
    margin-right:32px;        
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}

#categorycontainer
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-bottom:50px;
    margin-left:32px;
    margin-right:32px;        
    border: solid 2px #000000; 
    height:auto;      
    width:auto;
}


#contact-form-container
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;
    margin-right:32px;
    border: solid 2px #000000; 
    height:auto;      
    width:auto;   
}

#addcontent-form-container
{
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:32px;    
    margin-right:32px;    
    border: solid 2px #000000; 
    height:auto;      
    width:auto;   
}

/* Modal Popups */
.modalPopup {
	background-color : #f5f5f5;
	border-width: 3px;
	border-style: solid;
	border-color: Black;
	padding: 3px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.caption {
	background-image: url('../../images/tilebg_tablecaption.gif');
	background-repeat:repeat-x;
}

/* Article Management  */
.article-filter 
{
    padding:15px 15px 15px 15px;
    border: solid 1px black;
}




/*
.greyText
{
	font-family: Verdana;
	font-size: 8pt;	
	color: #626262;
}
.greyText a
{
	color: #FF0000;
	text-decoration:none;
}
.greyText a:hover
{
	text-decoration:underline;
}
.biggerGreyText {
	font-size: 12px;
	color: #626262;
}
*/