/* Stylesheet for Match HTML Template Pages
(c) Anna Sims 2008 */
/* Reset basics for all pages */
* { margin: 0; padding: 0; outline: 0; font-size: 100%; }
html { font-size: 100.1%; }
body { font-size: 100%; color: #000000; font-family: arial, helvetica, sans-serif; font-weight: normal; background: url('images/main-bg.gif') top left repeat #fff;line-height:1.3em }
body#container { font-size: 75%; }
.clear { clear: both; }
/* ------------------------------------------------------------
Layout
--------------------------------------------------------------- */
/* #container is the div that holds the entire site content and
allows it to be located in the centre of the browser window, whatever
the window size or resolution. */
#container { margin: 0 auto; padding: 0 0 20px 0; width: 1059px; background: #fff; font-size:87%}
/* #header is the div that contains all the header content: logo,
homenav and sitenav */
#header { padding: 0 35px; background: url('images/header-bg.jpg') top left repeat-x #fff; }
/* #inner is the content that sites below the header. It contains the
sub-navigation and the site content. It's split into two columns:
a sub column which floats to the left and contains items such as the
navigation and portal login; and a main column which contains the site
content. This is also floated to the left but either can be switched around.*/
#inner { padding: 50px 35px 0 35px; }
#footer { padding: 20px 0 0 0; border-top: 2px solid #d6d6d6; width: 950px; font-size: 0.79em; clear: both; }
/* ------------------------------------------------------------
header styles
--------------------------------------------------------------- */
#logo img { margin: 10px 0 40px 0; padding: 0; float: left;border-width:0px }
/* #homenav is the navigation that sits in the header and is persistent
across the site. It contains items such as the sitemap. The class 'last'
ensures that the last item in the list has no border. */
#homenav { margin: 20px 0 0 0; float: right; overflow: hidden; font-size: 0.7em; }
#homenav li { margin: 0; padding: 0; display: inline; }
#homenav li.last a { border: none; }
#homenav a { margin: 0; padding: 0 6px 0 5px; border-right: 1px solid #000; color: #000; text-decoration: none; }
#homenav a:hover { color: #007DC3; text-decoration: underline; }
/* #sitenav is the navigation across the top of the page. Currently
the navigation is set up so that the 'current page' is not a link in
the nav, so it is a different colour. */
#sitenav { font-size: 0.9em; clear: both; text-align: center; }
#sitenav li { margin: 0; padding: 0; display: inline; text-transform: uppercase; overflow: auto; }
#sitenav li.last a { border: none; }
#sitenav a { margin: 0; padding: 0 6px 0 5px; border-right: 1px solid #000; color: #000; text-decoration: none; }
#sitenav a:hover { color: #000; }
#sitenav a.selected,#sitenav li.select a,#sitenav li.firstselect a { padding: 0 6px 0 5px; color: #007DC3; }
#sitenav a.selected,#sitenav li.select a,#sitenav li.firstselect a { padding: 0 6px 0 18px; background: url('images/arrow-li.gif') left no-repeat #fff; }
/* -------------------------------------------------------------
homepage only styles
---------------------------------------------------------------- */
#inner.home { margin: 0 0 0 20px; }
#home-pic { margin: 0 0 55px 0; width: 949px; height: 236px; background: url(images/home-pic.jpg) top center no-repeat; position: relative; }
#home-pic p,#home-pic div { font-size: 1.5em; font-weight: bold; color: #fff; text-align: right; position: relative; top: 197px; right: 10px; }
#articles { width: 678px; float: left; clear: both; }
#articles p { margin: 0 0 25px 0; padding: 0 0 0 2px; font-size: 1.1em; font-weight: normal; }
.story { margin: 0 36px 0 0; padding: 35px 0 0 0; width: 303px; border-top: 2px solid #d6d6d6; float: left; }
.story h1 { margin: 0 0 17px 0; font-size: 1.3em; font-weight: normal; color: #000; }
.story h2 { margin: 0 0 12px 0; padding: 0 0 0 2px; font-size: 1.4em; font-weight: bold; }
.story h2 a { color: #1085c7; }
#toprow .story { padding: 0; border: none; }
#logincol { width: 270px; float: left;}
#logincol #portal { margin: 0 0 35px 0; padding: 0; border: none; }
#logincol #portal h1, #logincol #partners h1 { padding-bottom: 15px; font-size: 1.4em; }
#logincol #partners { vertical-align: bottom; }
#logincol #partners img { margin: 0 0 5px 0; padding: 5px 7px 5px 0; }
/* -------------------------------------------------------------
inner styles
---------------------------------------------------------------- */
/* #innerSub is a narrow column containing items such as the internal
navigation and portal login. It is currently floated left. */
#innerSub { margin: 0 50px 0 0; width: 261px; float: left; }
#subnav { margin: 75px 0 100px 0; }
#subnav li { padding: 15px 0 15px 0; border-bottom: 1px solid #ccc; font-size: 1.1em; list-style-type: none; }
#subnav li a { color: #007DC3; text-decoration: none; }
#subnav li a:hover { color: #000; }
#subnav li li { margin: 0 0 0 25px; padding: 4px 0 7px 0; border: none; font-size: 1em; }
#subnav li li a { padding: 0 0 0 18px; background: url('images/arrow-li.gif') left no-repeat #fff; }
#subnav li li li { margin: 10px 0 0 45px; padding: 0; font-size: 1em; list-style-type: square; border: none; }
#subnav li li li a { margin: 0; padding: 0; background: none; }
/* subItem is a misc item that sits in the innerSub column */
.subItem { margin: 0 0 40px 0; width: 265px; height: 53px; background: url('images/misc-bg.jpg') top left no-repeat; }
.subItem p { padding: 18px 10px 0 5px; font-size: 1.43em; }
.subItem p a { color: #000; text-decoration: none; }
/* portal is the login section for the portal */
#portal { margin: 25px 0 25px 0; padding: 0 0 15px 0; border-top: 2px solid #000; border-bottom: 1px solid #c4e1ef; font-size: 0.88em; }
#portal h1 { margin: 10px 0 15px 0; padding: 5px 0 0 40px; background: url('images/match-logo-sm.gif') top left no-repeat; font-size: 1.35em; }
#portal li { clear: both; list-style: none; text-align: right; }
#portal label { margin: 0 0 15px 0; float: left; }
#portal input { margin: 0 0 15px 0; float: right;padding:0px 2px; width: 166px; height: 20px; background: url('images/textbox-bg.gif') top left no-repeat #c3d7e2;border:0 }
#portal .Checkbox input{margin:auto;width:auto;height:auto;background:none;}
#portal li a { padding: 10px 0 0 0; color: #000; text-decoration: none; }
#portal a { color: #007DC3; }
#portal a:hover { background: #ccc; color: #000; }
h1 { padding: 0; font-size: 1.86em; clear: both;margin-bottom:auto }
h2 { padding: 0; font-size: 1.29em; clear: both; }
h3 { padding: 0; font-size: 1.14em; clear: both; }
/* content contains all the content for the site. */
#content { margin: 25px 0 0 0; width: 632px; float: left; }
#content h1 { padding: 0 0 28px 0; font-size: 1.86em; clear: both; }
#content h2 { padding: 0 0 27px 0; font-size: 1.29em; clear: both; }
#content h3 { padding: 0 0 15px 0; font-size: 1.14em; clear: both; }
#content p { padding: 0 0 0.7em 0; font-size: 1em; clear: both; }
#content ul { margin: 0 0 0 45px; clear: both; }
#content li { padding: 0 0 9px 0; list-style-type: square; }
#content li li { padding: 0 0 9px 0; list-style-type: circle; }
#content table { margin: 0 0 32px 0; padding: 0; width: 100%; /*border-collapse: collapse; border: 1px solid #007DC3;*/ text-align: left; font-weight: normal; clear: both; }
#content table th { padding: 10px 15px; background: #BFDFF0; /*border: 1px solid #007DC3;*/ color: #fff; font-size: 1em; }
#content table td { padding: 10px 15px; background: #fff; /*border: 1px solid #007DC3;*/ font-size: 0.88em; }
#content table td a { color: #007DC3; }
#content table td a:hover { background: #ccc; color: #000; }
#content img.left { padding: 0 10px 10px 0; float: left; clear: both; }
#content img.right { padding: 0 0 10px 10px; float: right; clear: both; }
#content p.readmore a { color: #007dc3; clear: both; }
#content p.readmore a:hover { background: #ccc; color: #000; }
p.top { margin: 48px 5px 40px 0; text-align: right; font-size: 0.88em; clear: both; }
p.top a { color: #007DC3; }
div.col3 { width: 395px; float: left; }
#intmenu { margin: 0 0 0 0; width: 200px; float: right; }
#intmenu h1,#intmenu h2 { margin: 0; padding: 0 0 9px 2px; font-size: 1.17em; font-weight: normal; color: #000; border-bottom: 1px solid #d6d6d6; }
#intmenu ul { margin: 0; padding: 15px 0 0 2px; }
#intmenu ul li { padding: 0 0 12px 0; font-weight: bold; list-style-type: none; }
#intmenu ul li a { font-weight: normal; color: #007DC3; }
#intmenu ul li a:hover { color: #000; }
#footer div.up{position:relative;min-height:20px}
#footer div.up div.l{position:absolute;top:0px;left:0px}
#footer div.up div.r{position:absolute;top:0px;right:0px}
div.partners img{padding:10px}
.quote{PADDING-RIGHT: 5px;BORDER-TOP: #464646 5px solid;MARGIN-TOP: 0px; PADDING-LEFT: 10px;BACKGROUND-color: #eaeaea;PADDING-BOTTOM: 10px;PADDING-TOP: 5px;color:#007dc3}
.quote img{width:220px;margin:10px 15px}
div.quote_wrapper{padding-right:20px;height:auto !important;margin:0px;margin-bottom:20px}
div.quote_wrapper blockquote{margin:0px;padding:5px 5px 0px 30px; }
p.source{PADDING-RIGHT: 0px !important;PADDING-LEFT: 30px !important; FONT-SIZE: 0.8em !important;PADDING-BOTTOM: 0px !important;MARGIN: 1em 0px 0px !important;PADDING-TOP: 0px !important}
DIV.quote_wrapper { BACKGROUND: url(images/closeQuotes.png) no-repeat right bottom}
DIV.quote_wrapper BLOCKQUOTE {BACKGROUND: url(images/openQuotes.png) no-repeat left top}