/*------------------------------------------------------------------
[THEME]: RAM MUTUAL INSURANCE COMPANY
[AUTHOR]: JAMES NORTHARD
[MAIL]: JNORTHARD@NAMIC.ORG
[VERSION]: 29 APRIL, 2009
[AUTHOR URI]: HTTP://WWW.NAMICWEBSERVICES.COM
-------------------------------------------------------------------*/


/*******GLOBAL STYLES*******/
html {height: 100%; filter: expression(document.execCommand("BackgroundImageCache", false, true)); min-width:1050px; overflow-y:scroll;}
* {padding:0; margin:0;}
div, h1, h2, h3, ul, li {margin: 0px; padding: 0px; border: 0px;}
body {height:100%; margin: 0px; padding: 0px; border: 0px;}

/*******GENERAL*******/
body {background:#FFFFFF url(../images/bg_stripe.gif) repeat-y top center; color:#2b2b2b; font:14px/16px Arial, sans-serif; margin:0px auto;}
#banner { position:absolute; left:0px; top:0; margin:0px; padding:0px; z-index:-99; background:url(../images/top_banner_bg1.gif) no-repeat top center; width:100%; height:700px; background-position:center; }
/*******MAIN CONTENT*******/
#content {min-height:100%; height: auto !important; height: 100%; margin:0 auto; position:relative; width:1050px;}

/*******LOGO BANNER*******/
#logo {background:url(../images/logo.png) no-repeat; color:#FFFFFF; font:bold 12px/18px Arial, sans-serif; height:260px; width:343px; float:left; z-index:10; position:relative;}
#address {font:bold 12px/18px Arial, sans-serif; height:260px; width:707px; z-index:10; position:relative; float:right;}
#address p{color:#ffffff; margin:0 0 0 507px; padding:20px 0 0 0; text-align:left;}
/*#logo p{color:#ffffff; margin:0 0 0 850px; padding:20px 0 0 0; text-align:left;}*/

/******MAIN CONTENT******/
#homepan {color:#2b2b2b; float:left; height:100%; position:relative; width:1050px;}
#mainpan {color:#2b2b2b; float:left; height:100%; margin:15px 0 0 0; position:relative; width:1050px;}
/*#mainpan {background:url(../images/trans_bg.png) repeat-y top center; color:#2b2b2b; float:left; height:100%; margin:15px 0 0 0; position:relative; width:1050px;}*/
#textpan {float:left; font:14px Arial, sans-serif; min-height:100%; height:100%; position:relative; width:692px;}
#textpan a:link, #textpan a:visited {border-bottom:1px solid #2c96c7; color:#2c96c7; text-decoration:none;}
#textpan a:hover {border-bottom:1px dashed #2c96c7;}
#textpan h1{color:#417abe; font-weight:bold; font-size:200%; margin:15px 15px 5px 61px;}
#textpan h2{color:#7091a4; font-weight:bold; font-size:150%; margin:5px 15px 5px 61px;}
#textpan p{line-height:20px; margin:0 20px 20px 61px;}

#insidepan {float:right; font:14px Arial, sans-serif; min-height:650px; height:100%; margin:-115px 0 0 0; position:relative; width:710px;}
#insidepan a:link, #insidepan a:visited {border-bottom:1px solid #2c96c7; color:#2c96c7; text-decoration:none;}
#insidepan a:hover {border-bottom:1px dashed #2c96c7;}
#insidepan h1{color:#417abe; font-weight:bold; font-size:200%; margin:25px 15px 5px 20px;}
#insidepan h2{color:#fc761f; font-weight:bold; font-size:150%; margin:0 15px 5px 20px;}
#insidepan p{line-height:20px; margin:0 50px 10px 20px;}
#insidepan ul.bullets li {list-style-image:url(../images/bullet.gif); line-height:16px; margin:5px 50px 5px 50px; padding:3px;}
#insidepan ol li {line-height:16px; margin:5px 50px 5px 50px; padding:3px;}
#insidepan img {border:1px solid #417abe;}
#insidepan .hr {background-color: #d0d0d0; height:1px; margin: 10px 0 10px 20px; width:40%;}
#insidepan .table {margin:0 50px 10px 20px;}
#insidepan .table td {padding:2px;}
#insidepan input {padding:2px;  margin:2px;}
.pdf {color:#990000; font:bold 14px Arial, sans-serif;}

#loginpan {float:left; font:14px Arial, sans-serif; min-height:550px; height:100%; margin:0 0 0 150px; position:relative; width:710px; text-align:center;}
#loginpan a:link, #loginpan a:visited {border-bottom:1px solid #2c96c7; color:#2c96c7; text-decoration:none;}
#loginpan a:hover {border-bottom:1px dashed #2c96c7;}
#loginpan h1{color:#417abe; font-weight:bold; font-size:200%; margin:25px 15px 5px 20px;}
#loginpan h2{color:#fc761f; font-weight:bold; font-size:150%; margin:0 15px 5px 20px;}
#loginpan p{line-height:20px; margin:0 50px 10px 20px;}
#loginpan ul.bullets li {list-style-image:url(../images/bullet.gif); line-height:16px; margin:5px 50px 5px 50px; padding:3px;}
#loginpan ol li {line-height:16px; margin:5px 50px 5px 50px; padding:3px;}
#loginpan img {border:1px solid #417abe;}
#loginpan .hr {background-color: #d0d0d0; height:1px; margin: 10px 0 10px 20px; width:40%;}
#loginpan .table {margin:0 50px 10px 20px;}
#loginpan .table td {padding:2px;}
#loginpan input {padding:2px;  margin:2px;}

/*******QUICK LINKS*******/
#quicklinks {float:left; position:relative; margin:0 0 0 40px; height:118px;}
#quicklinks p{margin:3px 100px 0 15px; font:normal 12px Arial, sans-serif; line-height:20px;}
#quicklinks input{color:#2b2b2b;}
#quicklinks .blue{color:#417abe; font:bold 16px Arial, sans-serif; margin:18px 0 0 15px;}
#quicklinks .orange{color:#fc761f; font:bold 16px Arial, sans-serif; margin:18px 0 0 15px;}
#quicklinks .green{color:#6b9a07; font:bold 16px Arial, sans-serif; margin:18px 0 0 15px;}
#quicklinks a:link, #quicklinks a:visited {font:normal 12px Arial, sans-serif; margin:0; text-decoration:none;}
#quicklinks a.blue:link, #quicklinks a.blue:visited {border-bottom:1px dashed #417abe; color:#417abe;}
#quicklinks a.blue:hover{border-bottom:1px solid #417abe;}
#quicklinks a.orange:link, #quicklinks a.orange:visited {border-bottom:1px dashed #fc761f; color:#fc761f;}
#quicklinks a.orange:hover{border-bottom:1px solid #fc761f;}
#quicklinks a.green:link, #quicklinks a.green:visited {border-bottom:1px dashed #6b9a07; color:#6b9a07;}
#quicklinks a.green:hover{border-bottom:1px solid #6b9a07;}

/*******PHOTOS*******/
#photos img{border:none;}

/******FEATURED COLUMN******/
#featuredpan {border-left:1px solid #cccccc; float:right; height:100%; min-height:200px; position:relative; width:357px;}
#featuredpan h1{color:#fc761f; font-weight:bold; font-size:200%; margin:25px 15px 5px 10px;}
#featuredpan p{line-height:20px; margin:0 20px 20px 5px;}
#featuredpan ul li {border-bottom:1px dashed #fc761f; list-style-image:url(../images/bullet.gif); line-height:16px; margin:10px 60px 0 30px; padding:3px;}


/*******STAFF********/
#staff {float:left; height:200px; margin:0 12px 0 20px; position:relative; width:95%;}
#staff img {background:#fafafa; border:1px solid #e4e4e4; height:162px; margin:-30px 30px 0 15px; padding:5px; width:162px;}

/******SLIDESHOW*******
#slider{margin:-103px 0 0 40px; z-index:1; position:relative;}
#slider ul, #slider li, #slider2 ul, #slider2 li{margin:0; padding:0; list-style:none;}
#slider li, #slider2 li{width:980px; height:304px; overflow:hidden;}	
#slider2 li{background:#f1f1f1;}		
p#controls, p#controls2{margin:0; position:relative;} 
#prevBtn, #nextBtn, #prevBtn2, #nextBtn2{display:block; margin:0; overflow:hidden; text-indent:-8000px; width:27px; height:74px; position:absolute; left:14px; top:-190px;}
#nextBtn, #nextBtn2{left:1022px;}														
#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a{display:block; width:30px; height:77px; background:url(../images/btn_prev.png) no-repeat 0 0;}	
#nextBtn a, #nextBtn2 a{background:url(../images/btn_next.png) no-repeat 0 0;}
img{border:none;}*/

/*******MEMBER TABLES*******/
#members{border-collapse: collapse; font:14px Arial, sans-serif; line-height:1.4em; margin:0 0 76px 0; width:92%; text-align:center;}
#members th{font:bold 14px Arial, sans-serif; padding: 8px; border-bottom: 1px solid #d0d0d0; color: #417abe; text-align:center;}
#members td{padding: 8px; background:#ffffff;  border-bottom: 1px solid #d0d0d0; color: #2b2b2b; border-top: 1px solid transparent;
}
#members tr:hover td {background: #417abe; color: #ffffff; border-bottom: 1px solid #2b2b2b;}
#members tr:hover td a {color:#ffffff; border-bottom:1px solid #ffffff;}

/******FOOTER PANEL******/
#footer {background:#85AAC0 url(../images/footer.gif) no-repeat bottom center; clear:both; height:76px; margin-left:8px; margin-right:auto; position:relative; width:99%;}
#footer p {bottom: 0px; color: #ffffff; font:14px Arial, sans-serif; margin:20px auto; padding:0; position:absolute; text-align:center; width:100%;}
#footer a:link, #footer a:visited {border-bottom:1px solid #ffffff; color:#ffffff; font:14px Arial, sans-serif; text-decoration:none;}
#footer a:hover {border-bottom:1px dashed #ffffff;}
.push {height:76px;}


/******NAVIGATION******/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.nav {background: url(../images/nav.gif) repeat-x; float:right; font:bold 15px Arial, sans-serif; height:48px; position:relative; margin:-152px 35px 0 0; width:620px; z-index:10;}
.nav .table {display:table; margin:0 auto;}
.nav .select,
.nav .current {display:table-cell; list-style:none; margin:0; padding:0; white-space:nowrap;}
.nav li {float:left; height:auto; margin:0; padding:0;}
.nav .select a {background: url(../images/nav_0.gif); color:#fff; display:block; float:left; height:48px; line-height:48px; margin-left:15px; padding:0 0 0 15px; text-decoration:none;}
.nav .select a b{background:url(../images/nav_0.gif) right top; display:block; float:left; padding:0 27px 0 12px;}
.nav .current a {background: url(../images/nav_1.gif); color:#fff; display:block; height:45px; float:left; padding:0 0 0 15px; text-decoration:none; line-height:35px; white-space:nowrap;}
.nav .current a b {background:url(../images/nav_1.gif) right top; display:block; padding:0 30px 0 15px;}
.nav .select a:hover, 
.nav .select li:hover a {background: url(../images/nav_1.gif); color:#fff; padding:0 0 0 15px;}
.nav .select a:hover b, 
.nav .select li:hover a b {background:url(../images/nav_1.gif) right top;  display:block; float:left; padding:0 27px 0 12px;}
.nav .select_sub {display:none; height:30px;}
/*******IE6 only*******/
.nav table {border-collapse:collapse; margin:-1px; width:0; height:0;}
.nav .sub {display:table; height:30px; line-height:30px; list-style:none; margin:-10px auto; font:bold 13px Arial, sans-serif;}
.nav .select :hover .select_sub, 
.nav .current .show {background:url(../images/blk_transparent.png); display:block; position:absolute; width:620px; top:48px;z-index:100; left:5px; text-align:center;}
.nav .current .show {z-index:10;}
.nav .select :hover .sub li a, 
.nav .current .show .sub li a {background:transparent; display:block; float:left; padding:0 10px 0 10px; margin:0; border:0; font-weight:bold; height:30px;}
.nav .select :hover .sub li a:hover, .nav .current .show .sub li a:hover{background:#fc761f; margin-top:10px; line-height:28px;}

/*******INSIDE NAVIGATION*******/      
#ramdiv {float:left; margin:0px 0 0 2px; position:relative; width:300px; z-index:1000;}
#ramdiv ul{border-bottom:none; font:14px Arial, sans-serif; list-style-type: none; margin:0 0 0 40px; padding: 0;  z-index:1000;}
#ramdiv h1{color:#fc761f; font-weight:bold; font-size:200%; margin:20px 0 0 50px;}
#ramdiv p{font:14px/16px Arial, sans-serif; color:#000000; margin:20px 0 0 50px;}
#ramdiv ul li{position: relative;}
#ramdiv ul li ul{background-color:#f1f1f1; margin:0; position: absolute; top: 0; width: 250px; visibility: hidden; z-index:100;}
#ramdiv ul li ul li ul{background-color:#eeeeee; margin:0; position: absolute; top: 0; width: 300px; visibility: hidden; z-index:100;}
#ramdiv ul li a, #ramdiv ul li a:visited{background: #ffffff; border-bottom: 1px solid #d0d0d0; color: #222426; display: block; overflow: auto; text-decoration: none; padding: 5px 10px;}
#ramdiv ul li ul a, #ramdiv ul li ul a:visited{background: #e2eaf0; border-bottom: 1px solid #d0d0d0; z-index:100;}
#ramdiv ul li ul a:hover{background-color:#fc761f; color:#ffffff; z-index:100;}
/*#ramdiv ul li ul li ul a, #ramdiv ul li ul li ul a:visited{background: #d0dee7; border-bottom: 1px solid #ffffff;}*/
#ramdiv ul li a:hover{background-color:#fc761f; color:#ffffff;}
* html #ramdiv ul li { float: left; height: 1%; }
* html #ramdiv ul li a { height: 1%; }
ul.events li  {border-bottom:1px dashed #fc761f; list-style-image:url(../images/bullet.gif); line-height:16px; margin:10px 0 0 30px; padding:3px;}

/*******MAP STYLE*******/
.gsmsc-mapDiv {height:500px; min-height:480px;}
.gsmsc-idleMapDiv {height:500px; min-height:480px;}
#mapsearch {width :650px; margin: 10px; padding: 4px;}




/*******Inquiry Navigation*********/
/*#inquirydiv {position:absolute; padding:200px;}
#inquirydiv p{margin:3px 100px 0 15px; font:normal 12px Arial, sans-serif; line-height:20px;}
#inquirydiv a:link, #quicklinks a:visited {font:normal 12px Arial, sans-serif; margin:0; text-decoration:none;}*/


/*
	List Expander 
*/

.listexpander{width:100%;}
.listexpander, .listexpander ul, .listexpander li{
	margin:0;
	padding:0;
	list-style:none;
}
.listexpander ul{
	/*
	Uncomment this if you want to initially hide the child lists. 
	If you do, Javascript disabled and CSS enabled browsers will not be able to use this list.
	display:none;
	*/ 
}
.listexpander li{
	line-height:200%;
	margin-top:1px;
	cursor:default;
	text-indent:30px;
	font-weight:bold;
	width:100%;
}

.listexpander li.collapsed, .listexpander li.expanded{cursor:pointer;} 

/* first level */

.listexpander li, .listexpander li.collapsed{background:#eee url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li.expanded{background:#eee url(expanded.gif) no-repeat 5px .4em;}

/* second level */

.listexpander li ul, .listexpander li li{background:#f8f8f8;font-weight:normal;}
.listexpander li li.collapsed{background:#f8f8f8 url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li.expanded{background:#f8f8f8 url(expanded.gif) no-repeat 5px .4em;}

/* third level */

.listexpander li li ul, .listexpander li li li{background:#fff;}
.listexpander li li li.collapsed{background:#fff url(collapsed.gif) no-repeat 5px .4em;} 
.listexpander li li li.expanded{background:#fff url(expanded.gif) no-repeat 5px .4em;}

/* fourth level */

.listexpander li li li li{text-indent:0;margin-left:30px;width:auto;}

/* etc. */

/* buttons */

p.listexpander{
	height:1.5em;
	margin:1em 0;
}
p.listexpander a{
	float:left;
	height:1.5em;
	line-height:1.5em;
	padding:0 10px;
	border:1px solid #eee;
	margin-right:5px;
	cursor:pointer;
}
p.listexpander a:hover{
	background:#f8f8f8;
}

/* float fix */
.listexpander li:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.listexpander li{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .listexpander li{
	height: 1%;
}
.listexpander li{
	display: block;
}
/* End hide from IE-mac */
/* end float fix */

/* MB added */
.SectionHead 
{
    background-color: #85AAC0;
    color: #FFFFFF;
    font-weight:bold;
    padding: 4px;
}

.loginHeader 
{
    font-size: 28px;
    font-weight: bold;
    height: 36px;
}

.lightbluelink 
{
    border-bottom:1px solid #2c96c7;
    color:#2c96c7; 
    text-decoration:none;
}
.lightbluelink:hover {border-bottom:1px dashed #2c96c7;}
.bold 
{
    font-weight:bold;
}

#ctl00_ContentPlaceHolder1_tblMortgagee TR TD 
{
    font-size:12px;
}
#ctl00_ContentPlaceHolder1_tblTxn TR TD 
{
    font-size:12px;
}
.redbold 
{
    color:Red;
    font-weight:bold;
}
.offrow
{
    background-color:#EEEEEE;
}
.padright
{
    padding-right:5px;
}