* { margin: 0px; padding: 0px; list-style-type: none; border-width: 0; } 

body { font-family: Arial; font-size: 12px; } 
body.home { background: url(../images/home/gradient.gif) repeat-x; background-position: 0 129px; } 

h1 { float: left; background: url(   '../images/logo.gif' ) no-repeat; width: 125px; height: 115px; margin-top: 7px; position: relative; }
h1 a { position: absolute; width: 125px; height: 115px; text-indent: -10000px; overflow: hidden; }
.main-heading { display: block; margin: 0 auto; width: 690px; height: 47px; margin-top: 22px; margin-bottom: 30px; background: url(../images/home/main-heading.gif) no-repeat; } 
.ttds { display: block; clear: both; text-indent: -10000px; background: url(   '../images/to-do-social.gif' ) no-repeat; width: 169px; height: 16px; margin-bottom: 5px; } 
a, a:visited { color: #022222; text-decoration: none; } 
.clearer { clear: both; } 

h2, h3, h4, h5 { font-weight: normal; color: #003366; padding-bottom: 0.2em; } 
h5 { font-weight: bold; } 
h2 { font-size: 2.5em; } 
h3 { font-size: 2em; } 
h4 { font-size: 1.6em; } 
h5 { font-size: 1.2em; } 
ul.generic-list { padding-bottom: 10px; } 
ul.generic-list li { background: url(../images/home/list-item.gif) no-repeat; background-position: 25px 5px; padding-left: 65px; color: #333; } 
p.generic-p { padding: 10px 0px 15px 0px; line-height: 1.5em; color: #333; } 
div.left-content { float: left; width: 600px; } 
p.generic-p a, a:visited { color: #003366; } 
html body div #container p.generic-p a:hover { text-decoration: underline; } 

#right-menu { float: right; } 
#right-menu #menu-header div.top { background:url('../images/right_box_corners_top_green.gif') no-repeat; width: 310px; height: 8px; text-indent: -10000px; overflow: hidden; } 
#right-menu #menu-header span.section { text-indent: -10000px; display: block; background: #c2cccc url('../images/home/in-this-section.gif') no-repeat; background-position: 10px 5px; width: 310px; height: 34px;  } 
#right-menu ul { } 
#right-menu li { background-color: #f5f5f5; padding: 7px 0px 7px 10px; border-bottom: solid 1px #dcdcdc; border-top: solid 1px #ffffff; } 
#right-menu li a, #right-menu li a:visited { font-weight: bold; color: #022222; text-decoration: none; }


#container { width: 940px; margin: 0 auto; } 
body.home #container { width: 940px; } 
#header-container { position: absolute; top: 0px; left: 0px; background: url(  '../images/noise_bg.gif' ) repeat-x; width: 100%; height: 125px; border-top: solid 2px #003367; border-bottom: solid 1px #c2c2c2; } 
#niid_container { float: left; margin-top: 5px; padding-top: 10px; margin-left: 15px; } 
#niid_container input.text { margin-top: 5px; font-size: 2.5em; font-weight: bolder; padding: 6px; color: #cccccc; float: left; width: 703px; height: 39px; border-bottom: solid 1px #e4e4e4; border-left: solid 1px #e4e4e4; border-top: solid 1px #cdcdcd; }
#niid_container input.button { float: left; margin: 5px 0px 0px 10px; clear: none; }
#niid_container img.info { margin: 12px 0px 0px 0px; }

#header { position: relative; background: url(  '../images/noise_bg.gif' ); margin-top: 2px; width: 980px; height: 125px; border-bottom: solid 1px #c2c2c2; }
#small_nav { position: absolute; top: 0px; right: 34px; text-transform: lowercase; }
#small_nav li { float: left; padding: 10px 10px 0px 10px; font-size: 1.45em; font-weight: bold; color: #666666; }
#small_nav li.dd { padding: 9px 0px 0px 0px; }  
#small_nav li.selected { background: url(../images/nav_arrow.gif) no-repeat; background-position: 25px 0px; color: #003367; }
ul#small_nav li a:link { color: #666666; text-decoration: none; }
ul#small_nav li a:visited { color: #666666; text-decoration: none; } 
ul#small_nav li a:hover { color: #003366; text-decoration: none; } 
ul#small_nav li a:active { color: #022222; text-decoration: none; } 

#top-row { height: 462px; position: relative; } 
#top-row p.intro { float: left; color: #022222; font-size: 2em; padding-bottom: 15px; width: 580px; height: 85px; }
#top-row p.intro span {font-size: 0.7em;} 
#top-row p.intro span a:link, #top-row p.intro span a:visited, #top-row p.intro span a:active {background-color: #bac4c4; color: #022222;}
#top-row p.intro span a:hover {background: #022222; color: #c2cccc;} 
#top-row img.tick { float: right; margin: -10px 0 0 0; } 
#top-row div#jFlowSlide { float: left; margin: 0 0 0 -10px; position: relative; width: 599px; height: 151px; } 
#top-row div#jFlowSlide p { padding: 95px 20px 0px 20px; color: #022222; font-size: 1.2em; width: 579px; z-index: 1000; } 
#top-row div#jFlowSlide span.header { font-size: 1.8em; } 
#top-row div#jFlowSlide img { position: absolute; margin: 0 0 0 10px; z-index: 10; } 
#top-row a.p { position: absolute; top: 230px; left: -15px; z-index: 20; } 
#top-row a.n { position: absolute; top: 230px; right: 343px; z-index: 20; } 
#top-row div.intro-text { float: left; clear: left; background: url(../images/home/intro-text.gif) no-repeat; margin-top: 10px; width: 581px; height: 81px; text-indent: -10000px; overflow: hidden; } 
.tour-1, .tour-2, .tour-3, .tour-4 {  } 
.tour-1 { background: url(../images/home/tour-1.gif) no-repeat; width: 599px; height: 151px; background-position: 10px 0px; } 
.tour-2 { background: url(../images/home/tour-2.gif) no-repeat; width: 599px; height: 151px; background-position: 10px 0px; } 
.tour-3 { background: url(../images/home/tour-3.jpg) no-repeat; width: 599px; height: 151px; background-position: 10px 0px; }
.tour-4 { background: url(../images/home/tour-4.jpg) no-repeat; width: 599px; height: 151px; background-position: 10px 0px; } 

#bottom-row { } 
#bottom-row div.left-content { float: left; width: auto; } 
#bottom-row h4 { font-weight: bold; font-size: 1.4em; color: #333; padding: 5px 0px 5px 0px; width: 200px; } 
#bottom-row p { width: 300px; line-height: 1.5em; padding-bottom: 10px; } 
#bottom-row p img { float: left; margin: -2px 5px 0px 0px; display: inline; } 

#bottom-row div.niid-list-header { float: right; position: relative; background: url(../images/home/niid-list-header.gif) no-repeat; width: 620px; height: 34px; text-indent: -10000px; overflow: hidden; border-bottom: solid 1px #d2d7d7; } 
#bottom-row div.niid-list-header h5 { position: absolute; left: 0; top: 9px; background: url(../images/home/right-now-on-niid-to.gif) no-repeat; width: 176px; height: 18px; } 
#bottom-row div.niid-list-header img { float: right; margin: 12px; } 
#bottom-row ul.niid-list { float: right; width: 620px; } 
#bottom-row li.niid-item { position: relative; border-bottom: solid 1px #e3e3e3; height: 68px; padding: 0px 0px 0px 0px; } 
#bottom-row img.avatar { float: left; margin-top: 9px; } 
#bottom-row span.sub-text { float: left; width: 200px; padding-left: 10px; font-size: 0.9em; color: #999;  } 
#bottom-row a.title { float: left; width: 400px; font-size: 1.5em; font-weight: bold; color: #222222; padding: 12px 15px 2px 10px; text-decoration: none; } 
#bottom-row span.sub-text a { color: #999; }
#bottom-row ul.icons { float: right; width: 120px; margin-top: 5px; } 
#bottom-row ul.icons li { padding: 1px; text-align: right; } 
#bottom-row ul.icons li a, #bottom-row ul.icons li a:visited { font-size: 0.9em; color: #999999; } 

div#content { margin-top: 25px; } 

div#wrapper { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -400px; /* the bottom margin is the negative value of the footer's height */
}

div.push { 
    height: 400px; 
} 

div#footer { 
    height: 400px; 
    background-color: #f5f5f5; 
    border-top: solid 1px #c2cccc; 
    margin-top: 25px; 
}

div#footer div#feedback { 
    width: 940px; 
    margin: 0 auto; 
    height: 35px; 
    border-left: solid 1px #fefefe; 
    background-color: #c2cccc; 
} 
div#footer div#feedback-b { 
    margin: 0 auto; 
    background: #c2cccc url(/images/footer-b.gif) no-repeat; 
    height: 8px; 
    width: 941px; 
} 

div.centered { 
    float: left; 
    width: 100%; 
    overflow: hidden; 
    position: relative; 
    clear: both; 
} 

div#footer ul { 
    position: relative; 
    left: 50%; 
    float: left; 
    clear: left; 
    margin-top: 20px; 
} 

div#footer li { 
    display: block; 
    position: relative; 
    right: 50%; 
    float: left; 
    padding: 0px 10px 0px 6px; 
    background: url(/images/footer-seperator.gif) no-repeat; 
    background-position: 100% 3px; 
} 

div#footer li a, div#footer li a:visited { 
    color: #666666; 
    font-size: 0.9em;
    text-decoration: none; 
} 

div#footer li.last { 
    background: none; 
}