/* style.css CSS Document for use in Worcester Breast Care web site */

/* general page layout --
  top header panel across full width, will remain in view on all pages.
  navigation panel at left side, will remain in view on all pages.
  main panel will appear to the right of the navigation panel and below the header panel. 
  variations of style to be controlled by nesting div sections inside the main section as necessary. */
  
/* any entry in the list below will be overwritten by a later entry affecting the same group */

/* entries having overall effect */
body {font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; font-size: medium; color: black; background-color: #ffeeff; padding: 0; margin: 0; }
h1 {font-family: "Comic Sans MS", cursive; font-size: xx-large; padding-top: 20px; padding-bottom: 5px }
h2 {font-family: "Trebuchet MS", Helvetica, Arial, sans_serif; font-size: x-large; padding: 5px; }
h3 {font-family: "Comic Sans MS", cursive; font-size: x-large; padding: 5px; }
h4 {font-family: "Trebuchet MS", Helvetica, Arial, sans_serif; font-size: large; padding: 5px; }
h5 {font-family: "Comic Sans MS", cursive; font-size: large; padding: 5px; }
h6 {font-family: "Trebuchet MS", Helvetica, Arial, sans_serif; font-size: medium; padding: 5px; }
p {text-align:justify }
table {width:699px; border-style:none;  padding:0px }
tr {text-align:center; }
td {padding: 3px; }
th {padding: 4px; }
img {border-width: 3px; border-style: ridge; border-color: #ffddff; }

/* entries with effect limited to a division */

#header {width: 1000px; height: 143px; padding-top: 10px; padding-bottom: 5px; border-bottom-width: 3px; border-bottom-style: ridge; border-bottom-color: #ffddff; }
#header-centre {position: absolute; top: 10px; left: 200px; width: 675px; padding-top: 7px; }
#header-picture-left {position: absolute; top: 10px; left: 10px; }
#header-picture-right {position: absolute; top: 10px; left: 900px; }
#header-ribbon-picture-left {position: absolute; top: 115px; left: 375px; }
#header-ribbon-picture-right {position: absolute; top: 115px; left: 685px; }

#navigation {position: absolute; top: 165px; left: 10px; color:#0000FF; font-weight: bold; width: 160px; border-width: 3px; border-style: ridge; border-color: #ffddff; }

#main {position: absolute; top: 144px; left: 202px; width: 800px; }
.maincentre {text-align: center; }

#regret p {text-align: center; border-style:solid; border-color:#000000; border-width:10px; }

#footer {font-size: small; }

#motto {padding-bottom: 10px; }

/* class entries */
.vanilla {border: none; }
.stylecentre {text-align:center; }
.stylejustify {text-align:justify; }
.styleRed {color: #FF0000 }

/* entries affecting links */
a:link {color: blue; }
a:visited {color: purple; }
a:hover {color: aqua; }
a:active {color: red; }

/* this next batch is required for the DHTML Window routines */
.dhtmlwindow{position: absolute; border: 2px solid black; visibility: hidden; background-color: white; }
.drag-handle{padding: 1px; text-indent: 3px; font: bold 14px Arial; background-color: #CA0000; color: white; cursor: move; overflow: hidden; width: auto; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
.drag-handle .drag-controls{position: absolute; right: 1px; top: 2px; cursor: hand; cursor: pointer; }
.drag-contentarea{border-top: 1px solid brown; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; }
.drag-statusarea{border-top: 1px solid gray; background-color: #F8F8F8; height: 13px; } 
.drag-resizearea{float: right; width: 13px; height: 13px; cursor: nw-resize; font-size: 0; }

/* this CSS3 style creates columns - requires IE10, Opera 11.1 or later or one of the others listed */
/* works with text, NOT with tables */
.newstwo { column-count:2; column-gap:30px; column-rule:2px outset #ffffff;
/* Firefox */
	-moz-column-count:2; -moz-column-gap:30px; -moz-column-rule:2px outset #ffffff;
/* Safari and Chrome */
	-webkit-column-count:2; -webkit-column-gap:30px; -webkit-column-rule:2px outset #ffffff;
	}
.newsthree { column-count:3; column-gap:30px; column-rule:2px outset #ffffff;
/* Firefox */
	-moz-column-count:3; -moz-column-gap:30px; -moz-column-rule:2px outset #ffffff;
/* Safari and Chrome */
	-webkit-column-count:3; -webkit-column-gap:30px; -webkit-column-rule:2px outset #ffffff;
	}