### CSS file for senderek.ie ###
html { height:100%;margin-bottom:1px;}
body { margin-left:0px; margin-top:0px; margin-right:0px; font-size:12pt; font-family:utopia,sans-serif;}
img { border:none}
h1.title { color:#a00028; font-family:utopia; font-style:italic; font-weight:thin;
font-size:24pt; margin-bottom:6px; margin-top:20px; text-align:center; }
h1 { color:#a00028; font-family:arial; font-style:italic; font-weight:normal;
font-size:40pt; align:right; margin-top:0px; margin-bottom:15px}
h2.title { color:#a00028; font-family:utopia; font-style:italic; font-weight:normal;
font-size:24pt; margin-bottom:18px}
h2 { color:darkblue; font-family:arial; font-style:italic; font-weight:normal;
font-size:20pt; margin-bottom:18px}
h3 { color:darkblue; font-family:arial; font-style:italic; font-weight:normal;
font-size:16pt; margin-bottom:18px}
h4 { color:darkred; font-size:14pt; font-family:arial,sans-serif; border-bottom:none;
margin-bottom:14px}
h5 { color:darkblue; font-size:12pt; font-family:arial; font-style:normal;
border-bottom:none; margin-bottom:10px}
p {text-align:justify;}
blockquote {text-align:justify;}
/* general links */
a:link { color:darkred; text-decoration:none; }
/*a:visited { color:darkblue; text-decoration:none; }*/
a:visited { color:darkred; text-decoration:none; }
a:hover { color:blue; background:#fcfcfc; text-decoration:none; }
a:active { color:blue; text-decoration:none; }
/* HEADER links */
a.header:link { color:darkblue; text-decoration:none; }
a.header:visited { color:darkblue; text-decoration:none; }
/* invisible logo links */
a.logo:link {color:white;}
a.logo:visited {color:white;}
a.logo:hover {color:white;}
a.logo:active {color:white;}
div.code { background-color:#f8f8fa; position:relative; left:40px;
color:darkblue; font-family:monospace; font-weight:bold;
font-size:9pt; padding:3px; border-left-width:3px; border-left-style:solid;
padding-left:20px; padding-right:20px; border-color:darkblue; }
div.output {background-color:#eeeeee; position:relative; left:40px;
color:black; font-family:monospace; font-style:normal;
font-size:9pt; padding:3px; border-left-width:3px; border-left-style:solid;
padding-left:20px; padding-right:20px; border-color:darkgray; }
div.update { width=500; background-color:#f8f8fa; position:relative; left:0px;
color:darkred; font-family:utopia; font-weight:italic;
font-size:10pt; padding:3px; border-left-width:3px; border-left-style:solid;
padding-left:20px; padding-right:40px; border-color:darkblue; }
#header {width:960px;}
#section {width:960px;}
#footer {width:960px;}
td.leftoftable {width:320px; padding-left:30px; position:relative;}
td.middleoftable {width:360px;}
div#header { float:left; margin:0 auto; position:relative; background:#f8f8f8}
div#section { float:left; margin:0 auto; position:relative; margin:0px auto; padding:5px 0; }
div#content { float:left; width:800px; margin:0px auto; padding:0px 0; background:#fff;
position:relative; }
div#panel { float:left; width:800px; margin:0px auto; padding:0px 0;
position:relative; }
div#sidebar { float:left; width:160px; margin:0px auto; padding:0px 0; background:#ffffff;
position:relative; }
div#sidebar2 { float:left; width:160px; margin:0px auto; padding:0px 0; background:#ffffff;
position:relative; }
div#sidebar2 div.sub { color:darkblue; font-family:arial; font-style:italic; font-weight:normal;
font-size:16pt; margin-top:30px, margin-bottom:0px;}
div#sidebar3 { float:right; width:160px; margin:0px auto; padding:0px 0; background:#ffffff;
position:relative; }
div#footer { float:left; margin:0 auto; position:relative;
color:#fff; text-align:left; background:#eee; }
div#footer td { font-family:sans-serif; font-size:10pt; text-align:left; color:#820404;
vertical-align:top; width:200px; }
div#footer a { color:#820404; text-decoration:none}
div#footer a:visited { color:#840404; text-decoration:none}
div#footer a:hover { color:darkblue; text-decoration:none}
div#footer h3 { color:darkblue;font-family:utopia; font-size:16px; font-weight:italic;
margin:0px auto; margin-bottom:5px; text-align:left;}
div#footer ul { text-align:left; list-style:none none; padding:0; margin:0; }
div#footer li { list-style-image:none; display:block; margin-left:20px; padding: 2px 0px; }
tr.headtable {width:600;}
/* side bar */
ul.bar { text-align:left; list-style:none none; padding:0; margin:0; font-family:arial; font-weight:thin;}
ul.bar li { width:160px; background:lightgray; list-style-image:none; display:block;
margin:0; padding: 0px 0px; }
ul.bar li a{ display:block; color:black; padding:5px 0px; padding-left: 10px; font-weight:bold; text-decoration:none;}
ul.bar li a:hover { background-color: gray ; color:white; padding:5px 0px; padding-left:10px; text-decoration:none;}
/* comments */
h3.comment {color:darkblue; text-align:center; background:#fff;}
td.comment {color:#000; background:lightyellow; font-family:Utopia; font-size:12px;}
a.comment:link {color:darkred; font-family:arial; text-decoration:none;}
a.comment:visited {color:darkred; font-family:arial; text-decoration:none;}
div.comment {color:#222222; font-family: sans-serif,arial; font-size:10px;}
* contact form */
input.contact { width:250px; margin-left:2px; margin-bottom:5px;
font-size:10px; font-family:sans-serif; color:darkblue;
}
input.contact button { width:180px; margin-left:2px; margin-bottom:5px;
font-size:10px; font-family:sans-serif; color:black;
}
textarea.contact { width:600px; margin-left:3px; margin-bottom:5px;
font-size:10px; font-family:sans-serif; color:darkblue;
}
/* panel */
/* NAVIGATION */
div#panel ul#panel li#label { background:midnightblue; font-family:arial;
font-weight:normal; font-size:12pt; text-decoration:none;}
div#panel ul#panel li#gray { width:100px; background:#f8f8f8; font-family:arial;
font-weight:normal; font-size:12pt; text-decoration:none;}
ul#panel { text-align: center; list-style: none; display: block; padding: 0px; margin: 0px;}
ul#panel li { position: relative; width:100px; left:0px; float:left; list-style-image:none;
display: block; margin: 0px; padding: 0px 0px; }
ul#panel li a { display: block; padding: 0px ; color: darkblue; background-color: #fff000;
font-family:arial; font-weight:normal; font-size:12pt; text-decoration:none;}
ul#panel li a:hover { background-color: gold ; color:blue;}
/* sub panel */
div#panel ul#sub li#label { background:darkgray; font-family:arial;
font-weight:normal; font-size:12pt; text-decoration:none;}
div#panel ul#sub li#gray { width:100px; background:#f8f8f8; font-family:arial;
font-weight:normal; font-size:12pt; text-decoration:none;}
div#panel ul#sub { text-align: center; list-style: none ; display: block;
padding: 0; margin: 0 ;}
div#panel ul#sub li { width:100px; position: relative; left:0px; float:left;
list-style-image : none; background-color:#f8f8f8;
display: block; margin: 0px; padding: 0px 0px;}
div#panel ul#sub li a { display: block; padding: 0px ; color:blue;
font-family:arial;
font-weight:normal; font-size:12pt; text-decoration:none;}
div#panel ul#sub li a:hover { text-decoration:none; color: black; background-color:gold}
######################################################################
/* table cells */
td.label {background:#ffffff; }
td.label0 { background:lightgray; color:darkblue; font-family:arial;
font-size:14px; font-style:italic; text-align:right; padding:2px;
width:160px; text-decoration:none; }
td.label2 { background:lightblue; color:black; font-family:arial;
font-size:14px; font-style:normal; text-align:left; padding:2px;
width:460px; text-decoration:none; }
td.label3 { background:#eeeeee; color:black; font-family:arial;
font-size:14px; font-style:normal; text-align:center; padding:5px;
text-decoration:none; }
td.label4 { background:#eeeeee; color:black; font-family:arial;
font-size:14px; font-style:normal; text-align:left; padding:5px;
text-decoration:none; }
td.label5 { background:#eeeef8; color:black; font-family:arial;
font-size:14px; font-style:normal; text-align:left; padding:2px;
width:300px; text-decoration:none; }
td.text { background:#ffffff; color:blue; font-family:arial;
font-size:12px; font-style:normal; text-align:left; padding:15px;
text-decoration:none; border-color:red; border-style:solid; border-width:1px;
width=500px; }
######################################################################