/* CSS Document */

/* CODE TO NORMALIZE STYLES FOR ALL ELEMENTS REGARDLESS OF BROWSER */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0px;
}

fieldset, img {
border:0px;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}

ol, ul {
list-style:none;
}

caption, th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
}

q:before, q:after {
content:'';
}

/* END OF STYLE-NORMALIZATION CODE */


/* GENERIC TAG RULES */

body {
font-family: verdana, arial, helvetica, sans-serif;
font-size:.75em;
background-color: #DEDEDE;
text-align: center;
}

p {
margin-bottom:10px;
}

strong {
font-weight:bold;
}

ul {
margin:0px 0px 10px 24px;
list-style:disc;
list-style-position:outside;
}

h1 {
font-size:125%;
font-weight:bold;
color:#ED5B40;
margin-bottom:10px;
}

/* END OF GENERIC TAG RULES */


#main_placeholder {
width: 708px;
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
border: 1px solid #ccc;
text-align:left;
background-color: #FFF;
}

#header {
text-align:center;
}

#left_placeholder {
float:left;
width:204px;
padding:0px 10px 10px 5px;
margin-top:20px;
}

#right_placeholder {
	float:right;
	width:458px;
	border-left:1px solid #D3D3D3;
	padding: 14px 0px 10px 20px;
	margin-top: 6px;
	color:444;
	line-height: 1.7em;
}

#footer {
clear:both;
text-align:right;
color:#666;
font-size:80%;
}

#horizmenu {
text-align:right;
}

#horizmenu ul {
list-style:none;
padding:0px;
margin:0px;
}

#horizmenu ul li {
float:right;
padding:10px 10px 0px 10px;
margin-bottom:4px;
}

#horizmenu ul li#contact, #horizmenu ul li#news {
border-right:#DEDEDE solid 1px;
}

#horizmenu ul li a {
text-decoration:none;
color:#666;
}

#horizmenu ul li a:hover {
color:#000;
cursor:pointer;
}

#vertmenu {
	background-color:#ED5B40;
	padding: 20px 0px 20px 0px;
	width: 204px;
}

#vertmenu h1 {
text-indent:10px;
font-size:150%;
color:#FFF;
margin:0px 0px 10px 0px;
}

#vertmenu ul {
list-style-type:none;
text-align:left;
margin-left:10px;
padding:0px;
}

#vertmenu ul li {
line-height:1.75em;
}

#vertmenu ul li a {
background:url(images/arrow.gif) left center no-repeat;
padding-left:18px;
text-align:left;
color:#FFF;
text-decoration:none;
}

#vertmenu ul li a:hover {
color:#FFFF00;
background:url(images/arrow_hover.gif) left center no-repeat;
}

#ask {
	color:#FFF;
	background-color:#4097ED;
	padding:15px 0px 10px 0px;
	margin-top:10px;
	width: 204px;
}

#ask h1, #ask p {
margin-left:10px;
margin-right:10px;
}

#ask img#balloons {
margin-left:10px;
vertical-align:middle;
}

#ask h1 {
font-size:150%;
padding: 10px 0px 10px 0px;
margin: 0px;
margin-left: 10px;
color:#FFF;
}

#ask a {
background:url(images/ask.gif);
display:block;
width:45px;
height:21px;
margin:10px 0px 16px 0px;
}

#ask a:hover {
background-image:url(images/ask_hover.gif);
}

img.float-right {
display:block;
float:right;
margin:0px 0px 6px 6px;
}

#news-left {
width:220px;
float:left;
}

#news-right {
width:220px;
float:right;
}

img#animated-pic {
float:right;
}

p#home-headline {
color:#4097ED;
font-size:200%;
font-weight:bold;
margin:12px 0px 24px 0px;
}