@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding:0;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 12px;
	line-height: 1.5em;
	color: #3e3e3e;
	width: 100%;
	display: table;
	background-color: #e2e2e2;
	background-image: url(../images/Background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

a:link, a:visited {
	color: #0000FF;
	text-decoration: none;
} 

a:active, a:hover {
	color: #009966;
	text-decoration: underline;
}


h1 {
	font-size: 20px;
	font-weight: bold;
	color: #0C9C63;

}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;

}

h3 {
	font-size: 16px;
	font-weight: bold;
	color: #009999;
	text-align: center;

}

p {
	padding-right: 20px;

}

#container {
	width: 750px;
	margin: auto;

}


#left_top {
	float: left;
	width: 390px;
	height: 210px;
	background-repeat: no-repeat;
	background-image: url(../images/DELYAKSLogo.jpg);

}

#right_top {
	float: right;
	width: 360px;
	height: 210px;

}

#right_header {
	float: right;
	width: 360px;
	height: 210px;
	background-image: url(../images/headerbg.jpg);

}

#top_right_title {
	color: #FFFFFF;
	font-size: 28px;
	font-weight: bold;
	height: 45px;
	width: 360px;
	line-height: 1.6em;
	text-align: center;
	padding-top: 13px;

}

#top_right_slogan {
	float: left;
	height: 35px;
	width: 360px;
	color:#ffe9ba;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding-top: 115px;

}

#menu {
	width: 750px;
	height: 58px;
	background-image: url(../images/menubar2.jpg);
	background-repeat: no-repeat;
	float: left;

}

.topmenu{
	float: left;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-left: 10px;

}

.topmenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;

}

.topmenu li{
	display: inline;

}

.topmenu li a{
	float: left;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #000000;
	width: 91px;
	height: 45px;
	padding-top: 5px;

}

.topmenu li a:hover ,.topmenu li .current{
	background-image: url(../images/menu_hover2.jpg);
	background-repeat: no-repeat;
	height: 35px;
	color: #FFFFFF;

}
#content {
	float: left;
	width: 740px;
	text-align: left;
	background-color: #FFFFFF;
	padding-left: 10px;

}

.content_left {
	float: left;
	width: 500px;
	margin-bottom: 15px;


}
.content_right {
	float: right;
	width: 226px;
	background-color: #999999;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}

#right_content {
	float: left;
	width: 235px;
	text-align: justify;
	background-color: #999999;
	padding-left: 0px;
	

}

#category {
	float: right;
	width: 230px;

}

.rightmenu {
	width: 211px;
	padding-bottom: 20px;

}

.rightmenu ul {
	list-style: none;
  margin: 0;
  padding: 0;

}

.rightmenu a {
	font-size: 12px;
	font-weight: bold;
	color: #a30000;
		
}
.rightmenu li {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	
}

.rightmenu li a:hover{

	color: #000;

}

#contact {
	float: right;
	width: 211px;
	padding-bottom: 5px;
	margin-right: 15px;

}

#contact p {
	padding-left: 20px;
	font-weight: bold;
	text-align: left;

}

#footer {
	clear: both;
	width: 745px;
	height: 50px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	background-color: #333333;
	background-image: url(images/templatemo_footer_bg.jpg);
	background-repeat: repeat-x;
	padding-left: 5px;
	font-size: 11px;
	line-height: normal;

}

input.text, textarea.text,input.warning, textarea.warning  {
	border-color:#dadada;
	border-style:solid;
	border-width:1px;
	margin:5px;
	width:195px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
  
}
input.short {
	border-color:#dadada;
	border-style:solid;
	border-width:1px;
	margin:5px;
	width:75px;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;

}

textarea.text  {
	width:300px;
	height:90px;
 
}

select.text {
	border-color:#dadada; 
	border-style:solid; 
	border-width:1px; 
	margin:5px;
	width:200px;
	
}
input.box {
	float: left;
	margin: 2px;

}

.button {
	margin-top:5px;
	padding: 0px 10px 0px 10px;
			
}

form {
border : 5px;
padding:5px;
margin:5px;
}


legend {
	color:#009999;
	font-size: 14px;
	font-weight: bold;
}

form label.text {
	display:block;
	float: left;
	width: 85px;
	text-align: right;
	padding: 0.1em;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis {
	font-size : 12px;
}

/* set up relativity to position small Why? text */
small.whythis {

}

/* Why? link style */
small.whythis a {
	text-decoration : underline;
	font-size : 12px;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {
	border : 1px solid #000;
	background-color : #00CC99;
	color : #000;
	padding : 0 4px 0 4px;
	text-decoration : none;

}
#footer  a {
	color: #FFFFFF;

}