A { text-decoration: none; color: #113366; cursor: pointer; }
A:hover { text-decoration: underline; color: teal; }
A:link { text-decoration: none; color: #113366; }
A:link:hover { text-decoration: underline; color: teal; }
A:visited { text-decoration: none; color: #113366; }
A:visited:hover { text-decoration: underline; color: teal; }


/* ------------------- caldria reordenar els 3 css inclosos aki: default, style i layout.css -----------------*/

BODY
{ 
 background-color: white;
 color: black;
 font-family: verdana, arial;
 font-size: 11px;
 background:#FFFFFF url(http://www.empordalloguer.com/images/body-tail.gif) top repeat-x;
 text-align:center;
} 


TABLE
{ 
 font-size: 11px;
} 

INPUT 
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 12px;
}

SELECT
{
 background-color: white; 
 border-color: silver;
 font-size: 12px;
}

TEXTAREA
{
 background-color: white; 
 border: 1px solid silver;
 font-size: 12px;
}

IMG
{
 border: 0;
}

.button 
{
 border: outset 1px silver;
 font-weight: bold;
 background-color: white;
}

H1
{
 font-size: 17px;
 font-family: "myriad pro", Verdana, sans-serif;
 font-weight: bold;
 text-transform: uppercase; 
 text-align: left;
}

H2
{
 font-size: 14px;
 font-weight: bold;
}

H3
{
 font-size: 14px;
 font-family: "myriad pro", Verdana, sans-serif;
 font-weight: bold;
 text-align: right;
 text-decoration: underline;
 color: #084263;
}


.incomplete
{
 border-color: red;
}

.required
{
 border-color: red;
}

.nav {
 padding:9px 0px 0px 0px;
 font-size: 14px;
 font-family: "myriad pro", Verdana, sans-serif;
}

.suggest
{
 border: 1px solid silver;
}

.link
{
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: WhiteSmoke;
}

.category
{
 padding: 1px;
}

.commentposter
{
 background-color: #D9DCE4;
 border: 1px solid silver;
}

.comment
{
 padding: 5px;
 background-color: #E4EAF3;
 border: 1px solid silver;
}

.commentposteralternate
{
 background-color: #D9DCE4;
 border: 1px solid silver;
}

.commentalternate
{
 padding: 5px;
 background-color: #E4EAF3;
 border: 1px solid silver;
}

.commentdate
{
 font-size: 9px;
 font-style: italic;
}

.details
{
 padding: 10px 10px 10px 10px;
 margin: 10px 0px 0px 0px;
 background:#f3f4d5;
}

.detailsborder
{
 border: 1px solid black;
}

.labels
{
 font-weight: bold;
}

.grouping
{
 border: 1px inset silver;
 padding: 5px;
 margin: 5px;
}

.important
{
 font-weight: bold;
 font-size: 15px;
 color: red;
 padding: 40px 40px 30px 10px;
}

.columnheader 
{
 background-image: url('http://www.empordalloguer.com/images/box1-title-bg.gif');
 background-repeat: repeat-x;
 padding:9px 0 7px 0px; margin:0;
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}

.labelscolumn
{
 width: 30%;
 border: 0px solid silver;
 vertical-align: top;
 padding: 5px;
}

.optionscolumn
{
 width: 70%;
 border: 0px solid silver;
 vertical-align: top;
 padding: 5px;
}

.evencolumns
{
 background-color: #f3f4d5;
}

.oddcolumns
{
 background-color: #f3f4d5;
}

.categoryname
{
 font-size: 10px;
}

.info
{
 display: block;
 border: 1px solid #D2D5D8;
 background-color: white;
 padding: 5px;
}

.editedby
{
 font-size: 9px;
}

.searchhighlight
{
 background-color: yellow;
}

.title
{
 font-size: 14px;
 padding: 3px;
 font-weight: bold;
 text-align: center;
}

.newpmhighlight
{
 font-weight: bold;
}

.quote
{
 padding: 3px;
 border: 1px solid WhiteSmoke;
 background-color: #EEEEF3;
 margin: 3px;
}

.quoteby
{
 font-size: 10px;
 font-style: italic;
}

.posthistory
{
 overflow: auto;
 width: 100%;
 height: 300px;
}

.deletions
{
 width: 50%;
 background-color: silver;
 padding: 5px;
 border: 1px solid black;
 margin: 0 auto;
 text-align: center;
}

.modcpnav
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #EEEEF3; 
 color: gray;
 padding: 2px;
 margin: 5px;
 text-decoration: none;
}

.modcpnav:hover
{
 background-color: #D9DCE4;
 color: black;
}

.code
{
 font-family: monospace;
 font-size: 10px;
 background-color: WhiteSmoke;
 padding: 2px;
 border: 1px solid #CCDED1;
 margin: 10px;
 overflow: scroll;
 width: 600px;
}

.areaheader
{
 background-color: #D9DCE4;
}

.areafooter
{
 background-color: WhiteSmoke;
}

.imtextself
{
 color: gray;
}

.imtextother
{
 color: black;
}

.invisibleuser
{
 color: gray;
}

a.admincolor
{
 color: #3E97CF;
 font-weight: bold;
}

a.modcolor
{
 color: #AA3333;
}

a.sponsorcolor
{
 color: #11BB33;
}

a.bannedcolor
{
 color: gray;
}


.mutualbuddy
{
 font-weight: bold;
}

.smiliebox
{
 border: 1px dotted silver;
 background-color: silver;
 padding: 10px;
 width: 140px;
}

.linktools
{
 font-size: 11px;
 color: gray;

}

.linktools a

{
 text-decoration: none;
 color: gray;
}

.subcatsmainpage
{
 font-size: 10px;
 margin: 0;
 padding: 3px;
}

.login
{
 font-size: 10px;
 background-color: #D9DCE4;
 border: 1px solid #7090F0;
 float: left;
 padding: 5px;
 margin-bottom: 10px;
}

.sort
{
 padding: 5px;
 margin: 5px;
 background:#f3f4d5;
}

.box
{
 background-color: #E4EAF3; 
 margin-bottom: 10px;
}

.boxtitle
{
 background-color: #113366;
 cursor: pointer;
 font-weight: bold;
 color: white;
}

.boxbody
{
 padding: 5px;
}

.newlinks { }

.bullet
{
 vertical-align: middle;
}

.minilabels
{
 font-style: italic;
}

.tableheader
{
 font-size: 17px;
 font-family: "myriad pro", Verdana, sans-serif;
 font-weight: bold;
 text-transform: uppercase; 
 text-align: left; 
/* background-color: #113366; */
/* border: 1px solid #111133; */
/* color: white;              */
/* padding-left: 5px;         */
}

.month 
{
 border-style: none;
 background-color: WhiteSmoke;
 text-align: center;
 width: 90%;
}

.monthname 
{
 text-align: center;
 font-size: 13px;
 font-weight: bold;
 border: 1px outset;
}

.dayname td 
{
 text-align: center;
 font-weight: bold;
 background-color: gray;
 color: white;
 border: 1px outset;
}

.datepicker { }

.datepickerform { margin: 0; }

.monthnavigation { font-family: Tahoma, Arial, sans-serif; }

.monthpicker { }

.yearpicker { }

.pickerbutton { }

.nomonthday 
{
 text-align: center;
 font-size: 10px;
 height: 60px;
 width: 10%;
 color: silver;
 vertical-align: top;
}

.monthday 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: WhiteSmoke;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.today 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: silver;
 color: white;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.event 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: WhiteSmoke;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.todayevent 
{
 text-align: center;
 font-size: 11px;
 font-weight: bold;
 background-color: #E4EAF3;
 height: 60px;
 width: 10%;
 vertical-align: top;
}

.eventcontent 
{
 font-size: 10px;
 width: 100%;
}

.rules
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;
 margin: 5px;
 font-size: 14px;
}

