@charset "utf-8";
/* CSS Document */

/* ===== LAYOUT ===== */

body
{
background-color:#D8D8D8;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:top;
}

#system_wrap{
width:900px;
margin-left:auto;
margin-right:auto;
height:110%;
}

#system_main{
width:900px;
height:110%;
margin-left:auto;
margin-right:auto;
}

#content_left_top{
width:170px;
float:left;
margin-right:10px;
}

#display{
width:700px;
height:334px;
float:left;
}

#content_left{
width:165px;
float:left;
margin-left:15px;
}

#rcontent{
width:320px;
float:right;
}

/* =====  NOICE BOARD ===== */

#notice_board_holder{
width:240px;
float:right;
}

#notice_board{
background-image:url(../images/images/notice_btn.jpg);
background-repeat:no-repeat;
background-position:top left;
min-height:50px;
width:204px;
border-top:1px solid #c5c5c5;
border-left:1px solid #c5c5c5;
border-right:1px solid #c5c5c5;
padding:50px 10px 10px 10px;

}

#notice_footer_line{
width:16px;
height:50px;
border-left:1px solid #c5c5c5;
float:right;
}

#notice_footer{
background-image:url(../images/images/notice_board_base.jpg);
background-position:right;
width:241px;
height:50px;
margin-right:10px;
border-bottom:0px solid #c5c5c5;
border-left:1px solid #c5c5c5;
border-right:0px solid #c5c5c5;

}

#content_main{
width:700px;
height:110%;
min-height:260px;
float:left;
background-color:#f5f5f5;
}

#title{
width:680px;
height:auto;
margin:20px 0px 0px 20px;
}

#text{
width:665px;
height:110%;
min-height:300px;
margin-right:15px;
margin-left:20px;
}

#quote{
height:auto;
width:320px;
float:right;
}

#footer{
background-color:#570E2F;
background-repeat:no-repeat;
float:left;
width:680px;
/* margin-left:100px;*/
padding:5px 20px 0px 0px;
margin-bottom:0px;
height:110%;
}

.footer_text{
width:620px;
height:auto;
margin-bottom:10px;
float:right;
}

/* Social Media */
.smIcon{
width:33px;
height:33px;
margin:0px 10px;
float:left;
}


#footer_under{
width:700px;
height:15px;
float:left;
padding-top:10px;
background-color:#d8d8d8;
/* margin-left:180px;**/
}

#footer_textl{
width:400px;
height:15px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
}

#footer_textr{
width:300px;
height:15px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFF;
text-align:right;
}


/* ===== TOP MENU ===== */

#mainnav {
	width:165px;
	text-align:right;
	font-size:90%;
	margin-top:20px;
	float:left;
}

#mainnav ul {
	padding:0;
	margin:0;
	/* margin-bottom:16px; */
	list-style:none;
	width:170px;
	text-align:right;
}

#mainnav ul li {
	padding:0;
	margin:0;
	width:170px;
}

#mainnav ul li a {
	display:block;
	font: bold 15px/11px Georgia, Times New Roman, Times, serif;
	text-decoration:none;
	color: #570e2f;
	width:170px;
	padding: 5px 16px 4px 0px;
	background: none;
}

#mainnav ul li a:hover {
	color:#999999;
}


/* ===== BOTTOM MENU ===== */

#accordion{
width:165px;
height:500px;
float:left;
margin-top:11px;
/*list-style:block;*/
}

#arrowlistmenu h3{ /* IF USING IMAGES - CSS managing space between top image and main menu buttons */
font-family: Georgia, Times New Roman, Times, serif;
padding:0px 0px 0px 0px;
font-size:11px;
font-style:italic;

margin-bottom:0px;
margin-top:0px;
}

#arrowlistmenu{
width: 165px; /*width of accordion menu*/
}
#arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

/* background-color:#7196a5; */
margin-top:5px;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0px 0px; /*header text is indented 10px*/
cursor: pointer;
/* cursor: hand;
height:22px; */
}
#arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/


}
#arrowlistmenu ul{ /*CSS for UL of each sub menu */
list-style-type: none;
background-color:#D8D8D8;
margin: 0px;
padding: 0px;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
list-style:none;
text-align:right;
padding-right:5px;
}
#arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
list-style:none;
}
#arrowlistmenu a{
color: #999999;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 0px 0px;
padding-left: 0px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 90%;
list-style:none;
}
#arrowlistmenu ul li a:visited{
color: #999999;
}
#arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #570E2F;
}
#arrowlistmenu strong{ /*selected link color*/
color: #570E2F;
font-size:11px;
}



