/* ---------------------------------------------------------------

This stylesheet is for the key rules that will apply to every page, such as font control,

color, and headings.

----------------------------------------------------------------*/





/* Default styling for the body of the document and the wrapper containing all of the elements

----------------------------------------------------------------*/



body {

margin: 0;

padding: 0;

font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;

font-size: 62.5%;

background-color: #fff;

color: #000;

}



#wrapper {

font-size: 1.2em;

}



/*-------------------------------------*/

/* Default styling for paragraphs

----------------------------------------------------------------*/

p {

font-size: 1.1em;

line-height: 180%;

}

/*-------------------------------------*/



/* Default styling for links

----------------------------------------------------------------*/



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

text-decoration: underline;

}

a:visited {

}

a:hover {

text-decoration: none;

}



/*-------------------------------------*/

/* Default styling for lists

----------------------------------------------------------------*/

ul {

margin: 0;

padding: 0;

list-style: none;

}

li {

margin: 0;

padding: 0;

}

/*-------------------------------------*/

/*-------------------------------------*/

/* Default styling for images

----------------------------------------------------------------*/

img {

border: 0;

}

/*-------------------------------------*/



/* Default styling for headings

----------------------------------------------------------------*/



h1, h2, h3, h4, h5, h6 {

}

h1 {

font-size: 2em;

font-weight: bold;

}

h2 {

font-size: 1.5em;

font-weight: bold;

}

h3 {

font-size: 1.5em;

font-weight: bold;

border-bottom: 1px solid #519677;

}

h4 {

font-size: 1.4em;

}

h5 {

font-weight: bold;

font-size: 1.5em;

line-height: 180%;

}

h6 {

font-size: 1.1em;

text-decoration: underline;

}

/*-------------------------------------*/

.clearright {

clear: right;

}

.clearleft {

clear: left;

}

.clearboth {

clear: both;

}



/* Elements which are stated "__In" are an extension of it's parent element - it centers the content 

within it's parent element which would otherwise extend to the end of a browser window of any size */



/* This div defines styles for the layout as a whole */

#wrapper {

}



/* Centering Element */

.contentIn {

width: 980px;

margin: 0px auto 0px auto;

}

/*-------------------------------------*/



/*-------------------------------------*/

/* This section defines the header containing the logo and slogan */

#header {

height: 320px;

}

#headerIn {

width: 960px;

margin: 0px auto 0px auto;

background: transparent url(../../images/bg_headerIn.jpg) top left no-repeat;

height: 230px;

}

#logo {

float: left; /* Positions the logo */

}

#contact {

float: right; /* Positions the contact button */

text-align: right;

position: absolute;

top: 35px;

right: 20px;

}

#newslettersignup { /* Defines the style and position of the newsletter sign up top bar of the header */

padding-top: 2px;

float: right;

font-size: 1.1em;

text-align: right;

}



#newsletter {

}

#newsletter #s {

border: 1px solid #9f92c2;

height: 14px;

}

#newsletter #submit {

height: 20px;

}



#navigationbar {

clear: both;

background: #652f64 url(../../images/bgnavigationbar.gif) top left repeat-x;

height: 68px;

}

.navigationtabs {

position: relative;

top: 46px;

}

#navbar_subscribe {

float: right;

width: 190px;

}



/*-------------------------------------*/





/* Navigation Bar */

.navigationtabs li {

display: inline;

}



.navigationtabs a:link, .navigationtabs a:visited, .navigationtabs a:hover, .navigationtabs a:active {

background: #b5d2d7 url(../../images/bgtab.gif) top left repeat-x;

height: 30px;

padding: 6px 8px 6px 8px;

margin-right: -2px;

color: #42013e;

font-size: 12px;

text-decoration: none;

}

.navigationtabs a:hover {

background: #fff;

border-top: 3px solid #d0eeee;

}





/*-------------------------------------*/

.sidebar { /* Positions the sidebar */

float: left;

width: 290px;

}

.main { /* Defines the main content area */

float: right;

width: 650px;

overflow: hidden;

}

.main_home {

float: right;

width: 650px;

overflow: hidden;

}



/* Positions and styles for the site footer */

#footer { 

clear: both;

height: 80px;

margin-top: 30px;

color: #000;

}

#footer_left {

width: 250px;

float: left;

}

#footer_right {

width: 600px;

float: right;

text-align: right;

}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {

color: #000;

text-decoration: none;

padding: 4px 14px 4px 0px;

}

#footer a:hover {

text-decoration: underline;

}

/*-------------------------------------*/

/* The top box on the sidebars which features a quote, quiz, or photo */

.sidebarTop {

border: 8px solid #ccc;

background: #fff;

padding: 8px 6px 8px 6px;

color: #000;

text-align: center;

}

/* The top box on the homepage sidebar which features "Letter from Robin" */

.sidebarTop_home {

border: 8px solid #ccc;

background: #fff;

height: 150px;

}

/* Quiz Styles */

.sidebarTop_quiz {

border: 8px solid #ccc;

background: #fff;

padding: 8px 3px 8px 3px;

color: #000;

}

.robinsadvice {

font-size: 1.1em;

font-weight: bold;

padding-bottom: 12px;

}

/* Quote styles */

.sidebarTop_quotes {

border: 8px solid #ccc;

background: #ffffff;

padding: 8px 3px 8px 3px;

color: #000;

}

/* General sidebar links */

.sidebarbox {

background: #fff;

height: 88px;

margin-top: 16px;

}



.quote {

font-size: 1.1em;

line-height: 120%;

}

/*-------------------------------------*/



.disclaimer {

line-height: auto;

font-size: 0.9em;

}



/* Styles for the Multimedia Page

------------------------------------ */

