/* Start of CMSMS style sheet 'layout' */
* {margin:0;padding:0}

body {
text-align: left;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 85%;
line-height: 1em;
background-image: url(uploads/images/css/bg_body.gif);
background-repeat: repeat-x
}

.addthis_toolbox {float:left}

body#splash {
background-image: url(http://www.setonwilliamsonfdn.org/uploads/images/css/bg_splash.gif);
background-repeat: repeat-x
}

img {border: 0}

#twitter-bird {margin:0 0 6px 25px}

div#main #newstitle {
border-bottom:1px solid #aaa;
font-weight:normal;
font-size:22px;
margin:0 0 12px 0
}
#surgery {
padding:8px;
border:1px solid #ccc;
margin:0 0 12px 0
}

#video {margin:0 0 0 120px}
#kxanvideo {margin:10px 0 16px 100px}

#siteseal {float:right}

#mission {
background:#FFFAF0;
border:2px solid #FFEDDF;
padding:15px 15px 0 15px;
margin:0 0 20px 0
}
div#main #mission h3 {color:brown}

/* --------------- N E W S --------------- */

#giftboxnews {margin:0 0 12px 0}
#giftboxnews tr {vertical-align:top;text-align:center;font-size:11px}
#giftboxnews img {padding:6px;border:1px solid #aaa;margin:0 auto 3px auto;display:block}

.NewsSummary {
border-bottom:1px solid #999;
padding:0 0 12px 0;
margin:0 0 18px 0
}

.newsdate {
font-size:12px;
color:#666;
margin:0 0 8px 0;
display:block
}


/* --------------- L I N K S --------------- */

a,
a:link 
a:active {
text-decoration: underline;
background-color: inherit; 
color: #18507C
}

a:visited {
text-decoration: underline;
background-color: inherit;
color: #18507C          
}

a:hover {
text-decoration: none;
color: #385C72
}

div#search {
   float: right;
   width: 27em;     /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
font-size: 90%; /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
margin: 0 1em; /* css shorthand rule will be opened to be "0 1em 0 1em" */
border-bottom: 1px dotted #000;
}

div.breadcrumbs span.lastitem {font-weight:bold}

/* --------------- L A Y O U T --------------- */

div#pagewrapper {
margin: 0 auto;   
width:950px
}

div#scroller {
height:280px;
margin:0 0 30px 0;
}

/* --------------- H E A D E R --------------- */

div#header {
height: 104px; 
}

div#header h1 a {
background: url(uploads/images/css/logo.gif) no-repeat 0; 
display: block; 
height: 100px;        
text-indent: -999em; 
text-decoration:none;
}

div#content {
margin: 65px 0; 
}

/* --------------- Friend Demo --------------- */

div#content-friend {
margin: 55px 0
}

div#content-friend table {border:1px solid #285383}
div#content-friend table td {
padding:6px 0px 6px 8px;
}
div#content-friend table #header {background:#285383;color:#fff;font-weight:bold}
div#content-friend table .odd {background:#E5E6E7}

div#content-friend div#main {
margin-left: 15px; 
margin-right: 325px; 
}

div#content-friend div#main img {
padding:10px;
border:1px solid #bbb;
float:left;
margin:0 15px 15px 0
}

div#main {
margin-left: 15px; 
margin-right: 290px; 
}

/* --------------- B L I N D --------------- */

#d1 {
width:900px;
height:200px;
background:#ededed
}

.pod {
background:silver;
width:275px;
height:180px;
float:left;
margin:10px 0 0 18px
}

/* --------------- S I D E B A R --------------- */

div#sidebar {
float: right;  
width: 250px;    
padding: 0 15px; 
display: inline;  /* FIX ie doublemargin bug */
}

div#sidebar.hascontent {
width: 250px;
}

div#friend-topper {
background-image:url(uploads/images/css/bg_sidebar_top_friends.gif);
height:16px;
width:300px;
float:right;
}

div#sidebar-friend {
float: right;  
clear:right;
width: 264px; 
padding: 0 15px; 
margin:0 0 15px 0;
display: inline;  /* FIX ie doublemargin bug */
background-color:#FFF8E6;
border-right:3px solid #FFEFC6;
border-left:3px solid #FFEFC6
}

div#sidebar-friend #share {margin:0 0 15px 69px}

div#sidebar-friend p {
text-align:center;
font-size:16px;
font-weight:bold
}

div#sidebar-friend .color {color:#005DA9}
div#sidebar-friend #thermo {margin:0 0 15px 55px}
div#sidebar-friend #depot {margin:0 0 15px 5px}

#cartAdd {
margin:5px 0 0 4px;
width:255px;
height:109px;
background-image:url(uploads/images/css/bg_friend_form.gif);
background-repeat:no-repeat;
padding:20px 0 0 0;
text-align:center
}

