@import url('topmenu.css');

body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 100%;
color: #000000;
padding: 0px;
top: 0px;
margin: 0px;
background: url(../images/nav/bodybg.gif) repeat center left #A8B1A2;
}

input {
padding: 0;
margin: 0;
}

body a {
color: #000000;
text-decoration: none;	
}

body a:hover {
color: #999999;
}

form {
	margin:0;
	padding:0;
	}
	
.cont_left {
float: left;
}

.cont_right {
float: right;
}

.align_center {
text-align: center;
}

img {
border: none;
}

.clear_cont {
	clear:both;
}

ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
}


li { 
background: url(../images/nav/listbullet.gif) left center no-repeat;
padding: 0 0 0 10px;
margin: 0 0 10px 0;
}

.mapli { 
font-weight: bold;
}

.mapli a {
color: #2f5d97 !important;
}


.mapsubli { 
margin: 0 0 10px 20px !important;
}

/* SIZES */

h1 {
color: #303E67;
font-weight: bold;
}

h2, .subtitle {
display: block;
font-size: 25px;
color: #344883;
font-weight: bold;
}



/* SPACES */

.space0 {
padding: 0;
margin: 0;
}

.space1 {
padding: 10px 0 0 0;
}

.space2 {
margin: 15px 0 0 0;
}

.space3 {
margin-bottom: 10px !important;
}

.space4 {
margin: 5px 0 25px 0;
}

/* COLORS */



/* CONTAINERS */

#rootCont {
width: 873px;
margin: 0 auto 39px auto;
}

#headCont {
margin:0 0 0 0;
height: 140px;
background: url(../images/nav/headbg.jpg) no-repeat top center;
}

#logoCont {
display: block;
height: 120px;
width: 150px;
}

#footerCont {
height: 13px;
background: url(../images/nav/bodybot.gif) no-repeat bottom center;
}

#cont1 {
float: left;
width: 605px;
}

#cont2 {
float: left;
width: 244px;
margin: 0 0 0 5px;
}



#mainCont {
background-color: #9a9a9a;
padding: 5px 0 0 8px;
}

.hotContWrapper {
background: url(../images/nav/cont1mid.gif) repeat-y top left;
}

.cont1top {
background: url(../images/nav/cont1top.gif) no-repeat top left;
}

.cont1bot {
background: url(../images/nav/cont1bot.gif) no-repeat bottom left;
}

.cont1cont {
padding: 15px 25px 15px 25px;
}

.Cont2Wrapper {
background: url(../images/nav/cont2mid.gif) repeat-y top left #FFFFFF;
}

.cont2top {
background: url(../images/nav/cont2top.gif) no-repeat top left;
}

.cont2bot {
background: url(../images/nav/cont2bot.gif) no-repeat bottom left;
}

.cont2cont {
padding: 1px 15px 15px 15px;
}

#backCont {
display: block;
margin: 25px 0 0 0;
font-size: 14px;
font-weight: bold;
color: #B8B800;
}



label { width: 11em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size: 11px; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 0em; vertical-align: top; }



fieldset {
margin: 15px 0 0 0;
padding: 4px;
border: 1px solid #f5a9ea;
font-size: 12px;
background-color: #f1deff;
}

.buttonx1 {
padding: 3px;
background-color: #CC0000;
color: #FFFFFF;
border: 1px solid #FFFFFF;
margin-left: 130px;
}

.buttonx2 {
padding: 2px;
background-color: #CC0000;
color: #FFFFFF;
border: 1px solid #FFFFFF;
}

#cdatpicker {
height: 120px;
}


.inputx {
background-color: #FFFFFF;
border: 1px solid #f5a9ea;
padding: 3px;
width: 250px;
}

#statusBox {
margin: 0 auto;
width: 300px;
padding: 10px;
text-align: center;
color: #FFFFFF;
}

.status1 {
background-color: #006600;
}

.status0 {
background-color: #CC0000;
}

#commentCont {
margin: 15px 0 0 0;
padding: 10px 0 0 0;
}



.surname {
background-color: #eff2f5;
color: #eff2f5;
height: 1px;
width: 1px;
border: none;
display: none !important;
visibility: hidden !important;
}

.surname input {
background-color: #eff2f5;
color: #eff2f5;
border: none;
height: 1px;
width: 1px;
display: none !important;
visibility: hidden !important;
}

#listComments .oneCont {
border-bottom: 1px dotted #666666;
padding: 10px 0 10px 0;
font-size: 12px;
}

.cname span {
color: #999999;
}

.cmsg {
color: #333333;
width: 500px;
}

#commentTitle {
font-size: 14px;
font-weight: bold;
color:#333333;
background-color: #f5a9ea;
padding: 5px 0 5px 5px;
border: solid #a9a9a9;
border-width: 1px 0 1px 0;
}

.formL {
float: left;
margin: 3px 10px 0 0;
text-align: center;
}

.formL input {
width: 150px;
border: 1px solid #666666;
background-color: #eceeed;
}

#textImg {
float: left;
border: 1px solid #000;
width: 200px;
margin: 0 15px 15px 0;
}

#textText {
float: left;
width: 300px;
}

#textText p {
margin:0 !important;
padding: 0 !important;
}

#huggies {
position: absolute;
left: 0;
top: 180px;
}