/*
 *	Zen Wireframe 2.1 Business
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2005-2008 - Gregory Remington, www.mediatech.net
 * 	Some rights reserved, http://creativecommons.org/licenses/by-sa/3.0/
 */


/*******************/
/* Template Layout */
/*******************/

body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; color:#444; background-image: url(../images/masthead-background.jpg); background-repeat: repeat-x; background-position: 0 0; }

#container { top:0px; position:relative;	/* needed for css left,right,top,bottom property */ width:966px; text-align:left; padding:0px;	/* add padding for white space around background image */ background:url(../images/background.gif) 0 0 repeat; margin:0 auto; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

#header { text-align:left; height:160px; background:url(../images/background.gif) 0 0 repeat; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

#masthead { z-index:10; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

#masthead img { border-width:0px; }

/******************************/
/* Left, Right Border Columns */
/******************************/

#left-content { float:left; position:relative;	/* needed for css left,right,top,bottom property */ left:0px;	/* increase value to add more white space */ width:175px; margin-bottom:10px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

#right-content { /* shared by 2 Column Style 1 and 2 */ float:right; position:relative;	/* needed for css left,right,top,bottom property */ right:0px;	/* increase value to add more white space */ width:175px; margin-bottom:10px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

#border-content { clear:both; width:auto; background-color:#fff; border:0px solid red;	/* turn on for visual spacing aid or style */ }

/***************************************************************/
/* Content navigation bar (Breadcrumb, Print and Tip-A-Friend) */
/***************************************************************/

.content-navigation { text-align:right; width:auto; height:18px; vertical-align:bottom; padding-bottom:8px; font-weight:normal; }

.content-navigation img { margin:0; padding-left:4px; padding-top:2px; vertical-align:top; }

.content-navigation a { padding-right:4px; text-decoration:none; font-weight:normal; }

/*******************/
/* 1 Column Styles */
/*******************/

#main-content1col { position:relative;	/* needed for css left,right,top,bottom property */ left:2px; width:auto; padding:0px; margin-bottom:2px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/*******************/
/* 2 Column Style 1 */
/*******************/

#main-2column-style1 { position:relative;	/* needed for css left,right,top,bottom property */ right:0px;	/* increase value to add more white space */ float:right; width:762px; padding:0px; margin-bottom:4px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/*******************/
/* 2 Column Style 2 */
/*******************/

#main-2column-style2 { float:left; position:relative;	/* needed for css left,right,top,bottom property */ right:0px;	/* increase value to add more white space */ width:762px; padding:0px; margin-bottom:4px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/********************/
/* 2 Column Style 3 */
/********************/

#main-2column-style3 { float:left; position:relative;	/* needed for css left,right,top,bottom property */ left:0px;	/* increase value to add more white space */ width:635px; padding:0px 12px 0px 0px; margin-bottom:4px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ border-right:1px dashed #ccc; }

#right-content-style3 { float:right; position:relative;	/* needed for css left,right,top,bottom property */ right:0px;	/* increase value to add more white space */ width:300px; margin-bottom:4px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/*******************/
/* 3 Column Styles */
/*******************/ 

#wrapper { float:right; position:relative;	/* needed for css left,right,top,bottom property */ right:0px;	/* increase value to add more white space */ width:783px; margin-bottom:4px; }

#main-content3col { float:left; width:586px; padding:0px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/*****************/
/* Footer Styles */
/*****************/

#footer { clear:both; width:auto; height:30px; background-color:#000168; border:1px solid #000168;	/* use 1px to turn on as a visual spacing aid or style */ }

#footertext { text-align:center; margin-top:10px; font-size:10px; font-weight:bold; color:#fff; }

