/*----------------------------------*/
/* SUL generic stylesheet           */
/* by Tomek/Design is Central       */
/* started on: 21 Mar 2005          */
/* revised on:                      */
/*__________________________________*/
/*

- print stylesheet

+ cursor classes for selected & clickable
+ calendar
+ inherited lists reset to 1.0em
+ links
+ lists
+ events box
+ search buttons

- blockquotes as blockquotes or divs (presentation)

- headings line gaps
- images
- index lists
- thumbnails (true like)
- comments
- classes names
- classes instead of ids

*/

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
	font-family: Helvetica, Arial, sans-serif;
}

body {
	/*Universal reset on all elements and adjust 1.0em == 10px */
	font-size:62.5%;	
	text-align: center; /* IE 5.5SP2 */
	margin: 30px 0;
	background: #EEFFEE;
}

/*--- structure ----------------------------------*/

#wrapper {
	margin: 0px auto;
	width: 786px;
}

#header {
	width: 776px;	
}

#sidebar {
	float: left;
	width: 195px;
	/* clear: both; */
}

#content {
	float: right;
}

#footer {
	clear: both;
}

/*--- general colours and appearance ----------------------------------*/

#wrapper {
	background: url(bgrd.gif) 0 0 repeat-y;
	border-top: 1px solid #62CA67;
}

#header {
	position: relative;
	left: 1px;
	background: #62CA67;
}

#sidebar {
	position: relative;
	left: 5px;
	padding-left: 5px;
	text-align:right;
	padding-right: 10px !important;
}

#sidebar h2 {
	font-size: 1.4em;
	font-weight: bold;
}

.eventssearch {
	margin-bottom: 20px;
}

	#sidebar > div {
		margin-top: 15px;
	}

#content {
	padding: 10px 15px;
	width: 531px;
	text-align: left;
	margin-right: 5px;
	background: #f8f8f8;
	border-left: 1px solid #f4f4f4;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#sidebar {
	padding-left: 0px;	
}

#content {
	width: 536px;
}
/* End IE5-Mac hack */

#footer {
	padding-top: 4px;
	padding-bottom: 5px;
	background: url(footer_bgrd.gif) bottom no-repeat;
}

/*--- inherited lists reset ----------------------------------*/

p {
	font-size:1.3em;
}

li {
	font-size:1.3em;
}

blockquote {
	font-size:1.3em;
}

dd {
	font-size:1.3em;
}

dt {
	font-size:1.3em;
}

em {
	font-size: 1.0em;
	font-family: Georgia;
	font-style: italic;
}

blockquote li, blockquote p, blockquote dd, blockquote dt,
dd blockquote, dd p, dd li,
li blockquote, li dd, li dt, li li, li p,
td blockquote, td dd, td dt, td li, td p, td td
{
	font-size:1em;
}

h1 {
	font-size: 2.2em;
	line-height: 1.2em;
	border-bottom: 1px solid #62CA67;
	margin-bottom: 1.0em;
	padding-bottom: 0.3em;
}

h2 {
	font-size: 1.9em;
	line-height: 1.1em;
	border-bottom: 1px solid #62CA67;
	margin-bottom: 0.8em;
	padding-bottom: 0.3em;
}

h3 {
	font-size: 1.8em;
	line-height: 1.0em;
	border-bottom: 1px solid #62CA67;
	margin-bottom: 0.8em;
}

h4 {
	font-size: 1.7em;
	line-height: 0.9em;
	border-bottom: 1px solid #62CA67;
	margin-bottom: 0.8em;
}

h1, h2, h3, h4 {
	font-family: Georgia;
	font-weight: normal;
}

/*--- global specific elements 		background: #F0FAF0; ----------------------------------*/

a {
	border-bottom: 1px dotted #006600;
	color: #006600;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #006600;
	text-decoration: none;
}

strong {
	color: #006600;	
}

/*--- content specific elements ----------------------------------*/

#content a:hover {
	background: #f0f0f0;
}

#content p {
	padding-bottom: 1em;
	line-height: 1.4em;
}

#content li {
	padding: 0.3em 0;
	list-style: disc;
}

#content ul, #content ol {
	padding-left: 20px;
	margin-bottom: 20px;
}

/*--- blockquotes and pullquotes ----------------------------------*/

blockquote.pullquote {
	width: 50%;
	display: block;
	background: #e8e8e8 url(blkquote_bgrd.gif) top center no-repeat;
	padding: 1em;
	border-top: 0px solid #fff;
}

blockquote.primary {
	float: left;
	border-right: 1em solid #f8f8f8;
	border-left: 1px solid #e0e0e0;
}

blockquote.alternative {
	float: right;
	border-left: 1em solid #f8f8f8;
	border-right: 1px solid #fff;
}


/*--- images and thumbnails ----------------------------------*/

img {
	border-top: 0;
	border-bottom: 0;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 4px 4px 4px 3px;
	border-right: 1px solid #fff;
	border-left: 1px solid #e0e0e0;
	background: #e8e8e8 url(blkquote_bgrd.gif) top center no-repeat;    
}                 

