* { 
padding : 0;
margin : 0;
} 

body {
font-family : Arial, Helvetica, sans-serif;
color : darkslateblue;
font-size : 12px;		
margin:5px 0px 0px 5px;

}


img.dio { 
float : center;
margin-right : 1em;
margin-bottom : 0.5em;
margin-top : 0.5em;
margin-left : 1em;

} 



#acolumn { 
border : 1px solid white;
margin-top : 2px;
width : 160px;
float : left;
background:#eff6ff;
}

#acolumn p { 
font-family : Arial;
font-size : 0.8em;
padding-left : 1px;
padding-bottom : 1px;
margin-left : 1px;
margin-right : 1px;
text-align : center;
padding-right : 1px;
} 



#bcolumn { 
border : 1px solid white;
margin-top : 1px;
width : 320px;
float : right;
background:#eff6ff;
}  

#leftcolumnbottom { 
display : inline;
width : 160px;
float : left;
min-height : 250px;
border : 1px solid white;

} 
* html #leftcolumnbottom { 
height : 250px;
} 
#leftcolumnbottom h2 { 
color : #f2f2f2;
font-family : verdana;
font-size : 0.8em;
background-color :darkslateblue;
margin-left : 10px;
margin-right : 10px;
margin-top : 4px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
border-bottom : 2px solid #1f829d;
border-right : 2px solid #75a8db;
text-transform : uppercase;
} 
#leftcolumnbottom p { 
padding-top : 5px;
font-family : verdana;
font-size : 0.8em;
padding-right : 10px;
} 
#leftcolumnbottom a { 
float : right;
color : white;
font-size : 0.8em;
font-weight : bold;
padding-right : 5px;
} 
#centercolumnbottom { 
border : 1px solid white;
display : inline;
width : 330px;
float : left;
min-height : 250px;
} 
* html #centercolumnbottom { 
height : 250px;
} 
#centercolumnbottom h2 { 
color : #f2f2f2;
font-family : verdana;
font-size : 0.8em;
background-color : darkslateblue;
margin-left : 10px;
margin-right : 0px;
margin-top : 4px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
border-bottom : 2px solid #1f829d;
border-right : 2px solid #75a8db;
text-transform : uppercase;
} 
#centercolumnbottom img { 
margin-top : 2px;
margin-left : 10px;
} 
#centercolumnbottom ul { 
margin-left : 40px;
margin-top : 5px;
color : darkslateblue;
} 
#centercolumnbottom li { 
padding-top : 5px;
padding-left : 10px;
} 
#centercolumnbottom a { 
color : darkslateblue;
font-weight : bold;
text-decoration : underline;
font-size : 0.8em;
} 
#rightcolumn { 
display : inline;
margin-top : 2px;
width : 230px;
float : left;
border : 1px solid white;
min-height : 200px;
} 
* html #rightcolumn { 
height : 500px;
} 
#rightcolumn h2 { 
color : white;
font-family : verdana;
font-size : 0.8em;
background-color :darkslateblue;
margin-left : 10px;
margin-right : 10px;
margin-top : 4px;
padding-top : 5px;
padding-bottom : 5px;
padding-left : 5px;
border-bottom : 2px solid #1f829d;
border-right : 2px solid #75a8db;
text-transform : uppercase;
text-align : center;
} 

#rightcolumn p { 
font-family : verdana;
font-size : 0.8em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : white;
} 
#rightcolumn a { 
float : right;
color : darkslateblue;
font-size : 0.8em;
font-weight : bold;
padding-right : 5px;
} 


	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 145px; /* Width of Menu Items */
border: 1px solid slategray;
background: darkslateblue;
color:white;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 145px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
background: darkslateblue;
padding: 1px 5px;
border: 1px solid slategray;

}

.suckerdiv ul li a:visited{
color: white;
}

.suckerdiv ul li a:hover{
background: darkslateblue;
color: lightblue;
}

.suckerdiv .subfolderstyle{
background: url(media/arrow-list.gif) no-repeat center right;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
	
	#search {
        	background: darkslateblue ;
        	border-bottom: 0px solid #004b83;
        	padding: 4px 0px 8px 4px;
        	margin-bottom: 0px;
		top:145px;
	}

	#search .text {
        	width: 130px;
	}

	#search .submit {
        	background: darkslateblue;
        	color: white;
        	border: 1px solid white;
	}
	#leftcontent {
		position: absolute;
		left:1%;
		width:15%;
		top:155px;
		background:darkslateblue;
		}
	#leftcontentx {
		position: absolute;
		left:1%;
		width:15%;
		top:500px;
		border: 1px solid white;
		background:#eff6ff;
		}
	#leftcontentxy {
		position: absolute;
		left:1%;
		width:15%;
		top:780px;
		border: 1px solid white;
		background:white;
		}
	#centerleftcontent {
		position: absolute;
		left:19%;
		width:50%;
		top:145px;
		background:none;
		
		}
	#centerleftcontentx {
		position: absolute;
		left:19%;
		width:50%;
		top:230px;
		background:none;
		border: 1px solid white;
		}
	#centerleftcontenty {
		position: absolute;
		left:19%;
		width:50%;
		top:500px;
		background:none;
		border: 1px solid white;
		background:#eff6ff;
		}
	#centerrightcontent {
		position: absolute;
		left:70%;
		width:230px;
		top:145px;
		background:none;
		border: 1px solid white;
		}
	#centerrightcontentx {
		position: absolute;
		left:70%;
		width:25%;
		top:230px;
		background:white;
		}
	#primevue {
		position: absolute;
		left:19%;
		width:78%;
		top:230px;
		background:none;
		}
        #sus {
		position: absolute;
		left:1%;
		width:95%;
		top:5px;
		background:white;
		}
	#jos {
		position: absolute;
		left:1%;
		width:95%;
		top:900px;
		background:white;
		}
	
	#primevue, #centerrightcontent, #centerleftcontent, #leftcontent {
		border:1px solid white;
		}
	#sus,#jos {
		border:1px solid white;
		}
		
	p,h1,pre {
		margin:0px 10px 10px 10px;
		}
		
	h1 {
		font-size:12px;
		padding-top:10px;
		}
	
	#centerrightcontent p { font-size:12px}