#cartAdd input.button_in_cart {
padding:8px;
font-weight:bold
}

div#sidebar .sidebox {
background: #fff5e8;
border-left: 3px solid #ffeddf;
border-right: 3px solid #FFDCBF;
border-bottom: 3px solid #FFDCBF;
margin:0 0 12px 0;
padding:12px 12px 0 12px;
font-size:95%
}

#give {
width:250px;
height:40px;
background-image: url(http://www.setonwilliamsonfdn.org/uploads/images/css/give-button.gif);
margin:0 0 12px 0;
text-indent:-9999px
}

#give:hover {
background-image: url(http://www.setonwilliamsonfdn.org/uploads/images/css/give-button.gif);
background-position:0 40px
}

div#content div#sidebar h3 {
color:brown;
text-transform:uppercase;
background-color:#ffeddf;
margin:0;
padding: 6px 10px;
font-size:1em;
letter-spacing: 1px
}

div#content div#sidebar h3 img {
position:relative;
left:109px;
top:3px
}

div#sidebar .sidebox-news {
background: #fff5e8;
border-top: 3px solid #ffeddf;
border-left: 3px solid #ffeddf;
border-right: 3px solid #FFDCBF;
border-bottom: 3px solid #FFDCBF;
margin:0 0 12px 0;
padding:12px 12px 0 12px;
font-size:95%;
height:300px;
overflow:auto
}

div#sidebar .sidebox-news h3 {
color:#8F7159;
text-transform:uppercase;
background-color:#ffeddf;
margin:-12px -12px 8px -12px;
padding: 6px 10px;
font-size:1.1em;
letter-spacing: 1px
}

div#sidebar fieldset {border:none}

div#sidebar form input {
display:block;
margin:2px 0 8px 0;
width:200px
}

/* --------------- T W I T T E R --------------- */

#twitter_update_list li {
list-style-type:none;
margin:0 0 12px 0;
font-size:95%;
line-height:1.4em;
}

/* --------------- F O O T E R --------------- */

div#footer {
clear:both;    
background: url(http://www.setonwilliamsonfdn.org/uploads/images/css/bg_footer.gif);
background-repeat: repeat-x;
height: 45px;
padding: 15px 0;
text-align: center;
color:#888
}

div#footer p {
font-size: 80%;
padding: 1.5em;      
text-align: center;
margin:0
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

div.left49 {
  float: left;
  width: 49%;  /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}

/* --------------- H E A D I N G S --------------- */

div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}

div#content h2 {
   color: #294B5F; 
   font-size: 1.5em; 
   text-align: left; 
   padding-bottom: 1px;
   border-bottom: 1px solid #e7ab0b; 
   line-height: 1.5em;
   margin: 0 0 0.5em 0;
}

div#content-friend h2 {
   color: #294B5F; 
   font-size: 1.7em; 
   text-align: left; 
   padding-bottom: 1px;
   border-bottom: 1px solid #8EADCF; 
   line-height: 1.5em;
   margin: 0 0 0.8em 0;
}

div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}

div#content div#sidebar h3#give {
color: brown; 
background:#FFEDDF;
font-size: 1.2em;
padding:6px;
margin: 0 0 12px 0;
letter-spacing: 2px;
text-align:center
}

div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/* --------------- T E X T --------------- */

p {
margin: 0 0 1.5em 0;  /* some air around p elements */
line-height:1.4em;
padding: 0
}

blockquote {
border-left: 10px solid #ddd;
margin-left: 10px
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

#credit {
font-size:11px;
margin:4px 0;
display:block;
color:#666
}

/* --------------- T A B L E S --------------- */

#swdb {width:95%}

#swdb td {
vertical-align:top;
font-size:12px;
width:33%
}

#swdb td strong {
font-size:13px
}

#swdb img {
border:1px solid #ccc;
padding:5px
}

/* --------------- L I S T S --------------- */

div#main ul,
div#main ol,
div#main dl {font-size: 1.0em;line-height:1.4em;margin: 0 0 1.5em 0}
div#main ul li,
div#main ol li {margin: 0 0 0.25em 3em}
div#dl dt {font-weight: bold;margin: 0 0 0.25em 3em}
div#dl dd {margin: 0 0 0 3em}

/* --------------- Gala Registration --------------- */
 
.formbuilderform td {
padding:4px 2px 4px 2px;
vertical-align:middle
}

.formbuilderform input {width:250px}

/* --------------- Seton Circle Page --------------- */

#showcase {
background:#FFF8E6;
padding:25px;
}
div#main #showcase h3 {color:brown}
#showcase img {
padding:6px;
background:#fff;
border:1px solid #aaa;
margin:0 0 15px 0
}



/* End of 'layout' */