
/*
  You can modify the width of the website by changing "width" parameter with
  ".main" The minimum value is 780px.
*/
.main{width:960px; margin:0 auto; text-align:left;}

/*=========page_1===========*/
#page_1 .col_1{width:64%;}
#page_1 .mid{width:3%;}
#page_1 .col_2{width:32%;}
/*========//page_1===========*/

/*=========page_2===========*/
#page_2 .col_1{width:64%;}
#page_2 .mid{width:3%;}
#page_2 .col_2{width:32%;}
/*========//page_2===========*/

/*=========page_3===========*/
#page_3 .col_1{width:64%;}
#page_3 .mid{width:3%;}
#page_3 .col_2{width:32%;}
/*========//page_3===========*/

/*=========page_4===========*/
#page_4 .col_1{width:64%;}
#page_4 .mid{width:3%;}
#page_4 .col_2{width:32%;}
/*========//page_4===========*/

/*=========page_5===========*/
#page_5 .col_1{width:59%;}
#page_5 .mid{width:3%;}
#page_5 .col_2{width:37%;}
/*========//page_5===========*/

/*=========page_6===========*/
#page_6 .col_1{width:70%;}
#page_6 .mid{width:3%;}
#page_6 .col_2{width:27%;}
/*========//page_6===========*/













/* *{margin:0; padding:0;} */
p {
    line-height: 1.7em;
}

ul {
    line-height: 1.7em;
    margin-top: 0px;
}



