/* MAIN.CSS

Author:  	Gary Benner
Date:		19 March 2007

Purpose:	Main CSS file for Twilight Vineyards
*/


p, body, td, th, fieldset,label  {
font-family: verdana,tahoma arial, sans serif;
font-weight:none;
font-size: 10pt;
font-style:normal;
color: #bbbbbb;
}

body {
margin: 0px;
padding: 0px;
background: #090644;
}

p {
color : #444444;
}

h1,h2 {
text-align: left;
color: #090644;
font-weight: normal;
}

h3 {
text-align: left;
color: #090644;
font-weight: bold;
}


.inputcontrol {
background-color: #ffffcc;
color:maroon;
position:absolute;
left: 400px;
width: 250px;
}

.inputcontrolsmall {
background-color: #ffffcc;
color:maroon;
position:absolute;
left: 400px;
width: 150px;
}


.cinputcontrol {
background-color: #ccffcc;
color:navy;
position:absolute;
left: 400px;
width: 250px;
}



.smalltext {
font-size:7pt;
}



/* LAYOUTS  */

.center {
text-align:center;
}

#top {
margin: 0px;
padding: 0px;
background: #ccc;
/*background-image: url('/images/home_vinband.jpg');
background-image: url('/images/topbanner.jpg'); */
height:108px;
}

#navbar {
position: absolute;
top: 70px;
right: 50px;
margin: 0px;
padding: 0px;
background: #ccc;
height:30px;
}

#navbar a {

text-decoration:none;
font-family: arial;
font-size:11pt;
color: navy;
font-style:normal;
font-weight:bold;
border-style: solid;
border-color: #ccc;
border-width:1px;
background: #ccc;
padding:3px;
}


#navbar a:hover {
border-style: solid;
border-color: maroon;
border-width:1px;
background: #ddd;
}

#navbar a:visited {
color: navy;

}
#navbar a:link {
color: navy;
}


#nlines {
position: absolute;
background-image: url('/images/lines2.gif'); 
height:10px;
width:100%;
left: 0px;
top: 100px;
}

#logo {
position: absolute;
left: 30px;
top: 10px;
}

#left {
position: absolute;
left: 10px;
top: 240px;
width: 100px;
background: #090644;
margin-left: 10px;
padding: 10px;

}

#center {
background: white;
margin-top: 40px;
margin-left: 50px;
margin-right: 50px;
padding: 0px;
height: auto;

}

#footer {
background: #58A0AD;
margin-top: 10px;
margin-left: 90px;
margin-right: 100px;
margin-bottom: 10px;
padding: 2px;
height: 14px;
text-align:center;
font-size:8pt;

/*  min-height:1600px; */
}



#right {
position: absolute;
right: 10px;
top: 240px;
width: 153px;
background: #293E41;
margin-right: 10px;
padding: 10px;

}



#bottles {
position: absolute;
left: 320px;
top: 2px;
display:none;
}


#squares {
position: absolute;
left: 125px;;
top: 180px;
display:none;
}


#vineyardleft {
/* float:left; */
width:70%;
padding:10px;
background: white;
}

#vineyardright {
 float:right; 
width:20%;
background: white;
padding:10px;
}

#vineyardleftsmall {
float:left;
width:50%;
padding:5px;
background: white;
}

#vineyardrightlarge {
float:left;
width:50%;
background: white;
padding:5px;
}


.menuitem {
position: absolute;
}

.menuitem:hover {
border-style: solid;
border-color: gray;
border-width:1px;
}


#home {
left: 120px;
}
#aboutus {
left: 220px;
}

#contactus {
left: 350px;
}

#ourwines {
left: 490px;
}
#buywine {
left: 640px;
}


#vineyards {
left: 220px;
}



.menuarea {
background-color:white;
padding: 0;
margin: 0;
}

.menuarea a {
text-decoration:none;
}

ul .page_item {

	margin-left: 10px;
	margin-top: 2px;
	padding: 0;

	}

/*- Main Menu in Header */

ul.menu {
padding: 0px !important;
bottom: auto;
width: 164px;
margin-left: 17px;
_margin-left: 8px;
_padding-left: 1px;
text-transform:uppercase;
font-weight:bold;
}

ul.menu li.register {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 15px;
  display: block;
  }

ul.menu li.register div {
 background-color: #5eb8e3; 
 text-transform:none;
 color: #000000;
 font-size: 8pt;
 font-weight: normal;
 width: 162px;
 margin-top: 0px;
 margin-bottom: 15px;
 padding: 0px !important;
 display: block;
 position: relative;
/*  padding-bottom: 15px; */
 }

ul.menu li.register div form {
 padding-top: 5px;
 padding-left: 6px;
 padding-right: 5px;
 width: 148px;
 display: block;
 }

ul.menu li.register div p {
 padding-right: 0px;
 padding-left: 6px;
 width: 138px;
 }

ul.menu li.register div form{
  margin-top: 0px;
  padding-top: 0px;
  }

ul.menu li.register div form input.emailaddress{
  margin-left: 0px;
  padding-top: 0px;
  width: 134px;
  }

ul.menu li.register div form input.subscribe{
  float: right;
  margin-top: -5px;
  }

ul.menu li.register div img.base_image{
  display: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  }

ul.menu li {
margin:0px !important;
float:none;
display:block;
height:auto;
display:inline;
}

ul.menu li a {
float:none;
display:block;
width:auto;
background:none;
font-size:1em;
color:#444;
margin:7px;
padding:7px;
}

ul.menu li a:hover {
background:none;
color:#29A9A9 !important;
}

ul.menu li strong{
float:none;
display:block;
width:auto;
background:none;
font-size:1em;
color:#444;
margin:7px;
padding:7px;
}

ul.menu li input{
display:block;
color:#444;
margin:7px;
margin-left: 14px;
}

ul.menu li.current_page_item a {
color:#fff !important;
background:#5EB8E3;
}

ul.menu li.current_page_item a:hover {
color:#fff !important;
background:#5EB8E3;
}

.roundedcornr_box_310901 {
   background: #ffffff;
}
.roundedcornr_top_310901 div {
   background: url(/images/roundedcornr_310901_tl.png) no-repeat top left;
}
.roundedcornr_top_310901 {
   background: url(/images/roundedcornr_310901_tr.png) no-repeat top right;
}
.roundedcornr_bottom_310901 div {
   background: url(/images/roundedcornr_310901_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_310901 {
   background: url(/images/roundedcornr_310901_br.png) no-repeat bottom right;
}

.roundedcornr_top_310901 div, .roundedcornr_top_310901, 
.roundedcornr_bottom_310901 div, .roundedcornr_bottom_310901 {
   width: 100%;
   height: 30px; 
   font-size: 1px;
}
.roundedcornr_content_310901 { 
  margin: 0 30px; 
 min-height:800px;   
  }


#login {
position: absolute;
left: 200px;
top: 200px;
border-style:solid;
border-width: 1px;
border-color:lightgray;
padding:30px;

}

#adminfrontpage {
position: absolute;
left: 100px;
top: 100px;
width: 600px;
border-style:solid;
border-width: 1px;
border-color:lightgray;
padding:5px;

}

#adminfrontpage h1 {
color:white;
}

.bigphoto {
width:500px;
}

.smallphoto {
width:300px;
}