.flatbutton
{
 border-style: solid;
 background-color: white;
}

.threadbottom
{
 border-width: 0;
 background-color: #EEEEF3;
}

.threadtools:link { text-decoration: none; }

.threadtools img
{
 vertical-align: middle;
 border-width: 0;
}

.quotations
{
 border-width: 1px;
 border-style: solid;
 background-color: #EEEEF3;
 border-color: silver;
 width: 500px;
 padding: 5px;
 margin: 0 auto;
 text-align: center;
}

.shoutbg
{ 
 background-color: #E4EAF3; 
 background: #E4EAF3; 
 color: black;
} 

.whiteboard
{
 background-color: white;
 border: 1px solid silver;
 margin: 10px;
 padding: 5px;
}

.homenav, .homenav:link, .homenav:visited
{
 display: block;
 border: 1px solid #CCCCCC;
 background-color: #D9DCE4; 
 color: #113366;
 padding: 5px;
 margin: 5px;
 text-decoration: none;
 font-weight: bold;
}

.homenav:hover, .homenav:link:hover, .homenav:visited:hover
{
 background-color: #113366;
 color: white;
 text-decoration: none;
}

.navbutton
{
 float: right;
 padding: 0;
 margin: 0;
 text-decoration: none;
 text-align: center;
}

