body {
margin : 0;
padding : 0;
border : 0;
width : 100%;
background : #ccc;
text-align : center;
font : 100% calibri, tahoma, verdana, arial, sans-serif;
}
#wrapper {
text-align : left;
background : #ccc url() repeat-y !important ;
border : 0px solid blue;
margin : auto;
height : 100%;
width : 958px;
}
html {
margin-top : 10px;
font : 80% Calibri, Tahoma, Gill Sans, Arial, tahoma, verdana, Helvetica, sans-serif;
}
a {
color : #369;
text-decoration : none;
}
a:hover {
color : #fff;
background : #369;
text-decoration : none;
}
h1, h2, h3 {
margin : 0.8em 0 0.2em 0;
padding : 0;
color : #10147f;
}
h1 {
font-size : 130%;
}
h2 {
font-size : 120%;
color : #ff9933;
}
h3 {
font-size : 110%;
}
.col2 h3 {
color : #fff;
background-color : #ff9933;
padding-left : 5px;
}
p {
margin : 0.4em 0 0.8em 0;
padding : 0;
}
img {
border : 3px solid #f8f8f8;
padding-left : 3px;
padding-right : 3px;
}
#header {
clear : both;
float : left;
width : 100%;
height : 155px;
background : transparent url(img-styling/headerod.jpg) no-repeat;
border-bottom : 1px solid #000;
}

#header2 {
background-color: #ccc;
border: 0px solid red;
width: 100%;
}

#layoutdims {
clear : both;
position: relative;
background : #ffeb44;
border-top : 4px solid #000;
margin : 0;
padding : 6px 15px !important ;
text-align : right;
z-index: 1;
}
#layoutdims a:hover {
background : #10147f;
text-decoration : none;
}
#layoutdims a:visited {
color : #10147f;
text-decoration : none;
}
#layoutdims a:active {
color : #fff;
background : #10147f;
text-decoration : none;
}
#container {
position : relative;
clear : both;
float : left;
width : 100%;
overflow : hidden;
border : 0px solid red;
z-index: 1;
}
.rightmenu {
background : #efefef;
}
.rightmenu .colleft {
float : left;
width : 200%;
margin-left : -220px;
position : relative;
right : 100%;
background : #fff;
border : 0px solid yellow;
}
.rightmenu .col1wrap {
float : left;
width : 50%;
position : relative;
left : 50%;
padding-bottom : 1em;
min-height : 500px;
}
.rightmenu .col1 {
margin : 0 15px 0 215px;
padding-left : 50px;
overflow : hidden;
border : 0 solid red;
}
.rightmenu .col2 {
float : right;
width : 190px;
padding-left : 10px;
position : relative;
left : 210px;
border : 0px solid green;
}
.col1 p {
line-height : 1.5em;
}
.col1 li {
line-height : 1.5em;
}
.col1 img {
		max-width: 600px;
		height: auto; 
}
#footer {
clear : both;
float : left;
width : 100%;
height : 169px;
border-top : 0 solid #000;
background : transparent url(img-styling/footer1.jpg) no-repeat;
}
#footer p {
padding : 10px;
margin-top : 120px;
text-align : center;
}
.fl {
float : left;
margin-right : 10px;
}
.fr {
float : right;
margin-left : 10px;
}
.td1 {
width : 100px;
}
.td2 {
width : 250px;
}
.td3 {
width : 200px;
}


/* form elements */
form {
	margin: 0px;
	padding: 0 5px;
	border: 1px solid #D5D5D5; 
	background-color: #DFDFDF; 	
	width: 80%;
	padding-left: 20px;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #666;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #666;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #666;
	background: url(img-styling/header_over.bmp) repeat-x 0 0;
	border: none;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

.content {
    border: 1px solid #666;
	padding: 5px;
	background-color: #fff;
	z-index: 1;
	}

.contenttoe {
    border: 1px solid #666;
	width: 500px;
	padding: 5px;
	background-color: #fff;
	z-index: 1;
	}


	
.gbtabel {
margin: 0px;
padding: 0px;
border : 1px solid #ccc; 
width: 80%;
}

.gbtd {
padding: 3px;
width: 100%;
border: 0px solid #ccc;
background: #eee336 url(img-styling/header_over.bmp);
color: #000;}

.gbentry {
margin : 10px; 
padding : 0; 
background: #fff url();
color: #000;
} 

div.gb {
margin : 0 0 20px; 
padding : 0; 
border : 1px solid #81aaae; 
line-height : 19px; 
} 
div.gb-author {
margin : 0; 
padding : 1px 10px; 
border-bottom : 1px solid #81aaae; 
background : #666;
color: #fff; 
} 
.comment {
margin : 10px 0 0; 
color : #3300CC; 
font-style : italic; 
} 	

.b {font-weight: bold;}
.i {font-style: italic;}
.or {color: #FF9933;}
.bl {color: #10147F;}
.bt {padding-top: 50px;
	text-decoration: overline;}
.publi {font-size: 80%; color: #666; text-align: right;}
.s {font: 10px verdana, arial, sans-serif;}
.l {float: left; }
.r {float: right;}
.c {text-align: center;}