@charset "UTF-8";

/* CSS Document */
/* Riley & Associates -  Dene Hall 2009*/

/* EDITOR START */

hr{
border-bottom:1px solid #1e4f9e;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
margin-top:15px;
margin-bottom:15px}

h1{
font-size:18px;
color:#1e4f9e;
margin-bottom:15px;
border-bottom:1px solid #1e4f9e;
padding:0 0 15px 0}

h2{
font-size:16px;
color:#67a9ae;
margin-top:5px;
margin-bottom:5px}

h3{
font-size:13px;
color:#1e4f9e;
margin-top:5px;
margin-bottom:5px}

h4{
font-size:12px;
color:#1e4f9e;
margin-top:5px;
margin-bottom:5px}

a{
color:#1e4f9e;
text-decoration:none}

a:hover{
color:#1e4f9e;
text-decoration:underline}

p{
margin-bottom:10px}

.lt_blue{
color:#1e4f9e}

.blue{
color:#223864}

.input{
margin:0}

.submit{
margin:10px 0 0 0}

img, div, input { behavior: url("iepngfix.htc") }

/* EDITOR END */

body{
font-size:12px;
font-weight:200;
line-height:24px;
color:#223864;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#ffffff url(assets/bg-noband.jpg) repeat-x top left fixed}

*{
margin:0;
padding:0}

img{
border:0}

/* --------- Main Container --------- */

#wrapper{
width:100%;
height:100%;
padding:0;
margin:0;
background:url(assets/bg.jpg) repeat-x top left}

#main_container{
width:990px;
height:100%;
padding:0;
margin:0 auto}

/* --------- Masthead ---------*/

#masthead_wrapper{
float:left;
width:100%;
height:212px;
margin:0;
padding:0;
background:url(assets/shell_repeat.jpg) repeat-x bottom left}

#masthead{
width:990px;
height:212px;
margin:0 auto;
padding:0;
background:none}

.masthead_left{
width:200px;
float:left}

.masthead_left img{
margin:17px 0 0 20px}

.masthead_right{
width:790px;
height:215px;_height:212px;
float:left;
text-align:right;
margin:0;
padding:0}

.masthead_right h2{
color:#ffffff;
margin:35px 30px 3px 0;
font-size:20px;
font-weight:600}

.masthead_right h3{
color:#bbe1ec;
margin:0 30px 3px 0;
font-size:16px;
font-weight:200}

.masthead_right h4{
color:#ffffff;
margin:0 30px 3px 0;
font-size:16px;
font-weight:200}

.masthead_right img{
margin:0 27px 0 20px;
float:right}

/* --------- Navigation top ---------*/

#nav{
line-height:20px;
clear:both;
color:#ffffff;
width:940px;
height:20px;
text-align:left;
padding:0 0 0 8px;
margin:0 auto}

#nav ul{
margin:0;
padding:0;
color:#ffffff!important}

#nav li{
list-style:none;
display:inline;
margin:0;
padding:4px 8px 0 0;
position:relative;
float:left}

#nav a{
text-decoration:none;
color:#ffffff;
margin:0;
padding:0 17px 0 0}

#nav a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0 17px 0 0}

#nav .active a{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0 17px 0 0}

#nav .active a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0 17px 0 0}

/* --------- Dropdown Menu ---------*/

#nav li ul{
position:absolute;
top:1.5em;
left:-999em;
width:13em;
background-color:#6699cc;
margin:5px 0 0 -3px!important;*margin:0 0 0 -40px!important; _margin:0 0 0 -40px!important;
padding:0 0 0 10px}

#nav li ul a, #nav li ul a:hover{
width:13em;
display:block;
line-height:25px!important;
color:#ffffff}

#nav li:hover ul{
left:auto}

#nav li.sfhover ul{
left:auto}

/* --------- Mainarea ---------*/

#mainarea_wrapper{
width:990px;
height:100%;
float:left;
margin:10px 0 0 0;
background:url(assets/mainarea_top.jpg) no-repeat top left}

#mainarea{
width:990px;
height:100%;
float:left;
margin:25px 0 0 0;
background:url(assets/mainarea_bg.jpg) repeat-x bottom left}

/* --------- Left Column ---------*/

#left_column{
width:174px;
height:100%;
float:left;
margin:0 0 0 27px;_margin:0 0 0 12px;
padding:0}

.slideshow{
width:174px;
float:left;
margin:0 0 5px 0}

.testimonials{
width:146px;
height:100%;
margin-top:10;
padding:0 5px 0 0}

/* --------- Right Column ---------*/

#right_column{
width:169px;
float:left;
margin:0 0 0 4px;_margin:0 0 0 6px;
padding:0}

