@import "core.css";

img, form, h1, h2, h3, h4, h5, h6, p, body {border: 0; padding: 0; margin: 0}

/* set background to white and set the default font style. */
body {background-image: url('../images/bg.png'); background-color: #ebe8f0; background-repeat: repeat-y; background-position: center; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 10px}

/*

color scheme
------------

main color: #630063
sub color: #E0CCE0

*/


/*////////////////////		General		////////////////////*/

#main {margin: auto; width: 972px; border: 1px solid #5c5c5c}

#header {width: 972px; height: 123px; clear: both; background-image: url('../images/header.jpg')}
#menu1 {width: 972px; height: 19px; clear: both; border-top: 1px solid #3c5b59; border-bottom: 1px solid #FFFFFF; background-color: #7d8a98}
.mattblackmenu {width: 972px; border-top: 1px solid #3c5b59; border-bottom: 1px solid #3c5b59; background-color: #7d8a98; margin-top:1px; clear: both; height:25px}
#menu2 {width: 972px; border-top: 1px solid #3c5b59; border-bottom: 1px solid #3c5b59; background-color: #335a5a; margin-top:1px; clear: both;height:19px}
#menuadmin {width: 972px; height: 25px; clear: both; border-top: 1px solid #3c5b59; border-bottom: 1px solid #FFFFFF; background-color: #7d8a98;
max-width: 972px;
margin:auto;
padding:0;}

#content {float: left; width: 972px; padding: 0}

#food_diary {}
#food_diary h1 {margin-top:4px;}

.left {float: left; width: 350px; padding:0}
.right {float: left; width: 602px; }
.right1 { float:left; width: 250px; margin: 10px 10px 0 0; }
.right2 { float:left; width:337px; margin: 10px 0 0 0; }
.right3 { float:left; width:337px; margin: 10px 0 0 0; }
.online_shop { margin: 0px 0 5px 0;  }
.member_join { margin: 0 0 5px 0; }
.member_log { background:url(../images/members_login_bgrd.jpg) no-repeat; height: 52px; padding: 30px 0 0 15px; margin: 0 0 5px 0 }
.loginpre { background:url(../images/logprebrgd2.png) no-repeat; height: 67px; width:200px; padding: 6px; margin: 10px 0 0 0; float:right }
.loginpre_thin { height: 14px; width:960px; padding: 4px 10px 6px 2px; margin: 0; float:left; text-align:right }
.bottom_border {border-bottom: 1px solid #AF9DA8;}
.shop_cats { margin:0; padding: 8px; border: 1px solid #ececec; float:left; width:930px; clear:both; display:block; height:auto;}
.shopcatboxes { border: 1px dotted #999999; float:left; width:174px; text-align:center; margin: 17px; padding:10px }
.shop_cat_ind { width: 200px; float:left }
.shop_cat_ind p { margin:0; padding:0 }
.shopcatboxes img { margin:5px; padding:0 }
.shopcatboxes p { margin:0; padding:0 }


.searchbox { border:1px dashed #999999; padding: 2px; background-color:#fafafa }


.goal_bgrd { background:url(../images/goal_bgrd.png) no-repeat; width:339px; margin: 10px 0 0 0; float:left; color:#FFFFFF }

.rec_week { width:250px }
.latest_news { width:338px  }
.news_item { float:left; width: 318px; border-bottom: 1px dashed #CCCCCC}
.news_item_narrow { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0}
.news_item_wide { float:left; width: 930px; border-bottom: 1px dashed #CCCCCC; clear:both}


.health_narrow { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow img { float:left; margin: 0 8px 8px 0}

.health_narrow71 { float:left; width: 226px; margin: 0 14px 0 0px}
.health_narrow71 img { float:left; margin: 0 8px 8px 0}

.health_narrow79 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow79 img { float:left; margin: 0 8px 8px 0}

.health_narrow80 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow80 img { float:left; margin: 0 8px 8px 0}

.health_narrow81 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow81 img { float:left; margin: 0 8px 8px 0}

.health_narrow82 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow82 img { float:left; margin: 0 8px 8px 0}

.health_narrow83 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow83 img { float:left; margin: 0 8px 8px 0}

.health_narrow84 { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.health_narrow84 img { float:left; margin: 0 8px 8px 0}



.mens_health_narrow { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}
.womens_health_narrow { float:left; width: 260px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px}

.teen_health_narrow { float:left; width: 250px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0px; background-color:#eff1f2;}
.mens_products { float:left; width: 250px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0; background-color:#E7E2E5;}
.womens_products { float:left; width: 250px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0; background-color:#E7F2FA;}
.teen_products { float:left; width: 250px; border-bottom: 1px dashed #CCCCCC; margin: 0 56px 0 0; background-color:#eff1f2;}

#footer {width: 972px; height:20px; clear: both; background-color: #b1cbe5}
#subfooter {width: 972px; clear: both; padding: 5px 5px 0 5px;}

.reg_table { border: 1px dotted #999999; background-color:#fdfdfd }

.front_boxes p { color:#FFFFFF }
.basket_table td { margin: 0; padding:5px }
.basket_table th { margin: 0; padding:5px }
.basket_table input { margin: 0; padding:2px }
.basket_table p { margin:0; padding:0px }

.members_box { margin: 0 10px 0 0; float:left }
.shop_box { margin: 0 10px 0 0; float:left }
.nutrition_box { margin: 0 10px 0 0; float:left }
.exercise_box { margin: 0 10px 0 0; float:left }
.food_diary { margin: 0 10px 0 0; float:left }
.personal_goals { margin: 0 10px 0 0; float:left }
.activities { margin: 0 10px 0 0; float:left }
.womens_health { margin: 0 10px 0 0; float:left }
.mens_health { margin: 0 10px 0 0; float:left }
.healthy_living { margin: 0 10px 0 0; float:left }
.teen_health { margin: 0 10px 0 0; float:left }

.shop_prod { width:440px; float:left; margin: 10px 10px 0 10px; padding:0px }
.shop_prod_wide { width:920px; float:left; margin: 10px; padding:0px }

.bmigraph0 { background:url(../images/bmi_graph0.gif) no-repeat; width:280px; height:280px }
.bmigraph1 { background:url(../images/bmi_graph1.gif) no-repeat; width:280px; height:280px }
.bmigraph2 { background:url(../images/bmi_graph2.gif) no-repeat; width:280px; height:280px }
.bmigraph3 { background:url(../images/bmi_graph3.gif) no-repeat; width:280px; height:280px }
.bmigraph4 { background:url(../images/bmi_graph4.gif) no-repeat; width:280px; height:280px }
.bmigraph5 { background:url(../images/bmi_graph5.gif) no-repeat; width:280px; height:280px }
.bmigraph6 { background:url(../images/bmi_graph6.gif) no-repeat; width:280px; height:280px }
.bmigraph7 { background:url(../images/bmi_graph7.gif) no-repeat; width:280px; height:280px }
.bmigraph8 { background:url(../images/bmi_graph.gif) no-repeat; width:280px; height:280px }

.imgnorm { padding:0px; margin:0px}

input {border: 0; border: 1px solid #999; font-size:8pt; font-family: Arial, Helvetica, sans-serif}

.profile { width: 230px }

textarea {border: 0; border: 1px solid #999; font-size:9pt; font-family: Arial, Helvetica, sans-serif}
select {border: 0; border: 1px solid #999; font-size:8pt; font-family: Arial, Helvetica, sans-serif}

.noborder { border:0 }

.button { border:1px solid #ccc; border-right:1px solid #808080; border-bottom:1px solid #000; font-size:8pt; padding: 0px 2px 0px 2px; height: 20px }
.basket { background:url('../images/trash_can2.gif'); width:20px; height:23px; border:0; margin:0; padding: 0; cursor:pointer  }

.eff1f2 { background-color:#eff1f2; border: 1px dashed #808080 }

.price { font-size:12pt; font-weight:bold }
.pre_price { font-size:10pt; font-weight:bold }
.buybut { margin:0; border:0; padding:0; width:55px; height:18px; background:url(../images/buy_button.png) no-repeat; cursor:pointer; }

.back_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url(../images/back_but.gif) no-repeat; cursor:pointer; }
.proceed_but { margin:0; border:0; padding:0; width:55px; height:18px; background:url(../images/proceed_but.gif) no-repeat; cursor:pointer; }

.buybox { float:left; margin:0; border-top:1px dashed #CCCCCC; clear:both; width:430px; padding: 5px 5px 0 5px }
.buybox_wide { float:left; margin:0; border-top:1px dashed #CCCCCC; clear:both; width:920px; padding: 5px }

.user_table { border: 1px dotted #999999; background-color: #ebeefc; font-size: 11pt }
.member_type_table { border: 1px dotted #999999; background-color: #f0ffeb }
.box_text_style { border: 1px dotted #999999; background-color: #ebf6ff; padding:10px; margin-bottom:10px; margin-right:10px; }

/*////////////////////		Text		////////////////////*/

h1 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #000000; margin: 0 0 10px 0; letter-spacing: 0px }
h2 {font-weight: normal; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #fff; padding: 5px; border-bottom: 1px solid #000; background-color: #004811}

.goal_bgrd h1 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 8px 0 7px 10px; letter-spacing: 0px; border-bottom:1px solid #FFFFFF }
.goal_bgrd h2 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; padding: 3px 0 3px 10px; letter-spacing: 0px; border-bottom:1px solid #FFFFFF; background-color:#7594a0 }

.rec_week h2 {background:url(../images/rec_bgrd.gif) no-repeat; width:250px; height:18px; margin:0; padding:2px 0 0 10px; border:0; font-size:9pt; font-weight:bold }

.exercise_preview h2 { background:url(../images/lat_news_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#000000; font-size:9pt; font-weight:bold }

.latest_news h2 { background:url(../images/lat_news_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#000000; font-size:9pt; font-weight:bold }
.contentbox h2 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000000; padding: 5px; border-bottom: 1px solid #000; background-color: #efefef}

.shop_prod h2 {font-weight: bold; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; color: #333333; padding: 0 0 5px 0px; border-bottom: 1px solid #999999; background-color: #ffffff; margin-bottom: 5px}

.reg_table h2 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #33595a; padding: 5px; border-bottom: 1px dotted #33595a; background-color:#fdfdfd; letter-spacing:-0.5pt}

h3 {font-weight: bold; font-size: small; font-family: Arial, Helvetica, sans-serif; color: #000; margin-bottom: 5px}
.rec_week h3 {font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 1px 0}
.exercise_preview h3 {font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 1px 0}
.latest_news h3 {font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000}
.latest_news_wide h3 {background:url(../images/news_item_wide_h3.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.news_item_wide h3 {background:url(../images/news_item_wide_h3.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}


.health_wide79 h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow79 h4 {background:url(../images/rec_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }

.health_wide80 h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow80 h4 {background:url(../images/rec_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }

.health_wide81 h3 {background:url(../images/long_red_h3.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow81 h4 {background:url(../images/brown_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }

.health_wide82 h3 {background:url(../images/long_blue_h3_bgrd.jpg) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow82 h4 {background:url(../images/blue_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#000; font-size:9pt; font-weight:bold }

.health_wide83 h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow83 h4 {background:url(../images/rec_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }

.health_wide84 h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}
.health_narrow84 h4 {background:url(../images/rec_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }

.health_wide h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}

.bmi_results_wide h3 {background:url(../images/long_turquoise_h3_bgrd.gif) no-repeat; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; height:18px; padding:2px 0 0 10px; margin: 0 0 8px 0}

h4 {background:url(../images/rec_bgrd.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#FFFFFF; font-size:9pt; font-weight:bold }


.teen_health_narrow h4 {background:url(../images/blue_bgrd_2.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#643F4D; font-size:9pt; font-weight:bold }
.teen_products h4 {background:url(../images/blue_bgrd_2.gif) no-repeat; height:18px; margin:0; padding:2px 0 0 10px; border:0; color:#643F4D; font-size:9pt; font-weight:bold }
h5 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #335a5a; background-color:#CCCCCC; padding: 1px 0 0 5px; margin-bottom: 10px}
h6 {font-weight: bold; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #222222}
.latest_news h6 {font-weight: bold; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; color: #643F4D}

.member_type_table h6 {font-weight: bold; font-size: medium; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 0; letter-spacing:-0.5pt}

.h3admin { font-size: 11pt; margin-bottom: 8px; color:#444444; border-bottom: 1px dashed #999999 }
p {font-size: 10pt; font-family: Arial, Helvetica, sans-serif;  margin: 0 0 10px 0}

#subfooter p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif;  margin: 0 0 10px 0}
.exercise_preview p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0}
.loginpre_thin p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #333333; margin: 0}
.rec_week p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0}
.news_item p {font-size: 9pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0}
.loginpre p {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0}
table {font-size: 8pt; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0; padding:0}
.grey_box { background-color: #FAFAFA; border: 1px dotted #999999; padding: 12px; width: 280px; height: 200px }

ol { font-size:9pt; font-weight:bold; }
li { font-weight:normal; font-size: 9pt; }

legend { font-size:8pt; font-weight:normal; }

.style1 { color: #339900}
.style2 {color: #0000FF}
.style3 {color: #FF0000}
.style4 {color: #FF00FF}
.style5 {color: #FF6600}

.style1bgrd {background-color: #339900}
.style2bgrd {background-color: #0000FF}
.style3bgrd {background-color: #FF0000}
.style4bgrd {background-color: #FF00FF}
.style5bgrd {background-color: #FF6600}

.bold { font-weight:bold }

.whitetext { color:#FFFFFF; font-size:medium; }

.nopadding { margin:0; padding:0; }

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

.rec_week img { float:left; margin: 0 8px 8px 0 }
.exercise_preview img { float:left; margin: 0 8px 8px 0 }
.latest_news img { float:left; margin: 0 8px 8px 0 }


/*////////////////////		Linkology		////////////////////*/

a:link, a:visited {text-decoration: none; color: #1260a2; cursor:pointer}
a:hover {text-decoration: underline; color: #1260a2}
a:active {text-decoration: none; color: #1260a2}

.whitetext a:link, .whitetext a:visited {text-decoration: none; font-weight:bold; color: #FFFFFF; cursor:pointer}
.whitetext a:hover {text-decoration: underline; color: #FFFFFF}
.whitetext a:active {text-decoration: none; color: #FFFFFF}

a .rec_week:link, a .rec_week:visited {text-decoration: none; color: #666}
a .rec_week:hover {text-decoration: underline; color: #fff}
a .rec_week:active {text-decoration: none; color: #fff}

.loginpre_thin a:link, .loginpre_thin a:visited {text-decoration: none; color: #777777}
.loginpre_thin a:hover {text-decoration: underline; color: #1260a2}
.loginpre_thin a:active {text-decoration: none; color: #1260a2}

a .front_boxes:link, a .front_boxes:visited {text-decoration: none; color: #fff}
a .front_boxes:hover {text-decoration: none; color: #fff}
a .front_boxes:active {text-decoration: none; color: #fff}

.news_item_narrow h4 a:link, .news_item_narrow h4 a:visited {text-decoration: none; color: #fff}
.news_item_narrow h4 a:hover {text-decoration: underline; color: #fff}
.news_item_narrow h4 a:active {text-decoration: none; color: #fff}

.cookbook a:link, .cookbook a:visited {text-decoration: none; color: #fff}
.cookbook a:hover {text-decoration: underline; color: #fff}
.cookbook a:active {text-decoration: none; color: #fff}

th { text-align:left; background-color:#ebebeb; border-bottom: 1px solid #CCCCCC }

.shoppinglist th { text-align:left; background-color:#c0cdce; border-bottom: 1px solid #345A5B; border-top: 1px solid #345A5B; color:#345A5B; }
.addshoppinglist th { text-align:left; background-color:#c2e1fb; border-bottom: 1px solid #3775a8; border-top: 1px solid #3775a8; color:#3775a8; }

.orangebutton { background:url(../images/button_blank_orange.gif); background-repeat:no-repeat; width:154px; height:26px; padding:0 0 4px 0; margin:0; border:none; font-family:'Tahoma'; font-size:11px; font-weight:bold; color:#345A5B; cursor:pointer}
.greenbutton { background:url(../images/button_blank_green.gif); background-repeat:no-repeat; width:154px; height:26px; margin:0; border:none; font-family:'Tahoma'; font-size:11px; font-weight:bold; color:#345A5B; margin:0; padding:0 0 4px 0; cursor:pointer}
.bluebutton { background:url(../images/button_blank_blue.gif); background-repeat:no-repeat; width:154px; height:26px; padding:0 0 4px 0; margin:0; border:none; font-family:'Tahoma'; font-size:11px; font-weight:bold; color:#345A5B; cursor:pointer}
.printbutton { background:url(../images/print_blue.gif); background-repeat:no-repeat; width:154px; height:26px; padding:0 0 4px 0; margin:0; border:none; font-family:'Tahoma'; font-size:11px; font-weight:bold; color:#345A5B; cursor:pointer}



.del { background:url('../images/minus_icon.png'); width:15px; height:15px; border:0; margin:0; padding: 0; cursor:pointer }

.tick { background:url('../adminmanager09/images/green_tick.gif'); width:16px; height:15px; border:0; margin:0; padding: 0; cursor:pointer; }
.cross { background:url('../adminmanager09/images/red_cross.gif'); width:16px; height:16px; border:0; margin:0; padding: 0; cursor:pointer; }
.logbutton { background:url('../images/logbut.png'); width:55px; height:14px; border:0; margin:0; padding: 0; cursor:pointer; }
.submitbutton { background:url('../images/submit_but.gif'); width:55px; height:14px; border:0; margin:0; padding: 0; cursor:pointer; }

/* slider */

#test {
	background: #FFFFFF;
	color: #000;
	padding: 10px;
	margin: 20px;
	border: 1px solid #999999;
}
 
#test2 {
	background: #FFFFFF;
	color: #000;
	padding: 10px;
	margin: 20px;
	border: 1px solid #999999;
}

/* accordion */

.toggler {
	color: #643F4D;
	margin: 0;
	padding: 2px 5px;
	background: #cec5c7;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	font-family: 'Andale Mono', sans-serif;
}
 
.element ul {
	color:#000000;
	font-size:8pt;
	font-family: Arial, Helvetica, sans-serif;
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #1866ae;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #b4d6f0; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
color: #fff;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #1866ae; /*Brown color theme*/ 
border-color: #1866ae; /*Brown color theme*/ 
color: #fff;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}