@charset "UTF-8";
/* CSS Document for Chrissare.com by Creative Interactive 2008*/

body, html {
background-color:#2896a3;
margin:0px;
font: Arial, Helvetica, sans-serif;
width:100%;
height:100%;
}

#container {
width:100%;
height:100%;
}

#outershell {
width:990px;
background:url(../images/img_bg.gif) repeat-y;
}

#innershell {
width:916px;
background-color:#FFF;
border-bottom: 3px solid #fff;
}

/* header area */

#top_edge {
background-color:#003466;
width:910px;
height:23px;
margin:0px 3px 3px 3px;
}

#top_edge_slogan {
float: left;
color:#38b4c0;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
font-size:12px;
padding:5px 0px 0px 26px;
font-weight:bold;
}
#top_left_about {
float: right;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
font-size:12px;
padding:5px 5px 0px 26px;
font-weight:bold;
}
#top_left_about a{
color:#FFFFFF;
text-decoration:none;
}
#header {
width:910px;
height:118px;
background:url(../images/img_header_bg.gif) repeat-x;
margin:0px 3px 0px 3px;
}

#hdr_logo {
float:left;
padding-left:43px;
}

#hdr_banner {
float:right;
padding: 0px 0px;
}

#nav_upper_right {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
float:right;
padding:7px 9px;
}

#nav_upper_right a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
text-transform:uppercase;
text-decoration:none;
}

#nav_upper_right a:hover {
text-decoration:underline;
}

.nav_divider {
padding: 0px 14px 0px 14px;
}

/*welcome message */

#welcome {
float:left;
width:385px;
height:400px;
margin-bottom:0px;
background:url(../images/welcome.gif) no-repeat;
margin-right:0px;
}

#wel_intro {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #003466;
text-align:left;
text-indent:3px;
padding:0px 7px 0px 20px;
}

#wel_text {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#000;
font-style: normal;
padding:5px 25px 0px 22px;
text-align:left;
}

#wel_sign {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
color:#000;
font-style: italic;
padding:20px 50px 0px 0px;;
text-align:right;
}

/*splash area */


#splash_home{
margin:3px 3px 0px 3px;
width:910px;
height:445px !important;
height:412px
}

#splash_sub{
margin:0px 0px 0px 2px;
border:0px;
padding-top:0px;
width:636px;
float:left;
}

#splash_presskit{
padding:10px 0px 0px 130px;
width:660px;
float:left;
}

.splash_sub_hdr {
font-size:18px;
color:#0165a1;
font-weight:bold;
padding:6px 0px 6px 0px;
}

.splash_sub_text{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
margin:0px 0px 10px 12px;
}

.splash_sub_text a{
color:#004d75;
text-decoration:underline;
}

.splash_sub_text a:hover{
color:#2896a3;
text-decoration:none;
}

#splash_home_img {
margin-right:3px;
float:left;
}

#splash_home_img-right {
margin-left:3px;
float:right;
}

#splash_sub_img {
padding:0px 12px 10px 1px !important;
padding:0px 12px 10px 0px;
float:left;
}

#splash_home_greet {
float:left;
margin-right:3px;
}


#splash_col_right {
float:right;
}

#splash_sub_col_right {
float:right;
margin-left:10px;
margin-right:3px;
}

.splash_col_right_box {
margin-bottom:8px;
}

#loginBox {
width:246px;
height:115px;
margin-bottom:8px;
background:url(../images/img_loginbox.gif) no-repeat;
}

#loginfields {
position:relative;
padding:33px 20px;

}




/* Sections Box area */

#sectionContainer {
width:696px;
height:auto;
float:left;
margin-left:3px;
}

#sectionContainer_sub {
width:640px;
height:auto;
float:left;
margin-left:3px;
}


.sectionDividerFull {
border-bottom:dotted #8acdd3;
margin:0px 0px 10px;
width:872px;
height:1px;
position:inherit;
font-size:1px;
}

.sectionDividerHalf {
border-bottom:dotted #8acdd3;
width:684px;
height:1px;
font-size:1px;
position:inherit;
margin:10px 0px 10px;
float:left;
}

.sectionDivider_sub {
border-bottom:dotted #8acdd3;
width:640px;
height:1px;
font-size:1px;
position:inherit;
margin:10px 0px 10px;
float:left;
}

#sectionBox1 {
width:340px;
height:auto;
border-right:dotted #8acdd3;
float:left;
}

#sectionBox2 {
width:340px;
height:auto;
float:left;
padding-left:12px;

}

#sectionBox3 {
width:340px;
height:auto;
border-right:dotted #8acdd3;
float:left;
}

#sectionBox4 {
width:340px;
height:auto;
float:left;
padding-left:12px;
}

#sectionBox4 p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:0 15px 0 15px;
}

.sectionBoxHdr {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#0165a1;
font-weight:bold;
padding-left:15px;
line-height:110%;
}

