@import url("modules.css");
@import url("blog.css");


body {margin: 0; padding: 0; color: #555; background: #ffe7c1; /*f5bf29*/ font-size: 90%;}
body, textarea {font-family: verdana, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#099; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;
	border-collapse: collapse; }
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold; padding: 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 14px; font-weight: normal;}


p, pre { margin: 0 0 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}

blockquote {border-right:1px solid #DDDDDD;
display:inline;
float:left;
margin:10px 20px 10px 0;
padding:5px 15px;
width:200px;}

blockquote p {color:#333333;
font-family: verdana,sans-serif;
font-size: 20px; font-weight: bold;
line-height:1.3em;
margin:0;
padding:7px 0 8px;} 


#wrap {width: 788px; position: relative; margin: 0 auto; background: #ffe7c1; }

#head {padding: 6px 0 0 23px; border-bottom: 1px solid #ccc;}
#head #window {width: 268px; height: 200px; background: url(../img/window.png) no-repeat; 
	padding: 24px 0 0 63px; }
#head #logo {position: absolute; top: 18px; right: 20px;}
#topText {position: absolute; top: 20px; right: 20px; font-size: 16px;}
#imageText { font-size: 10px; width: 260px; margin: -25px 0 0 10px;}

#cnt {float: left; width: 470px; border-right: 1px solid #ccc; padding: 10px 20px;}
#sidebar {width: 253px; float: right; padding: 10px;}
#foot { background: #ffcc67; text-align: center; padding: 10px; border-top: 10px solid #f5bf29; clear: both;}
#foot #news a {font-size: 18px; display: block; color: #363636; text-transform: uppercase; }
#foot .TabControlTable {margin: 5px auto 2px auto;}
#foot .TabControlTable a {font-size: 18px; display: block; border-left: 1px solid #333; color: #363636; padding: 0 20px;
	text-transform: uppercase;}
#foot .TabControlTable a#TabControlItemLink_0 {border: 0 none;}
#foot a {color: #000;}
#foot h4 {display: block; margin: 0; padding: 0;}
 
#foot2 {background: #f5bf29; text-align: right; font-size: 0.9em; padding-top: 3px;}
#foot2 a {color: #000;}

#promail {width: 160px; padding: 10px;}
#promail label {display: block; margin-top: 8px;}
#promail input[type="text"] {width: 140px;}
#promail .btn {margin: 10px 0; text-align: center;}

.EditMode {}/* add for styles that need to display differently in cmsdesk */