#right_column h2{
font-size:14px;
margin:9px 0 0 40px;
color:#ffffff}

#right_column img{
margin:0 0 0 23px}

#right_column a{
text-decoration:none!important}

#right_column a:hover{
text-decoration:none!important}

.phone{
width:169px;
height:42px;
float:right;
margin:2px 0 0 0;
padding:0;
text-align:left;
background:url(assets/phone_bg.png) no-repeat top left}

.skype{
width:169px;
height:42px;
float:right;
margin:2px 0 0 0;
padding:0;
text-align:left;
background:url(assets/skype_bg.png) no-repeat top left}

.blog{
width:169px;
height:42px;
float:right;
margin:2px 0 0 0;
padding:0;
text-align:left;
background:url(assets/blog_bg.png) no-repeat top left}

.twitter{
width:169px;
height:42px;
float:right;
margin:2px 0 0 0;
padding:0;
text-align:left;
background:url(assets/twitter_bg.png) no-repeat top left}

.ad_area{
float:right;
color:#ffffff;
line-height:20px;
width:139px;
height:100%;
padding:10px 0 10px 12px;
margin:0;
background:#669acc url(assets/column_bg.jpg) repeat-x bottom left}

.ad_area img{
position:relative;
top:0;
left:-27px;
margin:0 0 10px 0}

/* --------- Navigation right ---------*/

#right_nav{
color:#ffffff;
padding:0;
width:151px;
height:100%;
float:right;
margin:3px 0 20px 0;
text-align:left;
background:#4bc5e7}

#right_nav ul{
color:#ffffff;
padding:0 0 0 27px;
margin:0;
height:100%}

#right_nav li{
list-style:none;
display:block;
margin:0;
padding:4px 20px 4px 0;
float:left;
clear:left}

#right_nav a{
color:#ffffff;
text-decoration:none;
padding:0}

#right_nav a:hover{
color:#ffffff;
text-decoration:underline!important;
padding:0}

#right_nav .active a{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0}

#right_nav .active a:hover{
text-decoration:underline;
color:#ffffff;
margin:0;
padding:0}

/* --------- Text Area ---------*/

.textarea{
padding:15px 33px 20px 33px;
margin:0;
width:523px;
height:100%;
float:left;
min-height:500px}

.textarea ul{
padding:10px 20px 10px 10px}

.textarea li{
list-style:none;
padding:0 0 0 15px;
background:url(assets/bullet.gif) no-repeat center left}

.container{
width:523px!important;
height:100%;
margin:0 0 20px 0;
border-bottom:1px solid #1e4f9e;
float:left}

.container li{
list-style:none;
background:none!important}

/* --------- Footer --------- */

.member_logo a{
text-indent:-1000px;
overflow:hidden;
float:left;
width:206px;
height:47px;
margin:5px 0 0 27px;
background:url(assets/ICF.gif) no-repeat 0 -47px}

.member_logo a:hover{
text-indent:-1000px;
overflow:hidden;
float:left;
width:206px;
height:47px;
margin:5px 0 0 27px;
background:url(assets/ICF.gif) no-repeat 0 0}

.icon_mail a{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background:url(assets/icons.gif) no-repeat 0 -40px}

.icon_mail a:hover{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background-position:0 0}

.icon_phone a{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background:url(assets/icons.gif) no-repeat -120px -40px}

.icon_phone a:hover{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background-position:-120px 0}

.icon_skype a{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background:url(assets/icons.gif) no-repeat -40px -40px}

.icon_skype a:hover{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background-position:-40px 0}

.icon_blog a{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 20px 0 10px;
background:url(assets/icons.gif) no-repeat -80px -40px}

.icon_blog a:hover{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 20px 0 10px;
background-position:-80px 0}

.icon_twitter a{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background:url(assets/icons.gif) no-repeat -160px -40px}

.icon_twitter a:hover{
text-indent:-1000px;
overflow:hidden;
float:right;
width:40px;
height:40px;
margin:12px 0 0 10px;
background-position:-160px 0}

#footer{
width:990px;
padding:0;
margin:0 0 20px 0;
font-size:9px;
line-height:12px;
clear:left}

#footer a, #footer a:hover{
color:#3c3760}

#footer h3{
margin:0!important;
font-style:italic;
line-height:19px}

#footer img{
float:left;
margin:0 40px 0 27px}

.footer_top{
float:left;
width:990px;
height:79px;
text-align:left;
margin:0;
padding:15px 0 0 0;
background:url(assets/footer_top.jpg) repeat-x bottom left}

.footer_bottom{
float:left;
width:990px;
height:40px;
text-align:center;
margin:0;
padding:25px 0 0 0;
background:url(assets/footer_shadow.jpg) no-repeat top left}