.sectionBoxTxt {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#009cc3;
padding:8px 0px 0px 15px;
line-height:120%;
font-weight:bold;
}

.sectionBoxTips {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:8px 15px 0px 15px;
line-height:120%;
}

.nutritionFact {
	overflow-x:hidden;overflow-y:scroll;
}

.nutritionFactText {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
padding:0px 15px 0px 15px;
line-height:125%;
}

.sectionBoxTxt2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0165a1;
padding:6px 0px 0px 15px;
}

.sectionBoxTxt2 a{
font-size:14px;
color:#009cc3;
text-decoration:none;
font-weight:bold;
}

.sectionBoxTxt2 a:hover{
text-decoration:underline;
}

.sectionBoxTxt a{
font-size:14px;
color:#009cc3;
text-decoration:none;
font-weight:bold;
line-height:110%;
}

.sectionBoxTxt a:hover{
text-decoration:underline;
}

.sectionBoxImg {
border: 1px solid #cacbcd;
width:327px;
height:188px;
}


/*Article Box area */

.articleBox {
float:left;
margin:10px 0px 20px 4px;
padding-right:28px;
}

.articleBoxTxt {
padding:10px 0px 0px 16px;
font-family:Arial, Helvetica, sans-serif;
color:#0099c9;
text-align:left;
font-size:13px;
}

.articleBoxTxt a{
text-decoration:none;
color:#0099c9;
}

.articleBoxTxt a:hover{
text-decoration:underline;
}

.articleBoxImg {
border: 1px solid #cacbcd;
width:175px;
height:131px;
}

/*sidebar area Main Page and Members Page */

#sidebarBlock {
width: 210px;
float: right;
padding: 0px 0px 6px;
position: inherit;
}

#sidebarBlockMembers {
width:210px;
float:left;
padding:0px 0px 6px;
position:inherit;
margin-right:10px;
}

.sidebarMembersHdr {
font-weight:bold;
font-size:16px;
padding:12px 0px 4px;
color:#006599;
}

.sidebarMembersHdrTop {
font-weight:bold;
font-size:16px;
padding:0px 0px 4px;
color:#006599;
}

.sideBanner1 {
border: 1px solid #cacbcd;
width:198px;
height:198px;
margin-top:15px;
}

.sideBanner2 {
border: 1px solid #cacbcd;
width:198px;
height:63px;
}

.sideBanner3 {
border: 1px solid #cacbcd;
width:200px;
height:200px;
}

#sidebarBlurbs {
width:174px;
background-color:#ffcc66;
border-left:1px solid #fd9800;
border-right:1px solid #fd9800;
color:#966c1a;
font-family:Arial;
font-size:13px;
padding:12px;
text-align:left;
}

#sidebarBlurbs a {
	color:#663300;
	text-decoration:underline;
}

#sidebarBlurbs a:hover {
	color:#663300;
	text-decoration:none;
}

#sidebarBlurbsMembers {
width:174px;
background-color:#a3dee5;
border-left:1px solid #036665;
border-right:1px solid #036665;
color:#FFF;
font-family:Arial;
font-size:12px;
padding:12px;
text-align:left;
}

#sidebarBlurbsMembers a{
color:#006599;
text-decoration:none;
}

#sidebarBlurbsMembers a:hover{
text-decoration:underline;
}

.sidebarBlurbsEnd {
width:200px;
}

/*sidebar area 2ndary Page */

#sidebarBlock2 {
width:247px;
float:right;
margin-right:3px;
padding:0px 0px 6px;
position:inherit;
}

.sideBanner1 {
border: 1px solid #cacbcd;
width:198px;
height:198px;
margin-top:15px;
}

.sideBanner2 {
border: 1px solid #cacbcd;
width:198px;
height:63px;
}

#sidebarBlurbs2 {
width:221px;
background-color:#ffcc66;
border-left:1px solid #fd9800;
border-right:1px solid #fd9800;
color:#966c1a;
font-family:Arial;
font-size:13px;
padding:12px;
text-align:left;
}

.sidebarBlurbsEnd2 {
width:247px;
}


.members_login {
	width:300px !important;
	width:300px;
	border:1px solid #E6E6E6;
	background-color:#ffc;
	padding:10px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	margin:10px;
}

.memberloginField {
border: 1px solid #ccc;
width:120px;
}

#membersBlurb {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:right;
width:270px;
padding-top:10px;
}

/*bottom footer area */

#footerblock1 {
position:inherit;
background-color:#006599;
width:890px;
height:172px;
color:#8cc9ca;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:14px 3px 0px 3px;
clear:both;
border-bottom:23px solid #043264;
padding:10px;
font-weight:bold;
}

#footerblock1 a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#bce2e3;
text-decoration:underline;
}

#footerblock1 a:hover {
	text-decoration:none;
}

.disclaimer {padding:0px 50px 0px 50px;
font-size:10px;
color:light blue;
}


