
.symbol{
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
}

.call{
	font-family: Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 22px;
}
.searchbox{
	padding-right: 20px;	
}

.searchinput{
	width: 115px;
	border: 1px solid #e71010;
	padding: 2px;
	font: 11px bold "Lucida Grande", Tahoma, Arial;
}

.searchgo{
	border: 1px solid #e71010;
	padding: 1px;
	font: 11px bold "Lucida Grande", Helvetica, Arial;
	color: #ffffff;
	background-color:#ff5357;
}



/*** my top menu ***/
.topmenu{
font-weight: bold;
width: 100%;
padding-top: 20px;
}

.topmenu ul{
padding: 6px 0 7px 0;
margin: 0;
text-align: right; 
}

.topmenu ul li{
display: inline;
font-family: Helvetica, Arial;
font-size: 12px;
font-weight:bold;
}

.topmenu ul li a{
color:#000099;
padding: 6px 3px 1px 3px;
margin-right: 15px;
text-decoration: none;

}

.topmenu ul li a:hover, .topmenu ul li a.selected{
border-bottom: 2px solid #136600; 
}

.myblocktitle{
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 16px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-bottom: 10px;
}

.blocktitle{
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.blocktext{
	margin-left: 5px;
	margin-right: 20px;
	font-size: 12px;
	color: #ffcdb7;
	text-align: justify;
	line-height: 16px;
	margin-bottom: 5px;
}

.blocktitle a{
	text-decoration: none;
	color: #ffffff;
}

.blocktitle a:hover{
	text-decoration: underline;
	color: #CCFF00;
}

.myright #text{
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
}


.itibox{
	border-top: 1px solid #DADADA;
	width: 85%;
}

.itibox h2{
	font: 14px bold Arial, "Lucida Grande", Helvetica, Arial;
	color: #d31700;	
	padding-top: 5px;
}

.itibox h2 a{
	text-decoration: none;
	color: #d31700;	
}

.itibox h2 a:hover{
	text-decoration: underline;
	color: #117b00;	
}

.itibox p{
	font: 11px normal Arial, "Lucida Grande", Helvetica, Arial;
	color: #878787;	
	margin-bottom: 10px;
}

/*** Round box ***/
.bl {background: url(../images/bl.gif) 0 100% no-repeat #e68200; width: 100%;}
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0 no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}



.mynews {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: justify;
}

.mynews-full {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: justify;
}

#newsspan{
	height: 20px;
	width: 900px;
	margin: auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
	margin-top: 15px;
	border-top: 1px dashed #dddddd;
}

#newsspan #left{
	width: 400px;
	float:left;
	text-align:left;
	display:inline;
}

#newsspan #right{
	width: 300px;
	float:right;
	text-align:right;
	display:inline;
}


#newsheadlines{
	height: auto;
	width: 900px;
	margin: auto;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	clear: right;
}

#newsheadlines #left{
	width: 65%;
	float:left;
	text-align:left;
	display:inline;
	padding-bottom: 10px;
}

#newsheadlines #right{
	width: 35%;
	float:right;
	text-align:right;
	display:inline;
}


.meronews{
	font-family: "Lucida Grande", Helvetica, Arial;
	font-size: 12px;
	color: #FFF;
	padding: 5px;
	text-align: justify;
}

.meronews a{
	text-decoration: none;
	color: #FFF;
}

.meronews a:hover{
	text-decoration: none;
	color: #026600;
}


/* Form */

.form p{
	width: auto;
	margin: 0;
	padding: 5px 0 3px 0;
	padding-left: 90px; 
	border-top: 1px solid #4fc107;
	height: 1%;
}

.form label{
	font-weight: bold;
	float: left;
	margin-left: -90px; 
	width: 90px; 
}

.form input[type="text"]{ 
	width: 150px;
}

.form textarea{
	width: 150px;
	height: 50px;
}

.form-submit{
	border: 1px solid #286700;
	background: #9aed66;
	padding: 2px;
	font: 11px bold Helvetica, "Lucida Grande", Arial;
}


/* My Form */

.myform p{
	width: auto;
	margin: 0;
	padding: 5px 0 3px 0;
	padding-left: 150px; 
	border-top: 1px solid #e5e5e5;
	height: 1%;
	width: 400px;
}

.myform label{
	font-weight: bold;
	float: left;
	margin-left: -150px; 
	width: 150px; 
}

.myform input[type="text"]{ 
	width: 200px;
}

.myform textarea{
	width: 200px;
	height: 70px;
}

.myform-submit{
	border: 1px solid #CCCCCC;
	background: #9aed66;
	padding: 2px;
	font: 11px bold Helvetica, "Lucida Grande", Arial;
}


/*** Images ***/

.imgright {
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
}

.imgleft {
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #EEEEEE;
}




/*** OVEL BOTTOM ***/
a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 95%;
}
* html .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 90%;
}
