/* screen.css
** HGCC Stylesheet by Alex Wilson
*/

/* main body formatting */

body,th,td,input,select,textarea{
font-family:Trebuchet MS,arial,verdana,helvetica,sans-serif;
font-size:13px;
}

body{
background:#fff;
margin:0px;
width:100%;
color:#000;
border:0px;
margin:0px;
padding:0px;
}

p{
color:#000;
padding:0px 2px 0px 2px;
margin:2px 0px 8px 0px;
}

ul{
margin-top:0px;
margin-bottom:4px;
}

a{
text-decoration:none;
color:#00c;
}

a:visited{
color:#90c;
}

a:hover{
text-decoration:underline;
color:#00c;
}

img{
padding:2px;
border:none;
}

a img,a:hover img{
border:none;
}

/* main layout divs */

#header{
background:#fff;
position:absolute;
float:none;
top:0px;
left:0px;
width:100%;
height:80px;
border:0px;
margin:0px;
padding:0px;
}
#header img{
padding:0px;
}

#description{
background:#fff;
position:absolute;
float:none;
top:40px;
height:40px;
right:5px;
width:300px;
border:0px;
margin:0px;
padding:0px;
}
#description p{
color:#aaa;
font-family:georgia,times new roman,times,serif;
font-size:14px;
font-weight:bold;
font-style:italic;
text-align:right;
}

#topmenu{
background:#fff;
position:absolute;
float:none;
top:79px;
left:0px;
width:100%;
border-top:1px solid #000;
border-bottom:1px solid #000;
margin:0px;
padding:0px;
}
#topmenu p{
color:#fff;
margin:0px;
border:0px;
padding:0px 0px 0px 4px;
font-variant:small-caps;
font-size:13px;
}

#leftmenu{
background:#fff;
color:#000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
position:absolute;
float:none;
left:0px;
top:103px;
width:140px;
}
#leftmenu p{
font-size:12px;
padding:0px 0px 0px 5px;
margin:0px 0px 0px 0px;
line-height:14px;
}

#main{
background:#fff;
color:#000;
position:absolute;
float:none;
top:103px;
left:146px;
right:183px;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
margin:0px;
padding:0px;
}

#rightbar{
background:#fff;
color:#000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
position:absolute;
float:none;
right:0px;
top:103px;
width:175px;
margin:0px;
padding:0px;
font-size:12px;
}
#rightbar p{
color:#000;
padding:0px 5px 0px 5px;
margin:0px 0px 0px 0px;
}

input,select,textarea{
color:#000;
background:#fff;
border:0px;
margin:0px;
padding:0px;
}

div.Comments,div.Document,table.infotable{
width:auto;
color:#000;
}

.infotable{
margin-top:10px;
margin-bottom:10px;
}

h1,h2,h3,h4,p.subject,th,.pollbar{
font-family:Century Gothic,arial,verdana,helvetica,sans-serif;
font-variant:small-caps;
font-weight:normal;
padding:2px;
background:#ccc;
color:#000;
margin:0px 0px 2px 0px;
}

h1,h2,h3,h4,p.subject{
border-top:1px solid #000;
border-bottom:1px solid #000;
}

h1{
font-size:24px;
}

h2{
font-size:20px;
}

h3,p.subject,th,.pollbar{
font-size:14px;
line-height:12px;
}

h4{
font-size:11px;
line-height:10px;
padding:1px;
display:inline;
}

hr{
height:1px;
color:#222;
}

p.action{
clear:left;
font-size:10px;
line-height:200%;
vertical-align:middle;
text-align:left;
margin:5px 0px 10px 0px;
}

p.action a img{
vertical-align:middle;
}

p.error{
color:#b00;
font-weight:bold;
padding:10px;
border:1px #b00 solid;
}

p.info{
font-family:verdana,arial,helvetica,sans-serif;
font-size:9px;
line-height:120%;
margin:5px 0px 15px 0px;
color:#777;
background:#eee;
border-top:1px solid #bbb;
border-bottom:1px solid #bbb;
}

p.recordset{
font-size:10px;
font-weight:bold;
color:#000;
}

p#greeting{
font-style:italic;
}

.infotable th{
border:none;
width:150px;
text-align:left;
font-size:10px;
line-height:12px;
}

td{
vertical-align:top;
color:#000;
}

td.event_date{
white-space:nowrap;
}

tr.even{
background:#eee;
}

p.editor a,p.editor a:visited,
p.backnext a,p.backnext a:visited,
p.action a,p.action a:visited{ 
font-size:10px;
line-height:25px;
white-space:nowrap;
color:#00c;
background:#fff;
padding:1px 5px 1px 5px;
margin:1px 0px 1px 0px;
border:1px solid #00c;
}

p.editor a:visited,
p.backnext a:visited,
p.action a:visited{ 
color:#90c;
}