.navbutton a
{
 text-decoration: none;
 background-color: #D9DCE4;
 border: 1px solid silver;
 color: #113366;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.navbutton a:hover

{
 text-decoration: none;
 background-color: #113366;
 border: 1px solid silver;
 color: white;
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 4px;
}

.linkdiv
{
 float: left; 
 width: 45%;
 padding: 10px;
 border-bottom: 1px dotted silver;
 background-color: WhiteSmoke;
}

.statimage
{
 float: left;
 width: 40px;
}

.floatleft
{
 float: left;
}

.floatright
{
 float: right;
}

.internalreply
{
 border: 1px black solid;
 padding: 5px;
}

.clear
{
 clear: both;
}

#chatarea
{
 border: 1px dotted black;
 background-color: WhiteSmoke;
 width: 75%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

#activechatters
{
 border: 1px dotted black;
 background-color: WhiteSmoke;
 width: 15%;
 height: 300px;
 overflow: auto;
 float: left;
 margin: 10px;
 padding: 5px;
 font-size: 14px;
}

.posttextarea
{
 width: 97%;
}

.redirect

{
 padding: 20px;
 margin: 40px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;

}

.legend
{
 padding: 10px;
 margin: 10px;
 border: 1px solid #007788;
 width: 250px;



}

.ratingresponse

{
 background-color: white;
}

.thumbshot
{
 float: left;

 padding: 2px;
}

.floatattach
{
 float: left;
 margin: 5px;
}

.denialpage
{
 border: 2px solid #FFAAAA;
 background-color: #EEEEF3;
 color: black;
 padding: 5px;

 margin: 5px;
 font-size: 14px;




}

.unit-rating
{
 list-style:none;
 margin: 0px;
 padding:0px;
 width: 100px;
 height: 20px;
 position: relative;
 background: url('../images_default/ajaxstar.gif') top left repeat-x;		
}
.unit-rating li
{
 text-indent: -90000px;
 padding: 0px;
 margin: 0px;
 float: left;
}
.unit-rating li a
{
 display:block;
 width:20px;
 height: 20px;
 text-decoration: none;
 text-indent: -9000px;
 z-index: 20;
 position: absolute;
 padding: 0px;
}
.unit-rating li a:hover
{
 background: url('../images_default/ajaxstar.gif') left center;
 z-index: 2;
 left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 20px; }
.unit-rating a.r2-unit { left: 20px; }
.unit-rating a.r2-unit:hover { width: 40px; }
.unit-rating a.r3-unit { left: 40px; }
.unit-rating a.r3-unit:hover { width: 60px; }
.unit-rating a.r4-unit { left: 60px; }	
.unit-rating a.r4-unit:hover { width: 80px; }
.unit-rating a.r5-unit { left: 80px; }
.unit-rating a.r5-unit:hover { width: 100px; }
.unit-rating li.current-rating
{
 background: url('../images_default/ajaxstar.gif') left bottom;
 position: absolute;
 height: 20px;
 display: block;
 text-indent: -9000px;
 z-index: 1;
}	

.bait { visibility: hidden; width: 0; height: 0; display: none; }

.pagerank { font-size: 6px; }

.toolsbar
{
 padding: 10px;
 margin-top: 10px;
 font-size: 18px;
 text-align: center;
}

.toolsbar a
{
 padding: 10px;
 margin-right: 10px;
 border: 1px dotted gray;
 text-decoration: none;
}

.articlebar
{
 float: right;
}

.articlebar a
{
 display: block;
 padding: 5px;
 margin: 10px;
 border: 1px inset black;
 text-decoration: none;
}

.popup
{
 padding: 5px;
 margin: 5px;
 background-color: #EEEEF3;
 border: 1px solid #D9DCE4;
 font-weight: bold;
}

.actionrow
{
 background-color: #C4C9CF;
 border-color: #E4E9EF;
 padding: 5px;
}

.alert
{
 padding: 10px;
 margin: 10px;
 background-color: #C4C9CF;
 border: 1px solid red;
}

.signature
{
 width: 70%;
 height: 2px;
 background-color: gray;
 border: 1px solid silver;
 margin-top: 14px;
 margin-bottom: 5px;
 text-align: left;
}

.memberstatus
{
 float: right;
 width: 30%;
 background-color: WhiteSmoke;
 border: 1px solid silver;
 padding: 7px;
}

.statussection
{
 font-size: 14px;
 background-color: #E4E9EF;
 padding: 2px;
 margin-bottom: 5px;
 margin-top: 2px;
 margin-left: 0;
 margin-right: 0;
 display: block;
}

.logobg
{
 background-image: url('../images_default/headerbg.png');
 background-repeat: repeat-x;
 position: absolute;
 left: 0; top: 0;
 height: 80px;
 width: 100%;
 z-index: -1;
}

.main
{
 border-top: 1px solid silver;
 padding: 10px; 
 margin-bottom: 0;
}

.footer
{
 border-top: 1px solid silver;
 background-color: whitesmoke;
 color: black;
 text-align:left;
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
}

.footer a, .footer a:hover
{
 text-decoration: none;
 border-bottom: 1px dotted black;
 color: black;
}

.linktitle { }

.subcategoryname, .subcategoryname a, .subcategoryname a:hover { }

.catdescription
{
 text-align: center;
 font-size: 10px;
}

#similar
{
 font-size: 12px;
 margin: 10px;
 padding: 10px;
}

#similar .categoryname
{
 font-size: 12px;
 margin: 5px;
}

.logo
{
 float: left;
 width: 40%;
}

.cite
{
 padding: 3px;
 border: 1px solid blue;
 background-color: silver;
 margin: 3px;
}

.categoryname, a.categoryname
{
 font-weight: bold;
 font-size: 14px;
}

.linktitle, a.linktitle 
{
 font-size: 16px;
}

/* ---------------------------        style.css        --- */

* {
	margin:0; padding:0;
	font-size:100%;
}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
/*		font-size:0.813em; */
/*		line-height:1.154em; */
		color:#515050;
		background-color: white;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#b03f12;}
a:hover{text-decoration:none;}
p {padding-top:15px;}

/* ============================= main layout ====================== */

.body-bg {background:url(http://www.empordalloguer.com/images/body-bg.jpg) top right no-repeat;}

.link {font-weight:bold; color:#2f2f2f; background:url(http://www.empordalloguer.com/images/link-bg.gif) no-repeat 0 3px; padding-left:19px; font-size:12px;}

li {font-weight:bold; line-height:1.538em; background:url(http://www.empordalloguer.com/images/list-bg.gif) no-repeat 0 7px; padding-left:13px;}
li a {color:#b03f12; text-decoration:none; font-weight:bold;}
li a:hover {text-decoration:underline;}

.button {background:url(http://www.empordalloguer.com/images/search-button.gif) no-repeat;  height:24px; text-align:center; font-size:11px; line-height:1em; padding:4px 4px 4px 4px; color:#fff !important; text-transform:uppercase; font-weight:bold; text-decoration:none; }
.button:hover {background:url(http://www.empordalloguer.com/images/search-button-hover.gif) top left no-repeat;}

.imgindent {margin:0 20px 0 0; float:left;}
.title {background:url(http://www.empordalloguer.com/images/title-line.gif) repeat-x 0 0px; margin-bottom:6px;}
.title2 {margin-bottom:5px;}
.buy-button {color:#b94614; font-weight:bold; text-transform:uppercase;}

#content cite {font-style:normal;}

/* ============================= header ====================== */

#header .right {width:463px; text-align:right; font-size:0.846em; line-height:1.182em; color:#0e3549; display:block; padding:35px 5px 0 0;}
#header strong {color:#0a4a6e;}
.row1 {padding:79px 0 6px 0;}

/* ============================= content ====================== */

.box1 {border:1px solid #e5e5e4; background:#fff; padding:4px; margin-top:4px;}
.box1 .indent {background:#f3f4d5; width:100%;}
.box1 .title {background:url(http://www.empordalloguer.com/images/box1-title-bg.gif) top repeat-x; padding:9px 0 7px 0px; margin:0;}

/* ============================= box cerca ====================== */
.box8 {height:205px; border:1px solid #e5e5e4; background:#fff; padding:4px; margin-top:4px;}
.box8 .indent {background:#f3f4d5; width:100%;}
.box8 .title {background:url(http://www.empordalloguer.com/images/box1-title-bg.gif) top repeat-x; padding:9px 0 7px 0px; margin:0;}


/* ============================= box publica ====================== */
.box7 {height:205px; border:1px solid #e5e5e4; background:#fff; padding:4px; margin-top:0px;}
.box7 .indent {background:#f3f4d5; width:100%;}
.box7 .title {background:url(http://www.empordalloguer.com/images/box1-title-bg.gif) top repeat-x; padding:9px 0 7px 8px; margin:0;}


/* ============================= box login ====================== */

.box9 {border:1px solid #e5e5e4; background:#fff; padding:4px; margin-top:4px;}
.box9 .indent {background:#f3f4d5; width:168px;}
.box9 .title {background:url(http://www.empordalloguer.com/images/box1-title-bg.gif) top repeat-x; padding:9px 0 7px 0px; margin:0;}

/* ============================= box cerca ====================== */

.col-pad1 {padding-right:13px; margin-top:4px; vertical-align:top;}
.col-pad2 {padding-right:10px; margin-top:4px; vertical-align:top;}
.col-pad3 {padding-right:15px; margin-top:4px; vertical-align:top;}

.box2 {background:url(http://www.empordalloguer.com/images/box2-tail-bg.gif) top left repeat-y; color:#1e2227;}
.box2 .top-bg {background:url(http://www.empordalloguer.com/images/box2-top-bg.gif) top left no-repeat;}
.box2 .bottom-bg {background:url(http://www.empordalloguer.com/images/box2-bottom-bg.gif) bottom left no-repeat; width:100%;}
.box2 .indent {padding:8px 9px 34px 10px;}
.box2 .indent1 {padding:12px 7px 0 11px;}
.box2 strong {color:#1e2227;}

.gallery {padding:0 0 0 4px; font-size:0.846em; line-height:1.273em;}
.gallery .title {margin:0; background:url(http://www.empordalloguer.com/images/gallery-title-tail-bg.gif) top left repeat-x; padding:10px 0 8px 7px;}
.gallery strong {font-size:1.091em; color:#bd4a15;}
.gallery .indent {padding:10px 5px 11px 9px;}
.gallery p {padding-top:9px;}

.box3 {border:1px solid #aed2e9; width:190px; background:#fefefe url(http://www.empordalloguer.com/images/box3-tail-bg.gif) bottom repeat-x; text-align:left;}
.box3 .indent {padding:12px 0px 8px 8px;}

.line {border-bottom:1px solid #cbcccc; padding-bottom:20px; margin-bottom:15px;}
.line2 {border-bottom:1px solid #cbcccc; padding-bottom:10px; margin-bottom:10px;}

.indent2 {padding:0 20px 0 20px;}
.padding1 {padding-top:3px !important;}
.padding2 {padding-top:7px !important;}
.padding3 {padding-top:22px !important;}
.padding4 {padding-top:29px !important;}
.padding5 {padding-top:49px !important;}
.padding6 {padding-top:22px padding-bottom:10px; padding-left:10px;!important;}
.padding7 {padding-top:22px padding-bottom:10px; padding-left:6px; padding-right:6px;!important;}
.margin1 {margin-top:70px;}
.margin2 {margin-top:25px;}
.margin3 {margin-top:15px;}

.color2 {color:#000000; font-size: 16px; font-family: Myriad pro, Myriad, Arial, Helvetica, sans-serif; color: #000; }
.color3 {color:#b03f12; font-size: 11px;}
.color4 {color:#b03f12; font-size: 11px;}
.color5 {color:#b03f12; font-size: 11px; font-weight: normal;}


.name {color:#b03f12; font-style:italic; font-size:12px; text-decoration:underline;}
.phone {float:right; margin-right:60px;}

/* ============================= footer ====================== */

#footer {color:#918a3a; overflow:hidden; padding:18px 8px 0 2px;}
#footer a {color:#918a3a;}
#footer span {float:right;}
#footer ul {margin-left:-9px;}
#footer li {display:inline; border-left:1px solid #a3a2a2; padding:0 5px 0 9px; background:none; line-height:1.154em;}
#footer li a {color:#515050; text-decoration:none; font-weight:normal;}
#footer li a:hover {text-decoration:underline;}

/* ============================= forms ============================= */

#SearchForm {font-size:0.923em; font-weight:bold; color:#2f2f2f; padding:20px 6px 20px 6px;}
#SearchForm a {color:#2f2f2f;}
#SearchForm .rowi {height:30px;}
#SearchForm .rowt {padding:5px 0 0 17px;}
#SearchForm .col-1 {width:66px !important;}
#SearchForm .col-2 {width:137px !important;}
#SearchForm .input {width:130px; height:17px; border:1px solid #b4b4b4; background:#fff; padding:0 0 0 5px; font-size:1em;}
#SearchForm .select {width:130px; border:1px solid #b4b4b4; background:#fff; font-size:1em;}
#SearchForm .select2 {width:60px; border:1px solid #b4b4b4; background:#fff; font-size:1em;}
#SearchForm .select3 {width:55px; border:1px solid #b4b4b4; background:#fff; font-size:1em;}
#SearchForm .select4 {width:65px; border:1px solid #b4b4b4; background:#fff; font-size:1em;}

#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:42px;}
#ContactForm .col-1 {width:240px !important;}
#ContactForm .col-2 {width:226px !important;}
#ContactForm .link {float:right; margin-left:20px;}
#ContactForm .input {width:202px; height:19px; border:1px solid #a09b96; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:219px; height:103px; border:1px solid #a09b96; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em; background-color: white;}

#wrapper #container {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 1270px;
}

/* ------------------- layout.css -----------------*/

#main {width:980px; margin:0 auto; text-align:left;}

#header {height:210px; background:url(http://www.empordalloguer.com/images/header-bg.png) top left no-repeat;}

#content {padding:0px 0 36px 0;}

#footer {height:90px; border-top:3px solid #083f5e;}

.col-1, .col-2, .col-3 {float:left;}
.col-23 {float:left;}
.container {width:100%; overflow:hidden;}

.col-1 {width:190px; padding:10px 9px 0px 0px;}
.col-2 {width:551px;}
.col-23 {width:778px;}
.col-3 {width:226px;}

.col-2 .col-1 {width:254px;}
.col-2 .col-2 {width:253px;}

.gallery .column {width:113px; float:left;}

/* ============================= page4 ===========================*/

#page4 .col-2 .col-1 {width:254px;}
#page4 .col-2 .col-2 {width:205px;}

.link-button {
    border: 0;
    padding: 0;
    background: inherit;
    font: inherit;

    cursor: pointer;
    text-decoration: underline;
    color: #113366;
	font-weight: bold;
    overflow: visible;
}

.articles {
margin: 0px; 
padding: 3px; 
border: 1px solid; 
border-color: #e5e5e4; 
width: 184px; 
font-size: 11px;  
overflow: auto; 
}
.view-content a:link {
text-decoration: none; 
font-size: 11px;
font-weight: normal;  
color: #113366;
}
.view-content a:visited {
text-decoration: none; 
font-size: 11px;  
font-weight: normal;  
color: #113366;
}
.view-content a:hover  {
text-decoration: underline; 
font-size: 11px;
font-weight: normal;  
color: teal;
}
.view-content a:hover  {
text-decoration: underline; 
font-size: 11px;
font-weight: normal;  
color: teal;
}

.view-content {
font-size:35px
}


tr.odd td {
border:dotted #ddd;
border-width:0 0 2px 0;
padding: 2px 0 8px 0; 
}

tr.even td {
border:dotted #ddd;
border-width:0 0 2px 0;
padding: 2px 0 8px 0; 
}

.views-table tr:last-child td {
border:dotted #fff ;
border-width:0px 0px 2px 0px;
padding: 2px 0 8px 0; 
}

.views-table tr:last-child td {
border:dotted #fff;
border-width:0px 0px 2px 0px;
padding: 2px 0 8px 0; 
}

.previewframe
{
/*The iframe showing a preview of the details page.*/
 width: 95%;
 height: 400px;
 border: 1px solid
 border-color: #CCCCCC;
}