/*------------------------------------------------------------------
[THEME]: GARFIELD FARM MUTUAL INSURANCE ASSOCIATION
[AUTHOR]: JAMES NORTHARD
[MAIL]: JNORTHARD@NAMIC.ORG
[VERSION]: 04 MAY, 2010
[AUTHOR URI]: HTTP://WWW.NAMICWEBSERVICES.COM
-------------------------------------------------------------------*/


/*******GLOBAL STYLES*******/
html {height: 100%; min-width:800px;}
* {padding:0; margin:0;}
div, h1, h2, h3, ul, li {margin: 0px; padding: 0px; border: 0px;}
body {margin: 0px; padding: 0px; border: 0px;}

/*******GENERAL*******/
body {background:#860464 url(../images/body_bg.jpg); color:#2b2b2b; font:14px/18px Tahoma, sans-serif; margin:0px auto;}

/*******MAIN CONTENT*******/
#content {background:url(../images/content_bg.png) repeat-y; height:100%; margin:0 auto; position:relative; width:800px;}

/******MAIN CONTENT******/
#header {background:url(../images/header.png) no-repeat; float:left; font:14px Tahoma, sans-serif; height:113px; margin:15px 0 0 0; position:relative; width:800px;}
#header p{margin:30px 60px 0 0; text-align:right;}
#textpan {border:1px solid #222222; float:left; font:14px/20px Tahoma, sans-serif; margin:12px 0 0 25px; min-height:250px; position:relative; width:508px;}
#textpan a:link, #textpan a:visited {color:#2b2b2b; border-bottom:1px solid #9c0473; text-decoration:none;}
#textpan a:hover {border-bottom:1px dashed #9c0473; color:#2b2b2b;}
#textpan h1{background:#382766; color:#fff; font-size:100%; padding:7px;}
#textpan p{margin:10px;}
#textpan ul {margin:0 5px 0 35px;}
#textpan ul li {list-style-type:square; margin:0 0 10px 0;}
#textpan img {border:1px solid #417abe;}
#textpan .hr {background-color: #d0d0d0; height:1px; margin: 10px 0 10px 20px; width:40%;}
#textpan table {margin:0 50px 10px 20px;}
#textpan table td {padding:5px;}
#textpan input {padding:2px;  margin:2px;}
select{width:150px; padding:3px;}
input {padding:3px;}

/******COLUMN******/
#column {border:1px solid #222222; float:left; font:14px/18px Tahoma, sans-serif; margin:12px 0 0 12px; position:relative; width:229px;}
#column a:link, #column a:visited {color:#2b2b2b; text-decoration:none;}
#column a:hover {border-bottom:1px dashed #9c0473; color:#2b2b2b;}
#column h1{background:#382766; color:#fff; font-size:100%; padding:7px;}
#column p{margin:7px;}
#column ul {margin:0 5px 0 20px;}
#column ul li {list-style-type:square; margin:0 0 10px 0;}
#column img {border:1px solid #417abe;}
#column .hr {background-color: #d0d0d0; height:1px; margin: 10px 0 10px 20px; width:40%;}
#column table {margin:0 50px 10px 20px;}
#column table td {padding:5px;}
#column input {padding:2px;  margin:2px;}

/******COLUMN******/
#gallery {position:relative; float:left; height:215px; margin:0 0 5px 0; padding:12px 0 0 12px; width:566px;}
#gallery a {float:left; position:absolute;}
#gallery a img {border:1px solid #222222;}
#gallery a.show {z-index:500}
#gallery .caption {z-index:600; background:#000; color:#ffffff; height:30px; width:100%; position:absolute; bottom:0;}
#gallery .caption .content {margin:5px; text-align:right;}

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

/*******CONTACT ICON*******/
a.contact {background:url(../images/contact_us.png); float:right; margin:14px 5px 0 0; position:relative; width:171px; height:48px;}
a.contact:hover {background:url(../images/contact_us_over.png);}

/*******NAVIGATION*******/
#garfieldmenu{border:1px solid #222222; float:left; height:100%; margin:12px 0 0 25px; position:relative; width: 171px;}
#garfieldmenu ul{padding: 0; margin: 0; list-style-type: none;}
#garfieldmenu a:link, #garfieldmenu a:visited{border-bottom:1px solid #222222; font: 12px Tahoma, sans-serif; padding:5px 0 5px 10px; display: block; width:161px; color: #222222; text-decoration: none;}
html>body #garfieldmenu a{width: auto;}
#garfieldmenu a:hover{background:#382766; color: #ffffff;}

/*******FOOTER PANEL*******/
#footer {background:url(../images/footer.png) no-repeat; clear:both; height:53px; margin:0 auto; position:relative; width:800px;}
#footer p {color:#fff; font:12px/16px Tahoma, sans-serif; padding:25px 7px 7px 7px; text-align:right;}
#footer a:link, #footer a:visited {color:#fff; font:12px Tahoma, sans-serif; text-decoration:none;}
#footer a:hover {text-decoration:underline;}