p.editor a:hover,p.backnext a:hover,
p.action a:hover,
p.editor a:active,p.backnext a:active,
p.action a:active{
color:#fff;
text-decoration:none;
background:#00c;
}

#topmenu a,#topmenu a:visited{
text-decoration:none;
color:#00c;
background:#fff;
padding:0px 5px 0px 5px;
margin:0px;
}

#topmenu a:visited{
color:#90c;
}

#topmenu a:hover,#topmenu a:active{
color:#fff;
text-decoration:none;
background:#00c;
}

.infotable{
text-decoration:none;
color:#777;
background:#eee;
padding:1px 5px 1px 5px;
border-top:1px #bbb solid;
border-left:1px #bbb solid;
border-bottom:1px #bbb solid;
border-right:1px #bbb solid;
margin:1px 0px 1px 0px;
font-size:10px;
line-height:11px;
}

p.recordset a{
color:#00c;
text-decoration:none;
padding:1px;
}

p.recordset a:hover{
color:#00c;
text-decoration:underline;
}

div.edit{
margin:5px;
}

p.editor{
text-align:right;
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
color:#777;
}

form{
width:650px;
padding:20px;
border:1px #fff solid;
}

form.searchform{
display:inline;
border:1px #bbb solid;
}

.formrow{
clear:both;
padding-top:10px;
}

.formrow h3{
margin:5px 0px 5px 0px;
}

.prompt{
margin-bottom:3px;
width:120px;
text-align:right;
font-weight:bold;
float:left;
color:#000;
}

.doc{
font-weight:normal;
display:block;
color:#666;
}

.field{
width:520px;
float:right;
text-align:left;
}

.forminputtext
{
color:#000;
background:#fff;
border:2px #bbb inset;
} 

.formbutton
{
color:#000;
background:#fff;
border:2px #bbb outset;
}

textarea{
width:500px;
}

div.subfolders{
clear:right;
margin:10px 0px 10px 0px;
}

.subfolder,.picbox,.picboxlong{
font-size:11px;
text-align:center;
margin:2px;
padding:2px;
width:110px;
height:110px;
float:left;
line-height:12px;
overflow:hidden;
background:#fff;
color:#000;
border:1px #ccc solid;
}

.picbox img,.picboxlong img,.imageframe img,.index img{
border:0px;
}

.picbox a:active img,.picboxlong a:active img,
.picbox a:hover img,.picboxlong a:hover img,
.imageframe a:active img,.index a:active img,
.imageframe a:hover img,.index a:hover img{
border:0px;
}

.picboxlong{
height:140px;
}

div.path{
font-family:verdana,arial,helvetica,sans-serif;
font-weight:normal;
font-size:10px;
line-height:100%;
border-top:1px solid #000;
padding:2px 2px 20px 2px;
}

.imageboxes{
clear:left;
margin:10px 0px 10px 0px;
}
.imageboxes td{
text-align:center;
font-size:9px;
line-height:100%;
height:110px;
border:1px #ccc solid;
margin:1px;
padding:2px;
}

.list{
clear:left;
}

td.listinfo{
white-space:nowrap;
font-size:smaller;
}

.list p{
margin-top:0px;
margin-bottom:5px;
}

.imageframe{
text-align:center;
color:gray;
font-size:10px;
}

div.notices{
margin-left:1em;
text-indent:-1em;
}

div.notices p{
display:inline;
}

div.ad{
color:#000;
background:#ddd;
margin:10px 5px 10px 5px;
width:151px;
border:2px #444 solid;
padding:5px;
font-size:11px;
line-height:12px;
}

div.ad a,div.ad a:visited{
font-weight:bold;
color:#00c;
}

div.ad a:visited{
color:#90c;
}

div.adtitle{
font-weight:bold;
color:#000;
}

div.adbody{
display:inline;
font-size:10px;
}

div.adbody p{
display:inline;
}

div.adurl{
font-weight:bold;
font-size:10px;
}

div.adurl a{
color:#00c;
}

div.adurl a:visited{
color:#90c;
}

div.ad a:hover,div.adurl a:hover{
color:#00c;
text-decoration:underline;
}

div.adowner{
font-weight:normal;
font-size:9px;
}

.rating{
display:none;
}

.ahem{
color:#b00;
display:none;
}

.messages{
margin:5px;
padding:5px;
border:1px #fff solid;
color:#000;
text-align:center;
}

.subfolder a img{
border-top:2px #ccc solid;
border-left:2px #ccc solid;
border-bottom:2px #ccc solid;
border-right:2px #ccc solid;
margin:5px 0px 5px 0px;
}

.subfolder a:hover img,.subfolder a:active img{
border-top:2px #00c solid;
border-left:2px #00c solid;
border-bottom:2px #00c solid;
border-right:2px #00c solid;
}