img.primary {
	float: left;
	border-right: 1em solid #f8f8f8;
}

img.alternative {
	float: right;
	padding-left: 4px;
	border-left: 1em solid #f8f8f8;
}

/*--- index ----------------------------------*/

.index {

}

.index h1 {
	clear: both;
	border: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 0.3em;
}

.index h1:before {
    content: "> "; 
}

.index .primary {
			border: 0px solid red;
	width: 46%;
	float: left;
	padding-right: 25px;
}

.index .alternative {
			border: 0px solid red;
	float: right;
	width: 48%;
}

.index h1 a {
	font-family: Georgia;
	font-size: 0.9em;
	padding: 0;
	margin: 0;
	color: #000;
}

.index p {
			border: 0px solid red;
}

img.thumb {
	padding: 3px 3px 3px 2px;
	float: left;
	border-right: 1em solid #f8f8f8;

}

a.thumb:hover img.thumb {
	border-left: 1px solid #0b0;
	background: #0c0;
	border-right: 1em solid #f8f8f8;
}

a.thumb {

	border: 0;
	padding: 0;
	margin: 0;
}


.clear {
	clear: both;
}


/*--- header ----------------------------------*/

#header h1 {
	float: left;
	width: 207px;
	height: 90px;
	background: #fff url(/cms/front/images/logo.gif) center no-repeat !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}  

#header h1 a {
    display: block;
	width: 207px;
	height: 82px;
    text-indent: -2000px;
	text-decoration: none !important;
}    

#header h1 a:hover {
	background: none !important;
}

/*--- 1st level navigation ----------------------------------*/

#nav_1st {
	background: #62CA67 url(/cms/front/images/wine/header.gif) top left no-repeat;
	width:567px; /*567px;*/
	font-weight: bold;
	padding-top: 18px;
	padding-top: 48px;
	float:right;
}

#nav_1st ul {
	float: left;
	margin:0;
	padding-left: 15px !important;
	padding-right: 10px;
}

#nav_1st a {
	display:block;
	white-space: nowrap; /* IE req */
	color:#fff;
	float: left;
	padding: 9px 24px 6px 15px;
	background: url(black.gif) no-repeat 100% 0px;
	text-decoration:none;
	border: 0;
	text-shadow: -2px -2px #444;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_1st a {
	float:none;
}
/* End IE5-Mac hack */

#nav_1st li {
	float:left;
	background:url(black.gif) no-repeat 0px 0px;
	margin:0;
	padding:0 0 0 9px;
}

#nav_1st .selected {
	background:url(black.gif) no-repeat 0 -41px;

}

#nav_1st .selected a {
	background:url(black.gif) no-repeat 100% -41px;
	color:#000;
	text-shadow: -2px -2px #fff;

}

#nav_1st a:hover {
	color:#62CA67;
	text-decoration: underline;
}

#nav_1st .selected a:hover, #nav_1st .unclickable a:hover {
	color:#000;
	text-decoration: none;
}

#nav_1st .unclickable a:hover {
	cursor: default;
}

/*--- 2nd level navigation ----------------------------------*/


ul#nav_2nd {
	display: block;
	text-align: left;
	font-weight: bold;
	background: url(sidebar_bgrd.gif) center 100% no-repeat;
	padding-bottom: 15px;
}

ul#nav_2nd li {
	border-bottom: 4px solid #fff;
	/* necessary for IE */  
}   

ul#nav_2nd a {
	border: 0;
	display: block; 
	background: #ccc url(nav_2nd_button.gif) top left no-repeat;
	text-decoration: none;
	color: #000;
	border-left: 1px solid #bbb;
	padding: 9px 0 7px 15px;
	text-shadow: 2px 2px #eee;
}   

ul#nav_2nd a:hover {
	background-position: top right;
	border-left: 1px solid #0b0;
	text-decoration: underline;
	color: #fff;
	text-shadow: 2px 2px #008800;
}

ul#nav_2nd a.selected {
	border-left: 1px solid #00b800;
	background-position: top right;
	color: #fff;
	text-shadow: 2px 2px #008800;
}

ul#nav_2nd a.unclickable {
	cursor: default;
	text-decoration: none;
}

/*--- events ----------------------------------*/



.adlist ul, .adlist li.last {
	background: url(events_body.gif) 0px 0 repeat-y;
}

.adlist li {
	padding: 6px 18px 6px 13px;
	line-height: 1.2em;
	font-size: 1.1em;
	background: url(events_divider.gif) 0 bottom no-repeat;
}

.adlist h1 {
	display: block;
	border: 0;
	color: #006600;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	padding: 15px 0px 12px 15px;
	margin: 0;
	background: url(events_top.gif) 0 0 no-repeat;
	width: 190px;
	text-shadow: 2px 2px #f0faf0;
}

/*
.adlist li a:hover {
	background: #f0f0f0;
}
*/

