/*  This stylesheet is used for any tags/classes/IDs the user is able to add via 
	XStandard (the WYSIWYG editor used by Dub3).  It should be used for all default 
	styles such as p, a, table etc.  Then specific styles (such as #rightCol p, 
	div.box1 a) can be added in the regular stylesheet. */

/*  When you add a class in XStandard, the class list contains all items specific
	to that tag as well as any classes not given a specific tag.  So if you create
	.itemLink instead of a.itemLink, that class will be available to all tags instead
	of just the ones you intend - try to be specific so that the list is as short and
	useful as possible. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/*For the sake of the editor, style this body tag to appear like the content div */
body { font-family:Arial; font-size:0.7em;color:#252525;} 

p { margin-bottom:0.8em; }
h1, h2, h3, h4, h5 { margin-bottom:0.5em; clear: both; }
ul, ol { margin-bottom:0.8em; }
ul {margin-left:17px;}
ol {margin-left:35px;}
h1 { font-size:20px; color: #252525; font-weight:normal; line-height: 42px; border-bottom: 1px solid #ccccd3; }
h2 { font-size:16px; color: #0083a9; font-weight:normal; line-height: 22px; }
h2.background { font-size:16px; color: #fff; background: #42b9dc; font-weight:normal; line-height: 22px; padding: 0 5px; }
h3 { font-size:14px; color: #0083a9; font-weight:normal; line-height: 22px; }
h4 { font-size:12px; color: #0083a9; font-weight:bold; line-height: 16px; }
h5 { font-size:11px; line-height: 16px; }
a { color:#ff7800; text-decoration:none; }
a:hover { text-decoration:underline; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }

/* Reusable classes */
p.left, td.left, th.left { text-align:left }
p.right, td.right, th.right { text-align:right; }

img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }

hr { }

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

span.underline { text-decoration: underline; }

p.indent { margin-left: 25px; }
p.center {text-align:center;}

table.centered {border:none;}
table.centered td {border: none;} 

table {text-align:left;border-collapse: collapse;border-spacing: 0; margin-bottom:1em; border:1px solid #42b9dc;}
table td {border-right:1px solid #a0dced; vertical-align: top;}
	table.border td {border:1px solid #a0dced;}
	table.alternating tr.row1 td {background:#ecf8fb;}
	table.alternating tr.row2 td {background:#d9f1f8;}
thead th, tbody th { background:#42b9dc; color: #fff; padding:3px;}
tbody td {padding:2px;}

table.twoColumn, table.noBorder {border: none; padding: 0; width:100%;}
table.twoColumn td.text {width: 372px; padding-right: 16px; border-right: none;}
table.twoColumn td.related, table.noBorder td {border-right: none; }
table.noBorder td.text {width: 100%; padding-left: 20px;}

blockquote {width: 178px; float: right; margin: 0 0 10px 10px; background: #42b9dc url(/cms/outertemplates/images/bg-blockquote1.gif) 0 0 no-repeat; color: #fff; font-size:16px; padding: 40px 0 0 0;}
blockquote p {margin:0; background: #42b9dc url(/cms/outertemplates/images/bg-blockquote2.gif) 0 100% no-repeat; padding: 0 20px 32px 20px}
blockquote span.author, blockquote span.title {font-size: 12px; color:#b3e3f1;}
blockquote span.title {font-style: italic;}

div.related { border: 1px solid #cfcfcf; padding: 3px 8px 8px 8px; background: #fff url(/cms/outertemplates/images/bg-related.gif) 0 100% repeat-x;}
div.related h2 {color: #004960; font-weight: bold; font-size: 11px; border-bottom: 1px solid #cfcfcf;}
div.related a {font-weight: bold;}
div.related ul { margin: 0}
div.related li {background: url(/cms/outertemplates/images/bg-ul2.gif) 0 3px no-repeat !important; padding-left: 15px !important;}

div.box1 {border:1px solid #CCC; position:relative; background:url(/cms/outertemplates/images/bg-related.gif) bottom repeat-x;}
div.box1 div.boxContent {padding:10px;}

/* HOMEPAGE STYLES */
table.homePage {border:0; width:760px;}
table.homePage td { border-right-width:0; padding:4px;}
table.homePage td td {border-right-width:1px; padding:2px;}
div.box2 {
	border:3px solid #ccc; 
	background:#42b9dc;
	color:#FFF;
	padding:8px 0;
	position:relative;
	margin:0 0 10px;
}
div.box2 table {margin-bottom:0; border:0;}
	div.box2 td {border:0; padding:0 10px; border-left:1px solid #3594b7;}
	div.box2 td.first {border:0;}
	div.box2 h1, div.box2 h2, div.box2 h3 {color:#FFF; font-weight:bold;}
	div.box2 a {color:#004960;}
	div.box2 a.dblArrow { 
		font-weight:bold; 
		background:url(/cms/outertemplates/images/dblArrow.gif) left no-repeat;
		padding-left:14px;
		line-height:12px;
	}
	div.box2 .tl { top:-3px; left:-3px; }
	div.box2 .tr { top:-3px; right:-3px; }
	div.box2 .bl { bottom:-3px; left:-3px; }
	div.box2 .br { bottom:-3px; right:-3px; }
div.box2 .corner {background-image: url(/cms/outertemplates/images/box2.gif);}
	
ul.orangeLinks li {
	background:url(/cms/outertemplates/images/dblArrowOrange.gif) 0 2px no-repeat !important;
	padding-left:14px;
	line-height:1.3em;
	padding-bottom:4px;
}

ul.orangeLinks li a {
	color:#ff7800;
	font-weight:bold;
}

div.box1 h2 {font-weight:bold; font-size:1.2em;}
div.box1 p {margin-bottom:0;}
div.box1 div.boxContent p {margin-bottom:0.8em;}
div.box1 img {margin-bottom:-10px;}
div.box1 div.boxContent img {margin-bottom:0;}

table.homePage td.leftCol {width:243px;}
table.homePage td.midCol {width:249px;}
table.homePage td.rightCol {border-left:1px solid #e5e5e8; padding-left:10px; width:237px;}
table.homePage td.rightCol table {
	border:0;
	width:237px;
}

td.rightCol table td {border:0; border-bottom:1px solid #e5e5e8; padding:5px 0;}
td.rightCol table td h4 {color:#004960;}