@import url("/modules/lightbox2/frontend.css");
@import url("/templates/violinrose-main/vr-navigation.css");

* {
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

body { font-size: 100.1%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; background-color: #fff; }

#wrap { background-image: url(img/bg.jpg); background-repeat: repeat-y; width: 818px; margin: 0 auto; }

#header { width: 800px; height: 169px; margin-left: 9px; }

#container { background-image: url(img/bg-content.gif); background-repeat: repeat-y; background-position: 140px 0; width: 800px; margin-left: 9px; padding-bottom: 16px; }

#left-col { width: 140px; float: left; }

#main-col { width: 660px; float: right; }

#footer { width: 818px; margin: 0 auto; padding-top: 8px; background-image: url(img/bg-bottom.gif); background-repeat: no-repeat; text-align: center; }

/******************************************************************************/
/*                         General styles                                           */
/******************************************************************************/

img { border: 0; }

.content { margin: 12px 24px 0 16px; font-size: .75em; }

.content p { margin-bottom: .6875em; line-height: 1.375em; }

.content img { float: left; margin: 0 12px 12px 0; }
.content img.alignright { float: right; margin: 0 0 12px 12px; border: 0; }
.content img.banner { margin: 0 0 12px 0; border: 0; }

.content table p { font-size: 100%; }

.content table td { vertical-align: top; font-size: .7em; padding-right: 12px;
}

.content table td li { font-size: 100%; margin-left: 1.35em; }

.pagetitle { font-size: .9375em; color: #84061d; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-bottom: 0.5em; }

h1, h2, h3, h4, h5, h6 { margin-bottom: 0; }
h1 { color: #84061d; font-size: 1.5em; margin-bottom: .5em; }
h2 { color: #000; font-size: 1.25em; }
h3 { color: #84061d; font-size: 1em; }
h4 { color: #000; font-size: 1em; }
h5 { color: #84061d; font-size: 100%; font-weight: normal; }
h6 { color: #000; font-size: 100%; font-weight: normal; font-style: italic; }

.content ul { margin: 0 0 .7em 1.35em; }
.content ol { margin: 0 0 .7em 1.75em; }

.content li { font-size: 100%; }

.content li ul li { font-size: 100%; }

.content li a { font-size: 100%; }

.content a, .sidebar-content a {
color: #84061d;
text-decoration: none;
}

.content a:hover, .sidebar-content a:hover {
text-decoration: underline;
}

.content hr { width: 100%; height: 1px; border-top: 1px solid #84061d; margin: .75em 0; border-bottom-width: 0; }

/* image formatting */
.content img { border: solid 1px #000; margin: 0 12px 12px 0; float: left; clear: both; }
img.right { float: right; margin: 0 0 12px 12px; clear: both; }
img.banner { float: none; margin: 0 0 12px 0; border: solid 0 #000; }
.content div { clear: both; margin-bottom: .75em; }


/*                           Home feature boxes                               */
/******************************************************************************/
.left-box, .right-box { float: left; background-image: url(img/bg-boxes.gif); background-repeat: repeat-x; width: 276px; margin-bottom: 12px; padding: 12px; border: solid 1px #f6dde2; }
.right-box { float: right; }
.news-item-short { background-image: url(img/bg-boxes.gif); background-repeat: repeat-x; /* width: 100%;*/ margin-bottom: 12px; padding: 8px 12px 0 12px; border: solid 1px #f6dde2; }
.news-item-short img { float: none; }

/*                 Lessons page with Testimonials column                      */
/******************************************************************************/
.lessons-main { width: 65%; float: left; }
.lessons-testimonials { width: 33%; float: right; }
p.quote-open { color: #84061d; margin-bottom: 0; padding: 4px 40px 0; background-image: url(img/quote-open.gif); background-repeat: no-repeat; background-position: left 0; }
p.quote-open a { color: #C07D89; font-style: italic; text-decoration: underline; }
p.quote-open a:hover { color: #84061d; }
p.quote-close { color: #84061d; margin-bottom: 2em; padding: 4px 40px 0; text-align: right; font-style: italic; background-image: url(img/quote-close.gif); background-repeat: no-repeat; background-position: right bottom; }

/*                                   sidebar                                  */
/******************************************************************************/
.left-col-content { margin-top: 32px; padding: 0 12px; }

.left-col-content p { font-size: .625em; line-height: 1.375em; margin-bottom: .5em; }
.left-col-content img { float: none; }


/*                                   contact form                             */
/******************************************************************************/
table.contact-form td { padding-bottom: 6px; }

td.td-verification { background-color: #FCFBB3; padding: 2px 4px 4px 4px; }

/*                                   captcha table                                  */
/******************************************************************************/
table.contactform_table { }
table.captcha_table td { font-size: 100%; }

/*                                   footer                                   */
/******************************************************************************/
.footer-content { }

.footer-content p { color: #858586; font-size: .65em; line-height: 1.5em; }

.footer-content a { color: #858586; text-decoration: none; }
.footer-content a:hover { text-decoration: underline; }
/*                               end footer                                   */
/******************************************************************************/

/* general */

.clear {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden; 
}
.hidden {
    display: none;
    margin: 0;
    padding: 0;
}

/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************/
/* background image to demonstrate usage of image folder */

/*h1, h2, h3, h4, h5, h6 { }

a:link, a:visited, a:focus, a:hover, a:active {}

b, strong {}
i, em {}
img {}

p {}
div {}
blockquote {}

li {}
ol {}
ul {}

table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th 	 { display: table-cell }
caption  { display: table-caption }
*/

/**************************************************************************************
 additional tags you should consider for Website Baker templates (content area)
**************************************************************************************/
/*code	 { }
address  { }
hr { } 
*/