/*body{background:url(images/m_bg.jpg) left top repeat-x #FBFBE1; text-align:center;}*/
body{background-color:#FBFBE1; text-align:center;}

img{border:0; text-align:left; vertical-align:top;}
/* ul{list-style:none;} */
.column{float:left;}
.clear{clear:both;}
body{font-family:Arial, helvetica, sans-serif; color:#8B6849; font-size:0.75em; line-height:1.25em;}
input, textarea, select{color:#381B10; text-align:left; border: 1px solid #D0D0D0; font-size:12px;padding:1px;}
.tar{text-align:right;}
.in5{padding-top:5px;}
.in10{padding-top:10px;}
.in15{padding-top:15px;}
.in20{padding-top:20px;}
.in25{padding-top:25px;}

.ws{width:100%;}

/*
#min_width{min-width:780px; width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 780)? "780px" : "100%");}
*/

.col_1, .col_2, .col_3, .box_1, .box_2, .box_3, .mid{float:left;}

.ln17{line-height:1.41em;}

a{color:#8B6849; text-decoration:underline;}
a:hover{text-decoration:none;}

/*=======header===========*/
#header .logo{
    width:450px;
    height:72px;
    float:left;
    padding-left: 70px;
}
/*#header .logo div{padding:3px 0 0 53px;}*/
#header .logo h1{
    text-indent:-10000px;
    background:url(images/logo.jpg) left top no-repeat;
    height: 72px;
}
#header .cont {
    width:35%;
    float:left;
    color:#7D7D52;
    padding-top:20px;
    padding-left:30px;
    text-align:right;
}

/*=====//header===========*/

/*=======menu===========*/
#menu{padding:17px 38px 0 42px;}
#menu .bt_1{width:18%; float:left;}
#menu .bt_2{width:16%; float:left; text-align:center}
#menu .bt_3{width:16%; float:left; text-align:center}
#menu .bt_4{width:16%; float:left; text-align:center}
#menu .bt_5{width:16%; float:left; text-align:center}
#menu .bt_6{width:17%; float:left; text-align:right}
#menu .bt_6 img{margin-right:12px; margin-left:2px;}

#menu .bt_1 img{margin-left:14px;}
#menu .bt_1, #menu .bt_2, #menu .bt_3, #menu .bt_4, #menu .bt_5, #menu .bt_6{padding-top:14px;}
/*=====//menu===========*/

/*=======main_block===========*/
.main_block{background:url(images/main_block_top.gif) left top repeat-x #FFE060; width:100%;}
.main_block .bot{background:url(images/main_block_bot.gif) left bottom repeat-x;}
.main_block .left{background:url(images/main_block_left.gif) left top repeat-y;}
.main_block .right{background:url(images/main_block_right.gif) right top repeat-y;}
.main_block .sp_left{background:url(images/main_block_sp_left.gif) left bottom no-repeat;}
.main_block .sp_right{background:url(images/main_block_sp_right.gif) right bottom no-repeat;}
.main_block .left_top{background:url(images/main_block_left_top.gif) left top no-repeat;}
.main_block .right_top{background:url(images/main_block_right_top.gif) right top no-repeat;}
.main_block .left_bot{background:url(images/main_block_left_bot.gif) left bottom no-repeat;}
.main_block .right_bot{background:url(images/main_block_right_bot.gif) right bottom no-repeat; padding:37px 36px 26px 36px;}
/*=====//main_block===========*/

/*=======block_1===========*/
.block_1{background:url(images/block_1_bg.jpg) left top repeat-x;}
.block_1 .left{background:url(images/block_1_left_bg.jpg) left top no-repeat;}
.block_1 .right{background:url(images/block_1_right_bg.jpg) right top no-repeat; padding:19px 29px 8px 176px;}
/*=====//block_1===========*/

/*=======block_2===========*/
.block_2{background:url(images/block_2_bg.gif) right top repeat-y #FFE97D; color:#381B10;}
.block_2 .bot{background:url(images/block_2_bg.gif) left bottom repeat-x; padding:8px 23px 3px 20px;}

.block_2 a{color:#381B10; text-decoration:underline;}
.block_2 a:hover{text-decoration:none;}
/*=====//block_2===========*/

/*=======block_3===========*/
.block_3{background:url(images/block_3_top.jpg) left top repeat-x #FFFFED; color:#381B10; width:100%;}
.block_3 .bot{background:url(images/block_3_bot.jpg) left bottom repeat-x;}
.block_3 .left{background:url(images/block_3_left.jpg) left top repeat-y;}
.block_3 .right{background:url(images/block_3_right.jpg) right top repeat-y;}
.block_3 .left_top{background:url(images/block_3_left_top.jpg) left top no-repeat;}
.block_3 .right_top{background:url(images/block_3_right_top.jpg) right top no-repeat;}
.block_3 .left_bot{background:url(images/block_3_left_bot.jpg) left bottom no-repeat;}
.block_3 .right_bot{background:url(images/block_3_right_bot.jpg) right bottom no-repeat; padding:8px 20px 48px 21px;}

.block_3 .date{color:#ED5A22; background:url(images/date.gif) left center no-repeat; padding-left:16px;}

.block_3 .list_2 li a{color:#381B10; text-decoration:none; background:url(images/list_2_pt.gif) left bottom repeat-x; line-height:2.33em;}
.block_3 .list_2 li a:hover{text-decoration:none; background:0;}

.block_3 .t1 {
    font-size: 1.2em;
    color:#ED5A22;
}
/*=====//block_3===========*/

/*=======block_4===========*/
.block_4{background:url(images/block_4_top.jpg) left top repeat-x #D4EA3F; color:#381B10; width:100%;}
.block_4 .bot{background:url(images/block_4_bot.jpg) left bottom repeat-x;}
.block_4 .left{background:url(images/block_4_left.jpg) left top repeat-y;}
.block_4 .right{background:url(images/block_4_right.jpg) right top repeat-y;}
.block_4 .left_top{background:url(images/block_4_left_top.jpg) left top no-repeat;}
.block_4 .right_top{background:url(images/block_4_right_top.jpg) right top no-repeat;}
.block_4 .left_bot{background:url(images/block_4_left_bot.jpg) left bottom no-repeat;}
.block_4 .right_bot{background:url(images/block_4_right_bot.jpg) right bottom no-repeat; padding:10px 23px 43px 20px;}
/*=====//block_4===========*/

/*=======block_5===========*/
.block_5{background:url(images/block_5_top.jpg) left top repeat-x #F1EFB3; width:100%;}
.block_5 .bot{background:url(images/block_5_bot.jpg) left bottom repeat-x;}
.block_5 .left{background:url(images/block_5_left.jpg) left top repeat-y;}
.block_5 .right{background:url(images/block_5_right.jpg) right top repeat-y;}
.block_5 .left_top{background:url(images/block_5_left_top.jpg) left top no-repeat;}
.block_5 .right_top{background:url(images/block_5_right_top.jpg) right top no-repeat;}
.block_5 .left_bot{background:url(images/block_5_left_bot.jpg) left bottom no-repeat;}
.block_5 .right_bot{background:url(images/block_5_right_bot.jpg) right bottom no-repeat; padding:19px 30px 7px 22px;}

.block_5 .list_3 li{background:url(images/list_3_arr.gif) left center no-repeat; padding-left:18px;}
.block_5 .list_3 li a{color:#381B10; text-decoration:none; background:url(images/list_3_bg.gif) left bottom repeat-x; line-height:2.33em;}
.block_5 .list_3 li a:hover{text-decoration:none;}
/*=====//block_5===========*/

/*=======content===========*/
#content{padding:0 41px 10px 40px;}

.title_1{height:27px; background:url(images/title_1_bg.jpg) left top no-repeat; padding-left:36px; margin-bottom:15px;}


.title_2{height:30px; background:url(images/title_2_bg.jpg) left top no-repeat; padding-left:30px; margin-bottom:3px; padding-top:0px;}
.title_2_no_img{height:30px;text-align:center; margin-bottom:15px; padding-top:1px;}


.title_3{height:35px; background:url(images/title_3_bg.jpg) left top no-repeat; padding-left:33px; margin-bottom:15px;}
.title_3 div{padding-top:7px; color:#000000; font-size:1.08em; font-weight:bold;}
.title_4{height:33px; background:url(images/title_4_bg.jpg) left top no-repeat; padding-left:33px; margin-bottom:15px;}
.title_4 div{padding-top:7px; color:#000000; font-size:1.08em; font-weight:bold;}

.sp_block{padding:28px 20px 28px 0; line-height:1.5em; color:#381B10;}
.sp_block .up{text-transform:uppercase;}
.sp_block i{text-transform:uppercase;}
.sp_block .size14{font-size:1.16em;}
.sp_block .size11{font-size:0.91em;}
.sp_block .size10{font-size:0.83em;}
.sp_block .size9{font-size:0.75em;}
.sp_block a{color:#FF2400; text-decoration:underline; font-size:1.08em; font-weight:bold;}
.sp_block a:hover{text-decoration:none;}

.list_1 div{padding-left:33px; height:27px;}
.list_1 a{color:#381B10; text-decoration:none; background:url(images/list_1_pt.gif) left center repeat-x; font-size:0.91em;}
.list_1 a:hover{text-decoration:none; background:0;}

.list_1 .p1{background:url(images/list_pic_1.jpg) left top no-repeat;}
.list_1 .p2{background:url(images/list_pic_2.jpg) left top no-repeat;}
.list_1 .p3{background:url(images/list_pic_3.jpg) left top no-repeat;}

.list_1 .p4{background:url(images/list_pic_4.jpg) left top no-repeat;}
.list_1 .p5{background:url(images/list_pic_5.jpg) left top no-repeat;}
.list_1 .p6{background:url(images/list_pic_6.jpg) left top no-repeat;}

.line_x{background:url(images/line_x.gif) left top repeat-x; height:1px; margin:12px 0 13px 0;}

.pic{margin-right:12px; float:left;}
/*=====//content===========*/

/*=======page_1===========*/
#page_1 .block_2 .box_1{width:53%;}
#page_1 .block_2 .box_2{width:46%;}
#page_1 .block_3 .indent{padding:15px 0 0 17px;}
#page_1 .block_3{margin-bottom:10px;}

#page_1 .block_4 .indent{padding:15px 0 0 17px;}
/*=====//page_1===========*/

/*=======page_2===========*/
#page_2 .block_3 .right_bot{padding-right:10px;}
/*=====//page_2===========*/

/*=======page_3===========*/
#page_3 .block_5 .right_bot{padding-right:25px;}
#page_3 .block_5 .pic{margin-right:10px;}

#page_3 .block_3{margin-bottom:7px;}
#page_3 .block_3 .indent{padding:15px 0 0 17px;}

#page_3 .block_4 .indent{padding:15px 0 0 20px;}
/*=====//page_3===========*/

/*=======page_4===========*/
#page_4 .block_2{margin-top:24px;}
#page_4 .block_2 .pic{margin-right:10px;}
#page_4 .block_2 .bot{padding-bottom:10px;}

#page_4 .line_x{margin:15px 0 10px 0;}

#page_4 .block_3 .right_bot{padding-right:10px;}

#page_4 .block_3 .indent{padding:15px 0 0 20px;}
/*=====//page_4===========*/

/*=======page_5===========*/
#page_5 .block_3 .indent{padding:15px 0 0 30px;}

#page_5 .block_4{margin-top:7px;}

#page_5 .block_4 .right_bot{padding-right:10px;}

#page_5 .block_4 .indent{padding:15px 0 0 40px;}
/*=====//page_5===========*/

/*=======page_6===========*/
#page_6 .pic{margin-right:20px; margin-bottom:40px;}

#page_6 .block_2{margin-top:0px; margin-bottom:5px}

#form{margin-top:15px; width:352px;}

#form .box_1{width:187px;}
#form .box_1 div{height:30px;}
#form .box_2{width:162px;}

/* #form input{width:162px; height:21px;} */
#form textarea{width:162px; height:81px; overflow:auto; margin-bottom:10px;}

#page_6 .block_2 .bot{padding-bottom:7px;}
#page_6 .block_3 .right_bot{padding-bottom:70px;}
/*=====//page_6===========*/

/*=======page_7===========*/
#page_7 .block_5 .right_bot{padding-bottom:35px; padding-right:25px; line-height:1.41em;}
#page_7 .block_5{margin-bottom:35px;}
/*=====//page_7===========*/

/*=======footer===========*/
#footer{height:46px; color:#77614C; line-height:1.16em; text-align:center;}
#footer a{color:#77614C; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

#footer span{color:#977B60; word-spacing:3px;}
#footer span a{color:#977B60; text-decoration:none; word-spacing:0px;}
#footer span a:hover{text-decoration:underline;}
/*=====//footer===========*/











































/******************************************************************************/
/* CSS ADDED BY ME                                                            */
/******************************************************************************/






/* H1 to H6 */
h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
}

h1 {
    font-family: Tahoma;
    font-size:16px;
    font-weight: bold;

    line-height: 18px;
}
h2 {
    font-family: Tahoma;
    font-size:15px;
    font-weight: bold;
}
h3 {
    font-family: Tahoma;
    font-size:13px;
    font-weight: bold;
}





/* Form elements styling */
.button {
    font-weight: bold;
    cursor: pointer;

    border: 1px solid;
    padding: 5px 10px;

    color: white;
    background-color: #F45E28;
    border-color: #DE4C19;
}

/*input, textarea, select{color:#381B10; text-align:left; border: 1px solid #D0D0D0; font-size:12px;padding:1px;}*/

.small_button {
    font-size:12px;

    cursor: pointer;

    border: 1px solid #DE4C19;
    padding: 1px;

    color: white;
    background-color: #F45E28;

    text-align: center;
}


/* Thumbnail images styling */
.thumbnail {
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
}

.div_thumbnail_large {
    text-align: center;
    margin: 15px 5px;
    padding: 0px;
    float: left;
}

.div_thumbnail {
    text-align: center;
    margin: 20px 26px;
    padding: 0px;
    float: left;
}



/* Styles for messages */
.success_message, .error_message, .warning_message, .note_message {
    font-weight: normal;

    border: 1px solid;
    padding: 20px 35px;

    background-position: 10px;
    background-repeat: no-repeat;
}
.success_message {
    background-image: url('images/accept.png');
    color: #35a502;
    background-color: #e4fcd9;
    border-color: #bffda3;
}
.error_message {
    background-image: url('images/exclamation.png');
    color: #d80303;
    background-color: #fdd9d9;
    border-color: #fba3a3;
}
.warning_message {
    background-image: url('images/error.png');
    color: #fd6002;
    background-color: #fbf0b3;
    border-color: #fbbb95;
}
.note_message {
    background-image: url('images/information.png');
    color: #026da5;
    background-color: #ddeafa;
    border-color: #a3d8fd;
}







/* Styles for admin tables (All you have to do is add the "admin" class to the table) */
table.admin {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}
.admin tr th {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #FFFFFF;
    color: #381B10;
    background: #F9D300;
}
.admin tr td {
    vertical-align: middle;
    padding: 10px 15px 10px 10px;
    border: 1px solid #FFFFFF;
    background: #FFE149;
}

.admin tr td input, .admin tr td textarea {
    width: 100%;
}

.admin tr td .button {
    width: auto;
}













/* Big font */
.big_font_paragraph {
    font-size: 17px;
    line-height: 32px;
    text-align: right;
}




/* Medium font */
.medium_font_paragraph {
    font-size: 14px;
    line-height: 22px;
    text-align: right;
}




/******************************************************************************/
/*                        DROP DOWN MENU STYLES                               */
/******************************************************************************/
ul.dropdown {
    position: relative;
    line-height: 1em;

    height: 29px; 
    margin: 0px 0px 0px 15px;
    padding: 0px;


    list-style: none;

    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
}

ul.dropdown li {
    text-align: center;
    float: left;

    background-image:url(images/menu_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;

    padding: 0px 3px;
    width:115px;
    height:29px;
}




ul.dropdown li a {
    display: block;
    padding: 8px 0px;
    color: black;
    text-decoration: none;
}


ul.dropdown li:hover {
    background-image:url(images/menu_bg_hover.jpg);
    position:relative;
}



/* The selected item on the menu */
ul.dropdown li.selected_item {
    background-image:url(images/menu_bg_hover.jpg);
}

ul.dropdown li a.selected_item {
    color: white;
}





/* Some nice font colors to throw here and there on the website */
.black_color, .black_color div h1 a {
    color: black;
}

.blue_color, .blue_color div h1 a {
    color: #1F487B;
}

.orange_color, .orange_color div h1 a {
    color: #FF6500;
}

.green_color, .green_color div h1 a {
    color: #00B400;
}

.red_color, .red_color div h1 a {
    color: #FF1A1A;
}

.transparent_color, .transparent_color div h1 a {
    color: #381B10;
}



/* Additional style to use on DIVs with colored fonts */
.bordered_div {
    background-color: white;
    padding: 10px;
    border: 1px solid #A6A6A6;
}

.transparent_bordered_div {
    background-color: #FFE060;
    padding: 5px 10px;
    border: 1px solid #FFE060;
}






/******************************************************************************/
/*                          Styles for the BIRTHDAY table                     */
/******************************************************************************/
table.birthday {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.birthday tr th {
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #A6A6A6;
    background: white;
}
.birthday tr td {
    vertical-align: middle;
    padding: 6px;
    border: 1px solid #A6A6A6;
    background: white;
}

.first_birthday_col {
    text-align: left;
    width: 10%;
}

.other_birthday_col {
    text-align: center;
}



/******************************************************************************/
/*                        Styles for the ACTIVITIES table                     */
/******************************************************************************/
table.activities {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.activities tr th {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #A6A6A6;
    background: white;
}
.activities tr td {
    text-align: center;
    vertical-align: middle;
    padding: 6px;
    border: 1px solid #A6A6A6;
    background: white;
}





/******************************************************************************/
/*                      Styles for the TESTIMONIALS table                     */
/******************************************************************************/
table.testimonials {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
}
.testimonials tr th {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding: 10px 20px;
    border: 1px solid #A6A6A6;
    background: white;
}
.testimonials tr td {
    text-align: left;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #A6A6A6;
    background: white;
}





/******************************************************************************/
/*   Classes needed for the animation (to display the proper background       */
/******************************************************************************/
.animation_td_1 {
    background-image: url('images/animated/img1.jpg');
}
.animation_td_2 {
    background-image: url('images/animated/img2.jpg');
}
.animation_td_3 {
    background-image: url('images/animated/img3.jpg');
}
.animation_td_4 {
    background-image: url('images/animated/img4.jpg');
}
.animation_td_5 {
    background-image: url('images/animated/img5.jpg');
}
/*
.animation_td_6 {
    background-image: url('images/animated/img6.jpg');
}
.animation_td_7 {
    background-image: url('images/animated/img7.jpg');
}
*/