.footerlink a { font-size:10px; font-weight:bold; color:#fff; }

.footerlink a:hover { color:#fff; }

#footer2 { clear:both; padding:10px; width:744px; margin:0 auto; margin-top:8px; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

/***************************/
/* Form Elements and Links */
/***************************/

#search { z-index:1000; position:absolute; width:182px; display:block; margin-top:-42px; left:786px; }

#search input { vertical-align:middle; }

#search input.searchfield { width:136px; color:#555; font-size:11px; padding:2px; margin-left:4px; border:1px solid #ccc; }

#search input.searchimage { border:0; margin-left:-2px; }

#advsearch-link { z-index:1000; position:absolute; margin-top:-56px; left:790px; letter-spacing:-0.1px; }

#advsearch-link a { font-weight:normal; text-decoration:none; color:#fff; }

#member-links { z-index:1000; position:absolute; left:790px; margin-top:-115px; margin-right:8px; }

#member-links a { font-weight:normal; color:#fff; }

#member-links input { color:#008BCE; background-color:#fff; border:0px solid #fff; padding:0; margin:0; }

#member-links input:hover { background-color:#fff; color:#ff8700; }

#breadcrumb { float:left; }

/************************************/
/* Place Holder Divs for TemplaVoila */
/************************************/

#print,
#tipafriend,
#pdf { float:right; }

#login-box { }

#vertnav-title { }

#vertnav-menu { margin-bottom:12px; }

#content-left { }

#login-box { }

/****************************/
/* Vertical navigation menu */
/****************************/

.vertnav-header,
.vertnav-header a { padding:2px 6px; font-size:16px; font-weight:bold; color:#fff;	/*dark grey*/ /*background:url(../images/frame1.jpg) 0 0 no-repeat;*/   /* uncomment this if you want to use a background color*/ background-color:#000; border-top:2px solid #777;  /*silver*/ border-bottom:2px solid #fff;  /*white*/ }

.vertnav1 a { margin:0px; width:165px; display:block; padding:2px 5px; font-size:12px; text-decoration:none; background: #000168; color:#fff; }

.vertnav1 a:hover { color:#fff; text-decoration:none; }

.vertnav1-act a,
.vertnav1-act a:hover { margin:0px; width:165px; display:block; padding: 2px 5px; font-size:12px; font-weight:bold; text-decoration:none; background: #000168; color:#fff; }

.vertnav2 a { margin:0px; width:152px; display:block; padding:5px 5px 5px 18px; font-size:12px; text-decoration:none; background:url(../images/nav-arrow.gif) 10px 8px no-repeat; color:#000168; }

.vertnav2 a:hover { background:url(../images/nav-arrow.gif) 10px 8px no-repeat; color:#AEAEFF; text-decoration:none; }

.vertnav2-act a,
.vertnav2-act a:hover { margin:0px; width:152px; display:block; padding:5px 5px 5px 18px; font-size:12px; font-weight:bold; text-decoration:none; background:url(../images/nav-arrow-act.gif) 10px 8px no-repeat; color:#AEAEFF; }

.vertnav3 a { margin:0px; width:137px; display:block; padding:5px 5px 5px 30px; font-size:12px; text-decoration:none; background:url(../images/vbullet.gif) 20px 9px no-repeat; color:#777;	/*grey*/ }

.vertnav3 a:hover { background:url(../images/vbullet-act.gif) 20px 9px no-repeat; color:#333;	/*dark grey*/ text-decoration:none; }

.vertnav3-act a,
.vertnav3-act a:hover { margin:0px; width:137px; display:block; padding:5px 5px 5px 30px; font-size:12px; font-weight:bold; text-decoration:none; background:url(../images/vbullet-act.gif) 20px 9px no-repeat; color:#333;	/*dark grey*/ }

.vertnav4 a { margin:0px; display:block; padding:5px 5px 5px 45px; font-size:12px; text-decoration:none; width:125px; color:#777;	/*grey*/ }

.vertnav4 a:hover { background-color:#f5f5f5;  /*silver*/ color:#333;	/*dark grey*/ text-decoration:none; }

.vertnav4-act a,
.vertnav4-act a:hover { margin:0px; display:block; padding:5px 5px 5px 45px; font-size:12px; text-decoration:none; width:125px; background-color:#f5f5f5;  /*silver*/ color:#333;	/*dark grey*/ }

/***************************/
/* General element styles:*/
/***************************/

H1,
H2,
H3,
H4,
H5,
P,
TD,
UL,
OL,
BLOCKQUOTE,
INPUT,
TEXTAREA,
SELECT { font-family:arial, helvetica; color:#333; }

INPUT,
TEXTAREA { background-color:#fff; }

INPUT:hover,
TEXTAREA:hover { background-color:#f5f5f5; }

INPUT:focus,
TEXTAREA:focus { background-color:#fff; }

A { color:#008BCE; text-decoration:none; }

A:hover { color:#003399; text-decoration:underline; }

FORM { margin:0px; }

P,
TD,
UL,
OL { font-size:12px; line-height:1.4em; color:#444; margin:0px 0px 10px 0px; }

input,
textarea,
select,
textarea { font-family:arial, helvetica, sans-serif; color:#333; border:#ccc 1px solid; font-size:12px; margin:2px; }

ul { margin-left:8px; padding-left:0px; list-style-position:inside; }

label { margin:0px; }

fieldset { border:0px solid #fff }

legend { border:0px solid #fff; font-size:16px; color:#333; font-weight:bold; margin-left:-4px; }

/******************/
/* Headers, plain */
/******************/

H1 { font-size:22px; color:#CE000C; font-weight:bold; }

H2 { font-size:18px; color:#CE000C; font-weight:bold; }

H3 { font-size:16px; color:#CE000C; font-weight:bold; }

H4 { font-size:14px; color:#CE000C; font-weight:bold; }

H5 { font-size:12px; color:#CE000C; font-weight:bold; }

H6 { font-size:10px; color:#CE000C; font-weight:bold; }

H1,
H2,
H3,
H4,
H5,
H6 { margin:0 0 8px 0; padding:0; }

H6 { margin:0 0 4px 0; padding:0; }

H1.csc-firstHeader,
H2.csc-firstHeader,
H3.csc-firstHeader,
H4.csc-firstHeader,
H5.csc-firstHeader,
H6.csc-firstHeader { margin-top:0px; }

/* Headers, with link */
H1 A,
H2 A,
H3 A,
H4 A,
H5 A,
H6 A { color:#008BCE; text-decoration:none; }

H1 A:hover,
H2 A:hover,
H3 A:hover,
H4 A:hover,
H5 A:hover,
H6 A:hover { color:#003399; text-decoration:underline; }

H6 A { letter-spacing:-1px; }

/**********/
/* Images */
/**********/

/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }

DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }


.csc-textpic-caption { font-size:9px; color:#000; letter-spacing:1px; }


/* Header date */ 
P.csc-header-date { font-size:10px; color:#555; }

/***********************/
/* Page Content Frames */
/***********************/

/* Frame 1 */

DIV.csc-frame-frame1 H1,
DIV.csc-frame-frame1 H2,
DIV.csc-frame-frame1 H3,
DIV.csc-frame-frame1 H4,
DIV.csc-frame-frame1 H5 { clear:both; height:1%; background-color:#f5f5f5; color:#008BCE; padding:2px 6px; }

DIV.csc-frame-frame1 { background-color:#fff; border:0px solid #ccc; padding:2px; margin:0px 0px 12px 0px; }

DIV.csc-frame-frame1 p { color:#000; padding:0px 6px; }

/* Frame 2 */
DIV.contentframe3 H1,
DIV.contentframe3 H2,
DIV.contentframe3 H3,
DIV.contentframe3 H4,
DIV.contentframe3 H5 { clear:both; height:1%; background-color:#fff; color:#333; padding:2px 6px; }

DIV.csc-frame-frame2 { padding:0px 0px 10px 0px; background:url(../images/menu_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:12px; }

DIV.contentframe3 p { color:#000; padding:0px 6px; }

/* Frame 3 */

/* See root (pid=1) Typoscript template and page TS to add new styles */

DIV.contentframe3 H1,
DIV.contentframe3 H2,
DIV.contentframe3 H3,
DIV.contentframe3 H4,
DIV.contentframe3 H5 { clear:both; height:1%; background-color:#008BCE; clear:left; color:#fff; padding:2px 6px; }

DIV.contentframe3 { background-color:#fff; border:0px solid #ccc; padding:0px; margin:0px 0px 18px 0px; }

DIV.contentframe3 p { color:#000; padding:0px 6px; }

/* Center Mini Calendar */

DIV.center-mini-calendar { margin:0 auto; text-align:center; width:200px; }

/*************************/
/* Extension Styles */
/*************************/

.tx-felogin-pi1 .submit,
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit { padding:4px; width:130px; margin-top:8px; font-weight:bold; }

/*************************/
/* KB Content Containers */
/*************************/

.kb-container { float:left; width:100%; border:0px solid red;	/* use 1px to turn on as a visual spacing aid or style */ }

.kb-clearer { clear:both; height:2px; width:auto; }

/***********************/
/* 1column.html Styles */
/***********************/


/* 1column.html 2 Column Content Containers */

.kb2column-766-l { width:364px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb2column-766-r { width:364px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

/* 1column.html 3 Column Content Containers */

.kb-3colwrapper-766-r { width:500px; float:right; }

.kb3column-766-l { width:230px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb3column-766-r { width:230px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

/* 1column.html 4 Column Content Containers */

.kb-4colwrapper-766-l { width:360px; float:left; }

.kb-4colwrapper-766-r { width:360px; float:right; }

.kb4column-766-l { width:160px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb4column-766-r { width:160px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

/********************************/
/* 2column-style1/2.html Styles */
/********************************/


/* 2column-style1/2.html 2 Column Content Containers */

.kb2column-564-l { width:268px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb2column-564-r { width:268px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

/* 2column-style1/2.html 3 Column Content Containers */

.kb-3colwrapper-564-r { width:367px; float:right; }

.kb3column-564-l { width:170px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb3column-564-r { width:170px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

/*2column-style1/2.html 4 Column Content Containers */

.kb-4colwrapper-564-l { width:270px; float:left; }

.kb-4colwrapper-564-r { width:270px; float:right; }

.kb4column-564-l { width:120px; float:left; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }

.kb4column-564-r { width:120px; float:right; background:#fff; margin-bottom:4px; padding:0px; border-width: 0px 0px 0px 0px; border-color: red; border-style: solid; }