﻿@charset "utf-8";
/* CSS Document */
body
{
background:#27265F url(assets/images/askabackground.jpg) repeat-x;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, h1, h2, h3, h4, h5, h6, form
{
	margin: 0;
	padding: 0;
	color: #000000;
}
.clear
{
clear:both;
}
.clearr
{
clear:right;
}
#wrapper
{
	border: thin outset #FFFFFF;
	background-position: url('Assets/images/askabackground.jpg') no-repeat;
	background: url('Assets/images/askabackground.jpg') no-repeat;
	width: 1024px;
	margin: 0 auto;
	padding: 0;
	min-height: 984px;
	position: relative;
	height: inherit;
}
#header
{
padding:15px 20px 5px 20px;
}

#header img
{
 border:none;
}
#header img.logo
{
float:right;
}
#breadcrumb h2
{
color:#fff;
font-size:14px;
font-weight:bold;
}
#breadcrumb p
{
color:#fff;
font-size:12px;
}
#breadcrumb p a
{
color:#fff;
text-decoration:none;
}
#breadcrumb p a:hover
{
text-decoration:underline;
}
#nav
{
	font-family: "Comic Sans MS";
	font-size: large;
	font: 100% "Comic Sans MS";
	margin: 0 0 0 20px;
	color: #0000FF;
}
#nav ul
{
margin:0;
padding:0;
display:block;
}
#nav li
{
	display: inline;
	list-style: none;
	color: #fff;
	float: left;
	margin: 0;
	text-align: center;
	width: 95px;
}
#nav li a
{
	display: block;
	height: 27px;
	padding: 5px 10px;
	background: url(images/askabackground.jpg) repeat-x;
	text-decoration: none;
}
#nav li a:hover
{
background:url(images/nav-bg-on.gif) repeat-x;
}
#nav li.spacer
{
width:3px;
height:37px;
background:url(images/nav-spacer.gif) no-repeat;
}
#nav li.end
{
width:10px;
height:37px;
background:url(images/nav-end.gif) no-repeat;
}
#nav li.start
{
width:12px;
height:37px;
background:url(images/nav-start.gif) no-repeat;
}
#nav li.first a
{
padding:5px 10px 5px 3px;
}
#content
{
margin:10px 20px 0 20px;
}
#content-left-container
{
	width: inherit;
	float: left;
	background-image: url('MenuSelector.png');
	vertical-align: middle;
	height: auto;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
}
#content-left-container #content-left
{
background:url(MenuSelector.png) bottom no-repeat  ;
position:relative;
}
#content-left-container #content-left.timesheet
{
 height:540px;
}
#content-left-container #content-left img.advert
{
 position:absolute;
 bottom:55px;
}


div.content-left-bottom
{
 height:25px;
background:url(images/left-bottom.png) no-repeat bottom;
}
#content-left-container h4
{background:url(images/left-h-bg.png) no-repeat;
height:18px;
color:#fff;
padding:6px 14px 5px 14px;
font-size:13px;
font-weight:normal;
}
#content-left-container #content-left h4.second
{background:url(images/left-h-bg-second.gif) no-repeat;
padding:37px 14px 6px 14px;

}

#content-left-container #content-left h4.secondb
{background:url(images/left-h-bg-secondb.gif) no-repeat;
padding:37px 14px 6px 14px;

}

#content-left-container #content-left p
{
padding:10px 14px;
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#404042;
}
#content-left-container #content-left p a
{
color:#404042;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#content-left-container #content-left p a:hover
{
text-decoration:underline;
}
#content-left-container #content-left img
{
margin:10px 10px 0 10px;
border:none;
}


#content-right-container
{
	width: 265px;
	float: right;
	outline-color: #0000FF;
}
#content-right-container .content-right
{
background:url(images/left-bg.png) repeat-y;
}
#content-right-container .content-right-bottom
{
height:25px;
background:url(images/left-bottom.png) no-repeat;
}
#content-right-container h4
{background:url(images/left-h-bg.png) no-repeat;
height:18px;
color:#fff;
font-weight:normal;
padding:6px 14px;
font-size:13px;
}

#content-right-container h4.topmargin
{
 margin:145px 0 0 0;
}

#content-right-container h4.topmarginb
{
 margin:0px 0 0 0;
}

#content-right-container h4 a
{
	text-decoration: none;
	color: #0000FF;
	font-size: medium;
	font-weight: bold;
}
#content-right-container h4 a:hover
{
 text-decoration:underline;
}
#content-right-container h4.second
{
 background:url(images/left-h-bg-second.gif) no-repeat;

}
#content-right-container p
{
padding:10px 14px;
}
#content-right-container p a
{
color:#404042;
text-decoration:none;
font-weight:normal;
}
#content-right-container p a:hover
{
text-decoration:underline;
}
#content-right-container img
{
margin:10px 10px 0 10px;
border:none;
}
#content-right-container .referralbox
{
cursor:pointer;
}
#content-right-container .referralbox h6
{
text-align:center;
font-size:13px;
font-weight:bold;
color:#404042;
padding:5px 18px 0px 10px;
}
#content-right-container .referralbox p
{
text-align:center;
color:#404042;
font-size:11px;
padding:5px 18px 5px 10px;
}
#content-right-container h5
{
font-size:14px;
padding:5px 20px 0px 14px;
color:#404042;
}
#content-right-container h5 a
{
text-decoration:none;
color:#404042;
}
#content-right-container p
{
font-size:12px;
padding:5px 20px 5px 14px;
color:#404042;
}
#content-right-container p.readmore
{
margin:0 20px 0 14px;
padding:0 0 5px 0;
font-weight:normal;
text-align:right;
border-bottom: 1px dashed #404042;
}
#content-right-container img.rss
{
margin:5px 10px 0 12px;

}

#content-right-container img.rssb
{
padding:5px 15px 0 12px;
margin:-30px 0 0 0;
float:right;
}
#content-right-container p.date
{
	font-style:italic;
	font-size:11px;
	margin:0;
	padding:0 0 0 15px;
}

#content-right-container h5
{
	font-size: 13px;
}

#content-right-container h5 a:hover
{
	text-decoration:underline;
}
#content-right-container img.newsright
{
 margin:10px 20px 5px 0;
 float:right;
}
div.middle-top
{background:url(images/middle-top.png) no-repeat;
height:8px;
margin:0 270px;
width:445px;
}
div.middle-bottom-pad
{background:url(images/middle-bottom.png) no-repeat;
height:15px;
margin:0 270px;
width:445px;
}


div.content-middle
{
width:445px;
margin:0 270px;
padding:0 0 15px 0;
background:url(images/middle-bg.png) repeat-y;
}
div.content-middle img.feed
{
 border:none;
 float:right;
 margin:10px 25px 0 0;
}
div.content-middle h1
{
color:#541F7E;
font-size:18px;
font-weight:bold;
padding:5px 15px 0px 15px;
}
div.content-middle p
{font-size:12px;
color:#404042;
padding:5px 20px 5px 15px;
}
div.content-middle ul
{font-size:12px;
color:#404042;
padding:0;
margin:0 0 0 30px;
}
div.content-middle li
{font-size:12px;
color:#404042;
padding:2px 0px 2px 5px;
}
div.content-middle p.big
{font-size:14px;
}
div.content-middle div.calcbox
{
margin:0 10px 0 0;
}

div.content-middle div.calcbox img.calc
{
 float:right;
 margin:-30px -30px 0 0;
}
div.content-middle div.calcbox h1, div.content-middle div.calcbox p
{
padding-right:10px;
}

div.content-middle div.calcbox h1
{
 text-align:left;
 font-size:20px;
 margin:0;
 padding:5px 0 5px 13px;
}
#calc-form p
{
text-align:right;
font-size:11px;
margin:0px 0 0 0;
padding:10px 10px 10px 0;
}
#calc-form table
{
width:445px;
}
#calc-form input
{
width:260px;
border:1px solid #E0DFE3;
padding:5px;
margin:2px 0;
}
#calc-form input.long
{
width:260px;
}
#calc-form input.submit
{
background:#fff;
width:100px;
margin:10px 0 10px 0;
cursor:pointer;
}
#fatfooter
{
}
#fatfooter ul
{
float:left;
width:200px;
margin:20px 20px;
padding:0;
}
#fatfooter li
{
margin:2px 5px;
padding:0;
color:#fff;
font-size:12px;
list-style:none;
}
#fatfooter li a
{
text-decoration:none;
color:#fff;
}
#fatfooter li a:hover
{
text-decoration:underline;
}
#fatfooter li.top
{
font-size:16px;
font-weight:bold;
}
#footer
{
	clear: left;
	padding: 0 0 20px 0;
	margin: 0;
	clip: rect(auto, auto, auto, auto);
}
#footer p
{
	color: #0000FF;
	text-align: center;
	font-size: 12px;
	margin: 5px 0;
	font-weight: bolder;
}
#footer p a
{
	text-align: none;
	color: #0000FF;
}
#footer p a:hover
{
text-decoration:underline;
}

div.content-middle img.feed
{
 border:none;
 float:right;
 margin:10px 25px 0 0;
}
div.content-middle .downloadbucket
{
background:#F5F0F4;
margin:10px 20px 0px 10px;
padding:0 0 5px 0;
border:2px #E7D9E6 solid;
min-height:90px;
}
div.content-middle .downloadbucket img
{
float:left;
margin:5px 10px 10px 5px;
padding:2px;
border: 1px solid #cccccc;
}
div.content-middle .downloadbucket h5
{
margin:10px 0 0 70px;
padding:0;
font-size:14px;
font-weight:normal;
color:#51266b;
}
div.content-middle .downloadbucket h5 a
{
text-decoration:none;
color:#51266b;
}
div.content-middle .downloadbucket h5 a:hover
{
text-decoration:underline;
}
div.content-middle h1
{
color:#541F7E;
font-size:18px;
font-weight:bold;
padding:5px 15px 10px 15px;
}
div.content-middle h1.centre
{
 text-align:left;
padding:5px 20px 10px 15px;
}
div.content-middle h4
{
color:#541F7E;
font-size:15px;
font-weight:bold;
padding:15px 15px 5px 15px;
}
div.content-middle h4 a
{
color:#541F7E;
text-decoration:none
}
div.content-middle h4 a:hover
{
 text-decoration:underline
}
div.content-middle p
{font-size:12px;
color:#404042;
padding:5px 20px 5px 15px;
}
div.content-middle p a
{
color:#404042;
text-decoration:underline;
}
div.content-middle p a:hover
{
text-decoration:none;
}
div.content-middle ul
{font-size:12px;
color:#404042;
padding:0;
margin:0 0 0 40px;
}
div.content-middle ol
{font-size:12px;
color:#404042;
padding:0;
margin:0 20px 0 40px;
}
div.content-middle li
{font-size:12px;
color:#404042;
padding:2px 10px 2px 5px;
}
div.content-middle li a
{
color:#404042;
text-decoration:none;
}
div.content-middle li a:hover
{
text-decoration:underline;
}
div.content-middle p.big
{font-size:14px;
}
/** NEWS **/
#news {
padding:0 0 25px 0;
width:420px;
margin:0 25px 0px 10px;
}
#news h1
{
	margin-left:10px;
	padding-left: 0;
}
#news h5
{
margin:0 0 0 70px;
padding:0;
font-size:14px;
font-weight:normal;
color:#51266b;
}
#news h5 a
{
text-decoration:none;
color:#51266b;
}
#news h5 a:hover
{
text-decoration:underline;
}
#news h6
{
margin:0 0 0px 0;
padding:7px 10px 3px 0px;
font-size:14px;
font-weight:bold;
color:#51266b;
}
#news .addthis
{
float:right;
}
#news p
{
font-size:12px;
margin:0 0 0 70px;
padding:0 0 5px 0;
}
#news .detail
{
margin:0 0px 0 10px;
padding:10px 0 0 0;
}
#news .detail p
{
font-size:12px;
margin:0px;
padding:0 5px 5px 0px;
}
#news .detail .story
{
margin:0px 10px 20px 0px;
}
#news .detail .story .addthis
{
 margin:-25px -10px 0 0;
}
#news .detail .story h1
{
margin:0;
padding:5px;
}
#news .detail .story img.feed
{
 float:right;
 border:none;
}
#news .detail .story p
{
font-size:12px;
margin:0px;
padding:5px 5px 5px 5px;
}
#news .detail .story ul
{
margin:0px 0 0 20px;
padding:5px 5px 5px 5px;
}
#news .detail .story li
{
font-size:12px;
margin:0px;
padding:5px 5px 5px 5px;
}
#news .detail .story img
{
float:left;
border:1px #ccc solid;
margin:5px 10px 5px 5px;
padding:2px;
}
#news p.date
{
margin:3px 0 0 0;
float:left;
font-size:11px;
}
#news p.more a
{
color:#4c4c4c;
font-size:12px;
padding:0 0 0 15px;
background:url(images/chevrons.png) no-repeat left;
}
#news p.archivelink a
{
color:#4c4c4c;
font-size:14px;
float:right;
padding:0 10px 0 15px;
background:url(images/chevrons-w.png) no-repeat left;
}
#news .clear
{
clear:both;
padding:10px;
}#news .clearright
{
clear:right;
}
#news .month
{
margin:0 0 30px 10px;
}
#news .story
{
background:#F5F0F4;
margin:10px 10px 10px 0px;
padding:5px;
border:2px #E7D9E6 solid;
}
#news .storydetail
{
background:#F5F0F4;
margin:0px 10px 5px 0px;
padding:5px;
border:2px #E7D9E6 solid;
}
#pagenav 
{
margin:10px 0 10px 0;
background:none;
}
#pagenav p
{
}
#pagenav p.viewingpage
{
text-align:center;
font-size:11px;
color:#00559f;
margin:5px 0 5px 0;
}
#pagenav p.resultsnavtop
{
margin:0 0 10px 0;
text-align:center;
font-size:11px;
color:#00559f;
}
#pagenav p.resultsnavtop a
{
color:#00559f;
text-decoration:none;
}
#pagenav p.resultsnavtop a:hover
{
text-decoration:underline;
}
#pagenav p.resultsnavtop a.pagenumber
{border:1px #CCCCCC solid;
background:#EBEDED;
padding:0 5px 0 5px;
text-decoration:underline;
}
#pagenav p.resultsnavtop a.pagenumber:hover
{
background:#fff;
}
#pagenav p.resultsnavtop .nolink
{
color:#91B2CF;
text-decoration:underline;
}
#pagenav a.next
{
padding: 0 0 0 0px;
}
#pagenav a.previous
{
padding: 0 0 0 0px;
}
div.content-middle .faq
{
background:#F5F0F4;
margin:10px 20px 0px 15px;
padding:0 10px 5px 0;
border:2px #E7D9E6 solid;
}
div.content-middle .faq h5
{
margin:10px 0 5px 10px;
padding:0;
font-size:14px;
font-weight:normal;
color:#51266b;
}
div.content-middle .faq h5 a
{
text-decoration:none;
color:#51266b;
}
div.content-middle .faq h5 a:hover
{
text-decoration:underline;
}
div.content-middle .faq p
{
 margin:0;
 padding:10px;
}
#contactform p
{margin:5px 0;
}
#contactform p.smallprint
{
 font-size:10px;
}
#contactform p.spacera
{
 margin:58px 0 5px 0;
}
#contactform p.spacerb
{
 margin:58px 0 5px 0;
}
#contactform input
{float:right;
border: 1px solid #A5ACB2;
width:200px;
margin:3px 0;
}

#contactform input.p45
{
	width:15px;
	float:left;
	margin:5px 10px 0 15px;
	border:none;
}
#contactform input.file
{float:right;
border: 1px solid #A5ACB2;
width:220px;
margin:3px 0;
}
#contactform select
{float:right;
border: 1px solid #A5ACB2;
width:202px;
margin:3px 0;
}
#contactform textarea
{float:right;
height:75px;
width:200px;
margin:3px 0;
border: 1px solid #A5ACB2;
}
#contactform input.submit
{
background:#fff;
width:100px;
margin:10px 0 10px 288px;
cursor:pointer;
padding:10px;
float:none;
}
#contactform input.submit:hover
{ background:#eae7ec;
}

#contactform h2
{
 font-size:16px;
 font-weight:bold;
 text-transform:uppercase;
 color:#404042;
 padding:10px 0 5px 15px;
}


#cta-form img.calc
{float:right;
margin:0 3px 0 0;
}
div.referralbox #cta-form p
{
 text-align:left;
 margin:0;
 padding:5px 0;
 
}
#cta-form input
{
 width:215px;
 border: 1px solid #A5ACB2;
}
#cta-form select
{
 width:217px;
 border: 1px solid #A5ACB2;
}
#cta-form input.submit
{
background:#fff;
width:100px;
margin:10px 0 0px 115px;
cursor:pointer;
padding:5px;
float:none;
}
#cta-form input.submit:hover
{ background:#eae7ec;
}



div.content-middleright h1
{
color:#541F7E;
font-size:18px;
font-weight:bold;
padding:5px 15px 0px 15px;
}
div.content-middleright p
{font-size:12px;
color:#404042;
padding:5px 20px 5px 15px;
}

div.content-middleright #contactform
{
 margin:5px 5px 0px 15px;
 border: 1px solid #A5ACB2;
 padding:5px 15px 10px 0;
}


div.content-middleright #contactform select
{
 width:80px;
}
div.content-middleright #contactform input
{width:80px;
}

div.content-middleright #contactform input.long
{width:300px;
margin-right: 150px;
}

div.content-middleright #contactform input.first
{
 margin-top:8px;
}
div.content-middleright #contactform textarea
{
 width:625px;
 float:left;
 margin-left: 15px;
}

div.content-middleright #contactform input.submit
{
 margin-left:530px;
 padding:10px;
 width:100px;
}
div.content-middleright #contactform input.datepicker
{
 width:100px;
}

div.content-middleright #contactform p.title
{
 text-align:center;
}

div.homeheight
{
 height:382px;
}
div.homeheightright
{
 height:728px;
}



img.cmme
{float:right;
margin:10px 20px 10px 10px;
}
#content-right-container {
	width: inherit;
	float: right;
	background-image: url('RightBox.png');
	vertical-align: middle;
	height: auto;
	overflow: hidden;
	text-align: center;
	background-repeat: no-repeat;
	position: absolute;
	right: 30px;
	font-family: "Comic Sans MS";
}