.movie_container {

background: transparent url(../../images/icon_movie.gif) top left no-repeat;

height: 50px;

margin-top: 10px;

}



.movie_container a:link, .movie_container a:visited, .movie_container a:hover, .movie_container a:active {

font-size: 1.6em;

color: #000;

text-decoration: none;

padding-left: 40px;

line-height: 180%;

}

.movie_container a:hover {

text-decoration: underline;

color: #000;

}

.movie_container p {

padding: 0;

margin: 0;

padding-left: 40px;

line-height: 120%;

}



.movie {

background: #fff url(../../images/bg_movie.gif) top left repeat-x;

border: 3px solid #ccc;

padding: 20px 20px 20px 20px;

width: 425px;

}



.blog_container {

background: transparent url(../../images/icon_blog.gif) top left no-repeat;

height: 50px;

margin-top: 10px;

}



.blog_container a:link, .blog_container a:visited, .blog_container a:hover, .blog_container a:active {

font-size: 1.6em;

color: #000;

text-decoration: none;

padding-left: 40px;

line-height: 180%;

}

.blog_container a:hover {

text-decoration: underline;

color: #000;

}



.audio_container {

background: transparent url(../../images/icon_audio.gif) top left no-repeat;

height: 50px;

margin-top: 10px;

}



.audio_container a:link, .audio_container a:visited, .audio_container a:hover, .audio_container a:active {

font-size: 1.6em;

color: #000;

text-decoration: none;

padding-left: 40px;

line-height: 180%;

}

.audio_container a:hover {

text-decoration: underline;

color: #000;

}



/* Styles for the Popup Testimonials

------------------------------------ */



.handcursor{

cursor:pointer;

}



.switchgroup1 {

font-size: 1.2em;

line-height: 140%;

}



.quotes {

font-size: 1.4em;

font-weight: bold;

text-align: center;

}

.testimonial_container {

float: left;

margin: 0px 30px 0px 30px;

border: 4px solid #f0f3f3;

padding: 2px 2px 0px 2px;

background: #fff;

}

.testimonial_container_spacer {

float: left;

width: 68px;

height: 100px;

padding: 2px 2px 0px 2px;

margin: 0px 30px 0px 30px;

}

.testimonial_container p {

text-align: center;

margin: 0;

padding: 0;

font-weight: bold;

}

.testimonial_container img {

}

.testimonial_popup img {

float: left;

padding: 10px 20px 10px 10px;

width: 78px;

}

.testimonial_popup p {

}





.review_container {

float: left;

margin: 0px 35px 0px 35px;

padding: 2px 2px 0px 2px;

}

.review_container p {

text-align: center;

margin: 0;

padding: 0;

}

.review_container img {

}

.review_popup img {

float: left;

padding: 10px 20px 10px 10px;

width: 78px;

}

.review_popup p {

text-align: center;

}



/* Styles for the Gatherings Page

------------------------------------ */



.gathering_container img {

float: left;

margin-right: 20px;

border: 10px solid #ccc;

}

.gatherings ul li a {

float: left;

vertical-align: top;

font-size: 1.5em;

}



.gathering_container {

clear:left;

background: #fff;

border: 1px solid #fff;

}

.gathering_container img {

float: left;

margin: 10px 10px 10px 10px;

}

.gathering_container_descrip {

padding: 5px 0px 0px 20px;

}

.gathering_container_descrip h2 {

color: #396f87;

}

.gathering_container img {

float: left;

margin-right: 20px;

border: 10px solid #ccc;

}

.gatherings ul li a {

float: left;

vertical-align: top;

font-size: 1.5em;

}







/* Styles for Images

------------------------------------ */



.frame { /* Adds a thick light grey border */

border: 12px solid #f0f3f3;

margin: 8px 10px 5px 10px;

}

.frameright { /* Floats the image to the right and adds a thick light grey border */

border: 12px solid #f0f3f3;

float: right;

margin: 8px 10px 5px 10px;

}

.banner { /* Adds a thick light grey border */

border: 10px solid #f0f3f3;

}





/* Styles for the Articles Page

------------------------------------ */

.article_container img {

float: left;

margin-right: 20px;

border: 10px solid #f0f3f3;

}

.article_container {

clear:left;

background: #fff;

border: 1px solid #fff;

}

.article_container img {

float: left;

margin: 10px 10px 10px 10px;

}

.article_container_descrip {

padding: 5px 0px 0px 20px;

}

.article_container_descrip h2 {

color: #000;

}

/* ------------------------------------ */



/* Styles for the BookStore

------------------------------------ */

.product_container {

clear:left;

background: #fff;

height: 250px;

margin-bottom: 40px;

padding-bottom: 20px;

border-bottom: 1px solid #bbd6db;

}

.product_container img {

float: left;

margin: 10px 10px 10px 10px;

}

.product_container_descrip {

padding: 5px 0px 0px 20px;

}

.product_container_descrip h2 {

color: #000;

}

.product_container table {

font-size: 1.2em;

}

.product_container table img {

border: 0px;

}



.button, .button a:link, .button a:visited, .button a:hover, .button a:active {

text-decoration: none;

padding: 3px 5px 3px 5px;

border: 1px solid #ccc;

}



.button a:hover {

background-color: #333;

}



.book_sidebar {

border: 1px solid #ccc;

text-align: center;

padding: 10px 8px 5px 8px;

margin: 10px 0px 10px 0px;

}



/* ------------------------------------ */



.spacer {

height: 160px;  /* Adds vertical space when needed */

}













a.roll:link {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #396f87;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll:visited {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll:hover {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll:active {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}






a.roll1:link {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #396f87;
	text-decoration: underline;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll1:visited {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll1:hover {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
a.roll1:active {
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}



.heading{
	font-family: "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size: 18px;
	color: #396f87;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}