/* --------------------------------------------------------------

    base.css

    Author:
    Date:

    This is the main stylesheet

    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Tahoma, Verdana, Arial Sans-Serif;
	color: #333;
	background:url(/structure/site-bg.gif);
	}

strong { font-weight:bold; }
em { font-style:italic; font-family: Georgia, "Times New Roman", Serif; }

.floatleft { float: left; }
.floatright { float: right; }

.clear-floats { clear: both; font-size: 1px; }

a:link,
a:visited { text-decoration:none; }
a:link		{ color:#03689e; }
a:visited { color:#03689e; }
a:hover, a:visited:hover { color:#03689e; text-decoration:underline; }

/* --------------------------------------------------------------

    +Layout

    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 		{ width: 100%; margin: 0 auto; padding: 0; position: relative; }
#shell 	{ width: 977px; margin: 0 0 0 20px; position: relative; }
#page 	{ text-align: left; padding-top:20px }


#main { width:700px; float:left; margin-right:20px; }

#header 	{ width:620px; padding-left:80px; background-color:#fff; background-image:url(/structure/header-bg.gif); background-repeat:no-repeat; background-position:80px 0; float:left; }
#main .ffo { background-image:url(/structure/header-bg-ffo.gif); }
#main .ffos { background-image:url(/structure/header-bg-ffos.gif); }
#main .ffom { background-image:url(/structure/header-bg-ffom.gif); }
#main .fmp { background-image:url(/structure/header-bg-fmp.gif); }
#main .ff { background-image:url(/structure/header-bg-ff.gif); }
#main .sc { background-image:url(/structure/header-bg-sc.gif); }
#main .bm { background-image:url(/structure/header-bg-bm.gif); }

#content 	{ width:620px; padding-left:80px; padding-bottom:1em; background-color:#fff; }
#graphic, #content .graphic, #content .graphics	{ width:200px; height:390px; margin-right:10px; float:left; }
#graphic, #content .graphic img { width:200px; height:390px; }
.graphics p { padding:0; color:#999; }
#text			{ width:410px; float:left; padding-top:20px; }

.col { float: left; margin-right: 14px; width: 93px; }

.span-1 { width: 93px; }
.span-2 { width: 200px; }
.span-3 { width: 307px; }
.span-4 { width: 414px; }
.span-5 { width: 521px; }
.span-6 { width: 628px; }
.span-7 { width: 735px; }
.span-8 { width: 842px; }
.span-9 { width: 949px; }

/* This should be the standard container ---------------------- */
.module { padding: 14px; margin-bottom: 14px; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p { margin-bottom: 1.5em; padding:0 20px 0 10px; }
p, ul, ol, blockquote, dd, dt, table { font-size: 0.9em; padding:0 20px 0 10px; line-height: 1.6em; }

hr { height:0; background-color:transparent; border-width:0; }

#content p, #content ol, #content ul { font-size:1.2em; }

/* Lists ----------------------------------------------------- */

dt { margin-bottom: 0.35em; }
dd { margin-bottom: 1.3em; }

ul, ol { margin: 0 0 1.5em 0; padding: 0 20px 0 2.5em; }
li { margin: 0 0 1em 0; }
#content ul ul,
#content ul ol,
#content ol ol,
#content ol ul { font-size:1em; }

ul.inline-list { float: left; }
ul.inline-list li { float: left; display: inline; }

/* Headings -------------------------------------------------- */


h1, h2, h3, h4, h5 {
	margin: 0;
	color: #333;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}

h1 { font-size: 2.3em; margin-bottom: 0.667em; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.9em; margin-bottom: 0.8em; }
h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.7em; margin-bottom: 0.889em; }
h4 { font-size: 1.5em; margin-bottom: 1.066em; }
h5 { font-size: 1.3em; margin-bottom: 1.2307em; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; }

h1 span, h2 span, h3 span { display: none; }

#header h1 { background-image:url(/images/logo.gif); background-repeat:no-repeat; width:200px;float:left; height:99px; margin:16px 0 2px 0; padding:0; float:left; }
#header h1 a { display:block; height:99px; }

#content h3, #content h2 { padding:0 20px 0 10px; }

#contactnos h4 { font-family:Arial, Helvetica, sans-serif; font-size:1.1em; margin:0; padding:0; }
#contactnos h3 { font-size:1.2em; }
#contactnos h3 a:link, #contactnos h3 a:visited { text-decoration:underline; }
#contactnos h4 a:link, #contactnos h4 a:visited { text-decoration:underline; color:#1aaad9; }
#contactnos h3 a:visited:hover, #contactnos h3 a:hover { color:#1aaad9; }
#contactnos h4 a:visited:hover, #contactnos h4 a:hover,
#contactnos ul a:visited:hover, #contactnos ul a:hover { color:#1ad9b7; }

h2#strapline { clear:both; background-image:url(/images/strapline.gif); background-repeat:no-repeat; width:100%; padding:0; height:30px; margin:20px 0 25px 0; float:left; }

/* --------------------------------------------------------------

    +Tables

-------------------------------------------------------------- */

table { border-top:1px solid #D6DCDD; margin:2em 0; padding:0; }
table td,
table th { vertical-align:top; font-size:1.4em; padding:2px 8px; border-bottom:1px solid #D6DCDD; }
table th { font-weight:bold; }

/* --------------------------------------------------------------

    +Forms

-------------------------------------------------------------- */

fieldset { padding:10px; }
fieldset label { float:left; width:100px; margin:0 5px 5px 0; font-size:1.2em; color:#333; }
fieldset input,
fieldset select { margin-bottom:5px; }
fieldset em { white-space:nowrap; margin:10px 0; }
fieldset br { clear:both; }
fieldset .button {
  background:#0068A1;
  border:1px outset #0068A1;
  padding:5px 10px;
  color:#fff;
  font-weight:bold;
  margin-left:105px;
  margin-top:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
fieldset .button:hover { background:#2390cb; }
fieldset .button:active { background:#fff; color:#0068A1 }

/* --------------------------------------------------------------

    +Navigation

-------------------------------------------------------------- */


#nav { color:#777777; width:190px; float:left; background-color:#fff; background-image:url(/structure/nav-bg.gif); background-repeat:no-repeat; background-position:top center; }
#nav h2 { color:#333; font-size:1.1em; margin:2em 0 1em 0; padding:0 20px; }
#nav p { padding:0 20px; }
#nav img { margin:5px 20px; }

#nav #contactnos { border-bottom:1px solid #EEE; margin:0 20px 20px 20px; padding:0 0 5px 0;  }
#nav #contactnos h3 { border-top:1px solid #EEE; color:#03689e; font-size:1.1em; margin:5px 0 0 0; padding-top:5px; }
#nav #contactnos p { font-size:1.2em; padding:0; margin:0; color:#CCC; }
#nav #contactnos p span { color:#666; }
#nav #contactnos p a { font-weight:bold; }

#nav #rightnav h2 { font-size:1.4em; border-top:1px solid #EEE; }
#nav #rightnav ul { list-style:none; }
#nav #rightnav li { font-size:1.2em; background-image:url(/images/menu-bullet.gif); background-position:left 10px; background-repeat:no-repeat; padding:5px 0 5px 15px; margin:0; color:#CCC; border-bottom:1px solid #EEE; }
#nav #rightnav li a { font-weight:bold; }

#subnav { float:right; }
#subnav ul { list-style:none; margin:0; padding:60px 35px 0 0;text-align:right;font-size:1.1em; line-height:1.2em; }
#subnav ul li { margin-bottom:2px; background-image:url(/images/menu-bullet.gif); background-position:right 5px; background-repeat:no-repeat; padding-right:15px; }

/* --------------------------------------------------------------

    +Homepage

-------------------------------------------------------------- */
#leadImage {
    clear:both;
    padding: 0 0 10px 0;
    margin: 0;
    width:619px;
    height:239px;
}

#leadImage img {
    margin: 0;
    padding-bottom:10px;
    width:619px;
    height:239px;
}


/* --------------------------------------------------------------

    +Footer

-------------------------------------------------------------- */

#footer { color:#999; }
#footer div { margin-top:20px; width:620px; background-color:#fff; padding: 10px 0 10px 80px; }
#footer div img { margin-right:22px; }
#footer div p { margin:0; }

/* --------------------------------------------------------------

		+Overwrite Styles

    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

-------------------------------------------------------------- */

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.bold 	 	{ font-weight: bold; margin: 0; }
.quiet 	 	{ font-weight: lighter; text-transform: none; letter-spacing: 0;}
.last 		{ margin-right: 0; }
.half 		{ width: 48.5%; margin-right: 15px; }
.left 		{ float: left; }
.italic 	{ font-style: italic; letter-spacing: 0.04em; }

.no-marg 			{ margin: 0; }
.no-pad 			{ padding: 0; }
.marg-right 	{ margin-right: 14px; }
.marg-left 		{ margin-left: 14px; }
.marg-bottom 	{ margin-bottom: 14px; }
.marg-top 		{ margin-top: 14px; }
.marg-all 		{ margin: 14px; }

.pad-bottom 	{ padding-bottom: 14px; }

/* --------------------------------------------------------------

    +FFO

-------------------------------------------------------------- */

ol#points { list-style:none; margin:1em 0; }
ol#points li { padding:5px 5px 10px 5px; margin:0 0 4px 0; background-color:#f1f2cc; }
ol#points p { font-size:1em; padding:0 10px 0 5px; margin:0; }
ol#points h3 { font-size:1.4em; padding:0 5px; margin:0; color:#B8BE00; }


#acrobat
{
	float: right;
	width: 150px;
	height: 150px;
	background: #FFFFFF;
}

#acrobat p { line-height:1em; text-align:center }
#acrobat img { width:100px; margin-left:20px; }

.error
{
	color: #990000;
}