/*
Title:      Master styles for screen media
Author:     Paul Sivers
Created:	07/01/05
Updated:    21/11/06
*/

body { margin: 0; padding: 0; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; min-width: 760px; line-height: 1.3em; color: #666; background: #a0b3c6 url(/images/pagebg.jpg) repeat-x; }
body, p, tr, td, h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; }
/* ---[ links ]------------------------------- */

a:link { color: #036; }
a:visited { color: #036; }
a:hover { color: #000; }
a.hpmore { display:block; font-weight: bold; text-decoration: none; padding: 4px 0 5px 20px; background: url(/images/morepurple.gif) no-repeat 5px center; }
a.hpmore:hover { background: url(/images/moregreen.gif) no-repeat 5px center; }
a.more { text-decoration: none; padding: 0 0 0 18px; background: url(/images/morepurple.gif) no-repeat 0 1px; }
a.more:hover { background: url(/images/moregreen.gif) no-repeat 0 1px; }
a.moreleft { text-decoration: none; padding: 0 0 0 18px; background: url(/images/morepurple.gif) no-repeat left center; }
a.lessleft { text-decoration: none; padding: 0 0 0 18px; background: url(/images/lesspurple.gif) no-repeat left center; }
a.lessleft:hover { background: url(/images/lessgreen.gif) no-repeat left center; }
a.moreright { text-decoration: none; padding: 0 18px 0 0; background: url(/images/morepurple.gif) no-repeat right center; }
a.moreright:hover { background: url(/images/moregreen.gif) no-repeat right center; }
a.pathwaysmore { padding: 5px 27px 6px 0; background: url(/images/pathwaysarrow.gif) no-repeat 100% 3px; }
a.pathwaysmore:hover { padding: 5px 27px 6px 0; background: url(/images/pathwaysarrowgreen.gif) no-repeat 100% 3px; }
#cmscontent a { text-decoration: none; padding: 0 0 0 18px; background: url(/images/morepurple.gif) no-repeat 0 1px; }
#cmscontent a:hover { background: url(/images/moregreen.gif) no-repeat 0 1px; }
/* ---[ common elements ]--------------------- */

p { margin: 0 0 1em 0; padding: 0; }
h1 { font-family: Arial, Helvetica, Verdana, sans-serif ; font-size: 20px; font-weight: normal; color: #333; padding: 0; margin: 0 0 15px 0; }
h2 { font-family: Arial, Helvetica, Verdana, sans-serif ; font-size: 16px; font-weight: bold; color: #333; padding: 0; margin: 0 0 1em 0; }
h3 { font-family: Arial, Helvetica, Verdana, sans-serif ; font-size: 12px; font-weight: bold; color: #333; padding: 0; margin: 0 0 1em 0; }
.newslist h3 { margin: 0 0 0.5em 0; }
h3 a:link, h3 a:visited { font-size: 32px; font-weight: bold; text-decoration: none; color: #000; }
h3 a:hover { color: #399; }
h4, h5 { font-family: Arial, Helvetica, Verdana, sans-serif ; font-size: 11px; font-weight: bold; color: #333; padding: 0; margin: 0 0 1em 0; }
h1 span, h2 span, h3 span { color: #999; }
blockquote { font-size: 88%; color: #777; padding-left: 23px; background: url(../images/quotemarks.gif) no-repeat 0 3px; }
blockquote.praise { padding: 0 0 10px 23px; border-bottom: 1px solid #eee; }
code { color: #7B9905; font-size: 110%; line-height: 1.2em; text-align: left; }
code strong { color: #4E6200; }
abbr, acronym, .popup { font-style: normal; border-bottom: 1px dotted; }
em { font-style: italic; }
strong { font-weight: bold; }
strike { text-decoration: line-through; }
form { display: inline; position: relative; margin: 0; padding: 0; }
.pagebutton { font-size: 110%; font-weight: bold; background-color: #e6e6e6; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0 4px 1px 4px; cursor: hand; text-decoration: none; background: url(/images/morepurple.gif) no-repeat center center;}
.nextpage { background-color: #fff; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 2px 10px 2px 3px; text-decoration: none; text-align:right; background: url(/images/morepurple.gif) no-repeat 10px center; cursor: hand;}
.previouspage { background-color: #fff; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 2px 3px 2px 10px; text-decoration: none; background: url(/images/lesspurple.gif) no-repeat 10px center; cursor: hand;}
.nextpage:hover { background: url(/images/moregreen.gif) no-repeat 90% center;}
.previouspage:hover { background: url(/images/lessgreen.gif) no-repeat 3px center;}
.smaller { font-size: 90%; }
.caption { font-size: 90%; color: #999; line-height: 1.1em; padding: 0 0 0 0; }
.topright { float: right; text-align: right; padding: 3px 0 10px 10px; }
.topleft { float: left; text-align: left; padding: 3px 10px 10px 0; }
.toprightwithborder { float: right; text-align: right; margin: 3px 0 10px 10px; border: 1px solid #336;}
.topleftwithborder { float: left; text-align: left; margin: 3px 10px 10px 0; border: 1px solid #336;}
.withborder { border: 1px solid #336;}
h3.upper { text-transform: uppercase; }

/* ---[ top ]------------------------------- */

#outer { z-index: 10; position: relative; width: 760px; margin: 0 auto 40px auto; padding: 0 10px; text-align: left; background: #fff; border-right: 1px solid #036; border-left: 1px solid #036; border-bottom: 1px solid #036;}
#maincontent { z-index: 20; width: 760px; overflow:hidden; margin: 0 auto; padding: 0; text-align: left; background: url(/images/blockbg.gif) repeat-y; }
#hpmaincontent { width: 760px; overflow:hidden; margin: 0 auto; padding: 0; text-align: left; background: url(/images/hpblockbg.gif) repeat-y; }
#cmscontent { padding: 10px; margin-bottom: 20px;}
html>body #outer{height:auto;}
#centreleftwrap { float:left; width:620px; margin: 0; padding: 0;}
#left { width:140px; float:left; margin: 0; padding: 0; background: #f5f5f5;}
#right { width:620px; float:right; margin: 0; padding: 0; }

#hpcentre { position:relative; width:760px; margin: 0; padding: 0; }
#right2 { position:relative; width:140px; float:right; margin: 0; padding: 0; padding-bottom:32px; }
#header { z-index: 5000; background: transparent; color: #666; overflow: auto; width: 100%;}
#topnav { background: url(/images/bgnavgradient1.gif) repeat-x;  overflow:hidden; }
#headersearch { float: right; text-align: right; }
#headertelno { float: right; text-align: right; }
#headercms { margin-top: 1px; background: #336; }
#content { margin: -1px 0 20px 0; padding: 10px 0 0 14px; border-left: 1px solid #ccccd9;}
#hpcontent { margin: 10px 10px 0 10px; padding: 0; }
#leftcontent { width: 140px; }
.clearer2 { clear: both; }
.clearer { clear: both; height:1px; overflow:hidden; margin-bottom:-1px;}
#hpcontent2 { margin: 0 0 10px 0; padding: 0; }
#hp1 { position:relative; float:left; width:32%; margin-right: 10px; padding: 0; border: 1px solid #336;}
#hpinfo { float:left; width:545px; margin: 0 10px 0 0; padding: 0; }
#hpnews { float:right; width:200px; margin: 0; padding: 0; background: #f5f5f5;}
#hpcompetition { float:right; width:200px; margin: 0; padding: 0; background: #ffffff;}
#hp2 { position:relative; float:left; width:32%; margin-right: 10px; padding: 0; border: 1px solid #336;}
#hp3 { position:relative; float:left; width:32%; margin: 0; padding: 0; border: 1px solid #336;}
#hp1content { margin: 10px 10px 10px 10px; padding: 0; }
#hp2content { margin: 10px 10px 10px 10px; padding: 0; }
#hp3content { margin: 10px 10px 10px 10px; padding: 0; }
#hpcontent2 p { margin: 0 0 1em 0; padding: 0; }

#headertelno h1 { font-size: 20px; font-weight: bold; padding: 33px 20px 10px 0; margin: 0; color: #399; }
#left h1 { text-transform: uppercase; font-family: verdana; font-size: 11px; font-weight: bold; padding: 20px 0 15px 8px; margin: 0; color: #999; background: #fff; border-bottom: 1px solid #ccccd9; border-left: 1px solid #ccccd9; }
#right2 h1 { text-transform: uppercase; font-size: 85%; font-weight: bold; padding: 3px 10px 2px 10px; margin: 0; color: #999; background: #fff; border-bottom: 1px solid #ccc;}
#pagetitle { padding: 20px 0 0 0; margin: 0 0 0 15px; background: transparent; border-bottom: 1px solid #ccccd9; border-right: 1px solid #ccccd9; }
#xxcontent h1 { font-size: 95%; font-weight: bold; padding: 5px 0 2px 0; margin: 0 0 0 0; color: #333; }
#xxhpcentre h1 { font-size: 95%; font-weight: bold; padding: 5px 0 2px 8px; margin: 0; color: #333; background: #fff; }
#calendar h1 { font-size: 120%; font-weight: bold; padding: 15px 0 15px 5px; margin: 0; color: #000; border: none;}
#xxhpcontent2 h1 { font-size: 95%; font-weight: bold; text-decoration: none; padding: 3px 10px 3px 10px; margin: 0 0 0 0; color: #336; background: #eaeaef; }
#headercms h1 { padding: 8px; font-size: 120%; color: #ebebf0; }
#cmscontent hr { margin: 5px 0; border-top: 1px solid #336; color: #fff; background-color: #fff; height: 1px; }
#cmscontent h1 { font-size: 100%; font-weight: bold; padding: 5px 0 2px 0; margin: 0 0 0 0; color: #336; }
#cmscontent h2 { font-size: 95%; font-weight: bold; padding: 5px 0 2px 0; margin: 0 0 0 0; color: #333; }
#headertop a { padding: 0 3px; color: #fff; text-decoration: none;}
#headertop a:link { color: #fff; }
#headertop a:visited { color: #fff; }
#headertop a:hover { color: #036; }
#content p { margin: 0 0 1em 0; padding: 0; }
#hpcontent p { margin: 0 0 1em 0; padding: 0; }

#banner { background: #fff; }
#logo { position: relative; float:left; background: #fff; padding: 0; margin: 0; }
#headerimage { background: #fff; margin: 1px 0 0 0; padding: 0; border-bottom: 1px solid #fff;}
#headerright { text-align: right; margin: 0 0 0 0; padding: 0;}
#clearbannerfloat { clear: both; height:1px; overflow:hidden; margin-bottom:-1px; }
#date { position: relative; float:left; padding: 0; margin: 0; }
#date p { margin: 0; padding: 5px 10px; }
#url { position: relative; float:right; margin: 0; padding: 0; }
#url p { margin: 0; padding: 5px 10px; font-size: 120%; font-weight: bold; }

/* navigation */

#menux { padding: 10px 0 10px 0; margin: 0; list-style: none; background: #fff; border: none; width:139px;}
#menux ul { padding: 10px 0; margin: 5px 0 10px 10px; list-style: none; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width:129px;} 
#menux li { margin: 0; padding: 0; line-height: 1; width:139px;}
#menux ul li { margin: 0; padding: 0; line-height: 1; width:129px;}
#menux li a { display : block; width: 120px; margin: 0; color : #666; font-size: 11px; font-weight : normal; text-decoration : none; background : #fff; padding : 3px 10px 4px 10px; }
#menux ul li a { display : block; margin: 0; color : #666; font-size: 11px; font-weight : normal; text-decoration : none; background : #fff; padding : 3px 10px 3px 5px; }
#menux li a:hover { color : #fff; background: #036 url(/images/bgnavgradient1.gif) repeat-x; opacity: .5; filter: alpha(opacity=50);}

/* tables */

#hpinfo table { border-collapse: collapse; width: 100%; margin:0; padding:0; border:none;}
#hpinfo td { text-align: left; border: 1px solid #fff; margin: 0; padding: 0;}
#hpinfo th { text-align: left; border: 1px solid #fff; margin: 0; padding: 3px;}
#hpinfo2 a { display: block; width: 100%; height: 100%; text-decoration: none; color: #000; padding: 0;}

#hpchristmas table { border-collapse: collapse; width: 100%; margin:0; padding:0; border:none;}
#hpchristmas td { text-align: left; border: 1px solid #000; margin: 0; padding: 0;}


.borderedtable table { border-collapse: collapse; width: 100%; margin: 20px 0;}
.borderedtable td { border: 1px solid #999; margin: 0; padding: 3px 10px; }
.borderedtable th { border: 1px solid #999; margin: 0; padding: 3px 10px; background: #f5f5f5; width: 200px;}

.tablewithborder table { border-collapse: collapse; margin: 20px 0;}
.tablewithborder td { border: 1px solid #999; margin: 0; padding: 3px 10px; vertical-align:top;}
.tablewithborder th { border: 1px solid #999; margin: 0; padding: 3px 10px; background: #f5f5f5; width: 200px;}


/* lists */

#content ul { position: relative; list-style: disc; margin: 1em 0 1em 0; padding-left: 20px; }
#content ul li { padding: 0 0 5px 0; line-height: 1.3em; }
#content ol li { padding: 0 0 5px 5px; line-height: 1.3em; }
#content dl dd { margin: 0; padding: 0 0 0.5em 0; font-size: 90%; }
#content dl dt { float: left; clear: left; width: 100px; padding: 0 20px 0 0; font-weight: bold; }
ul.defaultlist { position: relative; list-style: disc; margin: 1em 0 1em 0; padding-left: 10px; }
li.defaultlist { padding: 0 0 5px 0; line-height: 1.3em; }

#content dl dt span { font-weight: normal; }
#quick-list dt { padding: 0 0 0 13px; background: url(../img/ext-link.gif) no-repeat 0 5px; }
#quick-list .date { color: #999; }

/* photo gallery */

.photogallery img { margin:10px 5px 0 0; padding: 0; border: 1px solid #336; width: 140px;}

/* directory */

#dirlisting h1 { margin: 1em 0 1em 0; padding: 5px 0; font-size: 120%; font-weight: bold; color: #336; background: #fff; border:none;}
#dirlisting select { font-size: 90%; color: #666;}
#dirlisting table { margin: 0 0 10px 0;}

.azlink { text-decoration: none; color: #666666; background-color: #ffffff; padding-left: 3px; padding-top: 1px; padding-bottom: 1px; padding-right: 3px; display: block; line-height: normal;/* */ }
.azlink:hover { text-decoration: none; color: #ffffff; background-color: #99cccc; }
.azlinksel { text-decoration: none; color: #ffffff; background-color: #99cccc; padding-left: 3px; padding-top: 1px; padding-bottom: 1px; padding-right: 3px; display: block; line-height: normal;/* */ }
.azlinksel:hover { text-decoration: none; color: #666666; background-color: #ffffff; }

/* confirm box */

#content .confirm { margin: 1.5em 0; padding: 20px; font-size: 90%; line-height: 1.5em; color: #963; border: 1px solid #EBD0A6; background: #FFF5D4 url(../img/confirm-bg.gif) repeat-x top left; }
#content .confirm strong { display: block; margin: 0 0 6px 0; color: #493623; }

/* ---[ entries ]---------------------------------- */

#home #content h3 { margin: 0; padding: 0; border: none; }
#content dl#entries { margin: 0; padding: 0; }
#content dl#entries dt a { font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 130%; font-weight: normal; text-decoration: none; color: #40659B; }
#content dl#entries dt a:hover { color: #036; }
#content dl#entries dd { margin: 0; padding: 0; font-size: 100%; }
#content dl#entries dd .more { font-size: 90%; }
#content dl#entries dd.posted { margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 90%; color: #999; border-bottom: 1px solid #eee; }
a.plink { padding-left: 16px; color: #999; text-decoration: none; background: url(../img/perm_doc.gif) no-repeat 0 1px; }
a.clink, .commoff { margin: 0 0 0 2px; padding: 0 0 0 15px; color: #999; text-decoration: none; background: url(../img/com_bubble.gif) no-repeat 0 1px; }
.commoff { color: #ccc; background-image: url(../img/comment_off.gif); }
a.plink:hover, a.clink:hover { color: #666; }
p#menu { color: #999; font-size: 90%; margin-top: 0; }
p#menu.month { margin-top: 1em; }

#calendar input { font-size: 90%; border: 1px solid; border-color: #666 #ccc #ccc #666; }
#calendar select { font-size: 90%; color: #666;}
#calendar input.button { background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0; cursor: hand; }

/* ---[ footer ]----------------------------------- */

/* ---[ footer ]----------------------------------- */

#footer { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; padding: 15px 0 20px 0; font-size: 12px; color: #666; background: #fff; clear:both; }
#footercms { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0 0 0 0; padding: 15px 10px 15px 10px; font-size: 90%; color: #666; background: #fff; border-top: 24px solid #336;}
#footercms p { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; }
#footercms a { font-family: Arial, Helvetica, Verdana, sans-serif; padding: 0; color: #888; }
#footercms a:hover { color: #336; }
#footerleft { float:left; text-align:left; padding: 0 0 0 5px;}
#footerright { float:right; text-align:right; padding: 0 5px 0 0;}
#footerhp { margin: 0; padding: 10px; font-size: 90%; color: #666; background: url(/images/hpblockbgbottom.gif) top left no-repeat; }
#footer p { font-size: 11px; margin: 0; padding: 0;}
#footer a { color: #888; }
#footer a:hover { color: #036; }
#footerhp p { margin: 0; padding: 0; }
#footerhp a { padding: 0; color: #888; }
#footerhp a:hover { color: #f90; }
#filler { margin: 0 0 20px 0; padding: 0; background: #585858; height: 30px; border: 1px solid #fff;}

/* ---[ forms ]------------------------------------ */

#contactform, #comments-form, #shirt-form, #search-form, #searchxxxx { margin: 0 0 25px 0; padding: 15px; background: url(../img/form-bg.gif) repeat-x top left; }
#search-form, #searchxxx { background-image: url(../img/search-form-bg.gif); }
#search-form p { margin: 0 0 10px 0; }
#contactform dl { margin: 0; padding: 0; font-size: 90%; }
#contactform dt { color: #333; font-weight: normal !important; }
#contactform dt em, #contactform .note em { color: #c00; font-weight: bold; font-style: normal; }
#contactform #realname, #contactform #email, #contactform #url { width: 200px; border: 1px solid #ccc; padding: 2px; color: #444; }
#contactform textarea { width: 400px; height: 180px; font-family: inherit; font-size: 120%; border: 1px solid #ccc; }
#search { margin: 0; padding: 0 0 0 0; font-size: 90%; color: #036; border: 0; }
#search input { width: 122px; font-size: 90%; color: #036;}
#search select { width: 100%; font-size: 90%; color: #036;}
#search #dosearch { position: relative; float: right; width: 60px; font-size: 90%; color: #036; background: #f5f5f5; cursor: hand; margin-top: 5px; border-right: 1px solid #036; border-bottom: 1px solid #036; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
#clearfloat { position: relative; clear: both ;}
#searchform { margin: 0 auto; padding: 0; }
#loginform { margin: 0 auto; padding: 0; }
#login { margin: 0; padding: 0 0 20px 0; color: #666; border: 0;}
#login input { width: 112px; }
#login password { width: 112px; }
#login select { width: 100%; font-size: 90%; color: #666;}
#login #dologin { font-size: 85%; width: 40px; background: #e6e6e6; cursor: hand; text-decoration: none; margin: 0 0 0 10px; padding: 0 4px 1px 4px; border: 1px solid; border-color: #ccc #666 #666 #ccc;}

#librarysearch { padding: 1em 1em 0.5em 0.5em; margin: 10px 0 10px 0; background: #e8f2ee; color: #000;}
#librarysearchform div { margin-bottom: 0.5em; }
#librarysearch input { width: 200px; font-size: 90%; border: 1px solid; border-color: #666 #ccc #ccc #666; padding: 2px; }
#librarysearch input { width: 173px; }
#librarysearch select { width: 180px; font-size: 90%; color: #666;}
#librarysearch input.button { width: 5em; background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin-left: 1em; padding: 0; cursor: pointer; }
#librarysearch label { float: left; width: 160px; }

#comments { padding: 10px; margin: 10px 0 10px 0; background: #e8f2ee; color: #000;}
#commentsform div { margin-bottom: 0.5em; }
#comments input { width: 200px; font-size: 90%; border: 1px solid; border-color: #666 #ccc #ccc #666; padding: 2px; }
#comments input { width: 193px; }
#comments select { width: 200px; font-size: 90%; color: #666;}
#comments input.button { width: 10em; background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin: 20px 0 0 0; padding: 0; cursor: pointer; }
#comments label { float: left; width: 150px; }
#comments textarea { width: 193px; }
#comments .textareawide { width: 400px; }
#comments .selectwide { width: 260px; }
#comments .inputwide { width: 253px; }



#cmsform { padding: 0; margin: 0; color: #000; }
#cmsform div { margin-bottom: 0.5em; }
#cmsform tr { padding: 0; }
#cmsform td { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; vertical-align: top; padding: 0.5em 0; }
#cmsform input { width: 240px; font-size: 11px; border: 1px solid; border-color: #666 #666 #666 #666; padding: 2px; }
#cmsform input { width: 233px; }
#cmsform select { width: 240px; font-size: 11px; color: #666; border: 1px solid; border-color: #666 #666 #666 #666; padding: 2px;}
#cmsform input.button { width: 6em; border: 1px solid; border-color: #666 #666 #666 #666; margin: 0; padding: 1px; cursor: pointer; }
#cmsform input.button2 { width: 10em; background-color: #e6e6e6; border-color: #ccc #666 #666 #ccc; margin: 0 0 0 0; padding: 0; cursor: pointer; }
#cmsform input.checkbox { width: 2em; margin: -1px 5px 0 0; padding: 0; border: none;}
#cmsform label { font-family: Arial, Helvetica, Verdana, sans-serif; width: 240px; padding: 0 10px 0 0;}
.labelwidth { width: 140px; }
#cmsform textarea { font-family: Arial, Helvetica, Verdana, sans-serif; width: 235px; font-size: 11px; border: 1px solid; border-color: #666 #666 #666 #666;}
#cmsform .textareawide { width: 400px; }
#cmsform .selectwide { width: 260px; }
#cmsform .inputwide { width: 253px; }
#cmsform p { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 2px 0 0 20px; color: #666; font-size: 11px; }
#cmsform p.nopadding { padding: 0; }
#cmstable { margin: 0; padding: 0; background: #f5f5f5; }
.cmstable { width: 740px; border-collapse: collapse; }
#cmslisttable { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; width: 740px; margin: 20px 0 0 0; padding: 0; background: #fff; border-collapse: collapse; border-spacing: 0; border-width: 0px; border-style: none;}
#cmslisttable th { vertical-align: top; padding: 1px 5px; margin: 0; border-bottom: 10px solid #f5f5f5; border-top: 1px solid #336; background: #cccccc;}
#cmslisttable td { font-family: Arial, Helvetica, Verdana, sans-serif; vertical-align: top; padding: 1px 5px; margin: 0; border-bottom: 1px solid #fff; background: #f5f5f5;}
.cmstablenospace td { vertical-align: top; margin: 0; padding: 0 0.2em 0 0.5em;}
#cmsform td.address { padding: 0; margin: 0;}
#cmslisttable h3 { margin: 0; padding: 0; }
#cmsformheader td { vertical-align: top; }

.pagebutton { font-size: 110%; font-weight: bold; background-color: #e6e6e6; border: 1px solid; border-color: #ccc #666 #666 #ccc; margin: 0; padding: 0 4px 1px 4px; cursor: hand; text-decoration: none; }

#quicklink select { width: 122px; font-size: 90%; color: #036;}
#quicklink #iwanttogo { margin: 0; padding: 0; font-size: 0.8em; color: #f5f5f5; background: #476ca5; cursor: hand; border-right: 1px solid #036; border-bottom: 1px solid #036; border-left: 1px solid #9ac3e5; border-top: 1px solid #9ac3e5; }

#weeklyglance table { width: 100%; border-collapse: collapse; background: #f5f5f5; }
#weeklyglance th { vertical-align:top; padding: 15px; text-align:left; border: 1px solid #fff ; background: #eee; }
#weeklyglance td { vertical-align:top; padding: 15px; border: 1px solid #fff ; background: #f5f5f5; }


/* message */

.message { color: #c00; }
.message h3 { color: #c00; }
.error { color: #c00; }
.error h3 { color: #c00; }



/* ---[ misc. ]---------------------------------------- */

hr { background: #ccc; color: #ccc; height: 1px; margin: 5px 0 10px 0;}
#commentsform hr { border-top: 1px solid #fff; color: #fff; background-color: #fff; height: 1px; }
h3 img { vertical-align: middle; }
ul.noBullet li { list-style-type: none; }
ul.fiveent em { color: #999; font-style: normal; font-size: 90%; }
.center { text-align: center; }
a img { border: none; }
.hide { display: none; }