.adlist {
	text-align: left;
	margin-left: 8px;
	padding-bottom: 31px;
	background: url(events_bottom.gif) 0 100% no-repeat;
}

/*--- calendar ----------------------------------*/

.calendar caption {
	margin-left: 8px;
	width: 190px;
	color: #006600;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	padding: 12px 0 10px 0;
	background: #fff url(calendar_caption.gif) top center no-repeat;	
}

.calendar caption a:hover {
	color: #f40;
}

/*\*/
html>body*.calendar caption {margin-left: 0; }
/* safari hack */

.calendar tr {
	color: #006600;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
}

.calendar tr.odd {
	background: url(calendar_white_line.gif) top center no-repeat;
}

.calendar tr.even {
	background: url(calendar_green_line.gif) top center no-repeat;
}


.calendar table {
	margin-left: 8px;
	width: 190px;
	padding: 0 5px;
	background: url(calendar_white_line.gif) 100% center repeat-y;
	font-weight: bold;   
	margin-bottom: 10px;      
}         

.calendar {
	padding-bottom: 16px; 
	background: url(calendar_bottom.gif) 8px 100% no-repeat;
}

.calendar td, .calendar th {
	text-align: right;
	padding: 3px 6px 1px 0;
	width: 20px;
}

.calendar tr.even td {
	border: 1px solid #f0faf0;
	border-left: 1px solid #F4FFF5;
	border-right: 1px solid #eee;
}

.calendar tr.odd td {
	border: 1px solid #fff;
	border-right: 1px solid #eee;
}

.calendar td.row_end, .calendar th.row_end {
	color: #888;
	border-right: 0 !important;
} 

.calendar td.event {
	border: 1px solid #eee !important;
	border-top: 1px solid #ddd !important;
	border-left: 0 !important;
	background: #eee url(sidebar_bgrd.gif) -30px top no-repeat !important;        
}

.calendar th {
	border-right: 1px solid #eee;
	text-align: center;
	padding: 4px 0 3px 0;
}

.calendar td a {
	border: 0 !important;
	color: #f40;  
}

/*--- comments ----------------------------------*/

/*
.comments li.odd {
	background: #fff;
}

.comments li.even {
	background: #f0faf0;
}
*/

.comments ul {
	padding: 0px !important;
}

.comments li {
	padding: 0px !important;
	list-style: none !important;
}


.comment {
	clear:both;
}

.comment_info {
	float:left;
	width: 29%;
}

.comment_info .author {
	font-weight:bold;
}

.comment_info .datestamp {
	font-weight:bold;
	color:#006600;
}

.comment_body {
	float: left;
	width: 70%;
}
.comment_form {
	clear:both;
}

.comment_form form, .email_form form {
	padding-top: 20px;
}

.comment_form h2, .email_form h2 {
	clear: both;
}

.comment_form input,
.email_form input,
.email_form textarea,
.comment_form textarea {
	border: 1px solid #ddd;
	padding-top: 5px;  
	height: 17px;
	width: 259px;
}

.comment_form textarea, .email_form textarea {
	height: 100px;
	font-size: 1.0em;
	overflow: hidden;
}

.comment_form input.button, .email_form input.button {
	margin-left: 250px;
	padding: 6px 10px 20px 10px;
	width: 120px;
}     


.email_form textarea {
	height: 220px;
}

.comment_form span, .email_form span {
	display: block;
	float: left;
	width: 110px;
	padding-top: 4px; 
	border: 0px solid red;
}
/*--- form elements ----------------------------------*/

select {
	padding: 1px;
	width: auto;
	font-size: 1.0em;
	margin: 0 0 2px 2px;
	border: 1px solid #ddd;
}

.inherited_searchbox input {
	margin: 5px 0 6px 0;

}

input.search_field {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #444;
	border: 0px solid #ccc;
	width: 114px;
	background: transparent;
	padding: 4px 0 2px 2px;
	margin-left: 20px;
	margin-right: 5px;

}

input.button {
	color:#fff;
	font-weight: bold;
	font-size: 1.1em;
	width: 49px;
	text-align: center;
	background: transparent url(search_button.gif) center 1px no-repeat;
	padding: 2px 0px 2px 0px;
	cursor:pointer;
}

input.button:hover {
	color: #fff;
}

.inherited_searchbox {
	text-align: left;
	width: 205px;
	margin-bottom: 20px;

}

.inherited_searchbox h1 {
	text-align: left;
	border: 0;
	padding: 0;
	color: #006600;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	margin-left: 20px;
}

.inherited_searchbox div {
	background: transparent url(search_bgrd.gif) 7px 0 no-repeat;
}


/*--- footer styles ----------------------------------*/

#footer p {
	font-size: 1.1em;
	background: #62CA67 url(footer_inbgrd.gif) top no-repeat;
	border-left: 1px solid #00b800;
	margin: 0 5px;
	padding: 10px 10px 8px 10px;
}

#footer p.primary {
	float: left;
}


#footer p.alternative {
	text-align: right;
}