/* ===== STYLE ===== */
h1{
color:#570e2f;
font-size:18px;
font-family:Georgia, Times New Roman, Times, serif;
}

h2{color:#570e2f;
font-size:16px;
font-family:Georgia, Times New Roman, Times, serif;}

h3{color:#570e2f;
font-size:12px;
font-family:Georgia, Times New Roman, Times, serif;}


.footer_text{
font-family:Georgia, Times New Roman, Times, serif;
font-size:11px;
color:#FFF;
text-align:right;
}

.cap{
font-size:11px;
}

.text{
font-family:Georgia, Times New Roman, Times, serif;
font-size:12px;
}

p{
font-family:Georgia, Times New Roman, Times, serif;
font-size:12px;
}

/* email links */
a:link{color: #ffffff; text-decoration:none;}
a:visited{color: #ffffff; text-decoration:none; }
a:hover{color: #999999; text-decoration:none; }
a:active{color: #ffffff; text-decoration:none; }


/* p tag links */
p a:link{color: #999999; text-decoration:none;}
p a:visited{color: #999999; text-decoration:none; }
p a:hover{color: #570E2F; text-decoration:underline; }
p a:active{color: #999999; text-decoration:underline; }

/*sitemap and websynergi links */
.footerlink a:link {color: #999999; text-decoration:none; }
.footerlink a:visited {color: #999999; text-decoration:none; }
.footerlink a:hover {color: #570E2F; text-decoration:underline; }
.footerlink a:active {color: #999999; text-decoration:underline; }


.click a:link {color: #570E2F; text-decoration:none; }
.click a:visited {color: #570E2F; text-decoration:none; }
.click a:hover {color: #999999; text-decoration:underline; }
.click a:active {color: #570E2F; text-decoration:underline; }


/*===== xmas tags =====*/
.xmas{
height:250px;
width:320px;
float:right;
}

.xmenu{
width:250px;
float:right;
}

.lnd{
width:250px;
float:right;
}

/* MENU STLYING */

.main_heading{
font-family:Georgia, "Times New Roman", Times, serif;
color:#800000;
font-size:18px;
}

.capital{
font-family:Georgia, "Times New Roman", Times, serif;
color:#800000;
font-size:18px;
font-weight:bold;
}

.meal_heading{
font-family:Georgia, "Times New Roman", Times, serif;
color:#800000;
font-size:14px;
font-weight:bold;
}

.large_black{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

.large_black_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-weight:bold;
}

.large_red{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#800000;
font-size:12px;
font-weight:bold;
}

.large_red_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#800000;
font-size:12px;
font-weight:bold;
}

.large_red_italic{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#800000;
font-size:12px;
font-weight:bold;
font-style:italic;
}

.small_black{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}

.small_black_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
font-weight:bold;
}

.small_black_italic{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
font-style:italic;
}

.small_red{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#800000;
font-size:10px;
}

.small_red_bold{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#800000;
font-size:10px;
font-weight:bold;
}

ul{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}

ul li a:link, a:visited, a:active{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:none;
}

ul li a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-decoration:underline;
}

hr{
color:#800000;
}

.table_outline{
border:2px solid #800000;
}

/* ==== WINE QUIZ ==== */

.formboxgo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
background-color: #570E2F;
border: 1px solid #FFFFFF;
cursor:pointer;
}

#entry_form{
height:100px;
width:164px;
float:left;}

#results{
height:100px;
width:175px;
float:left;}

/* ==== WINE QUIZ ENTRY FORM ==== */

.form_element_label{
width: 200px;
height:20px;
float:left;
left:48px;
padding-bottom:5px;
}

.form_element{
position:relative;
width: auto;
height:20px;
float:left;
left:100px;
padding-bottom:5px;
}

.form_element_radio{
width: 400px;
height:10px;
float:left;
left:48px;
padding-bottom:5px;
}

.error {
  color: #570e2f;
}

ol{
font-family:Georgia, Times New Roman, Times, serif;
font-size:12px;
}

ol li{
margin-bottom:10px;
}


/* ==== STANDARD ==== */
.clear{
clear:both;
}