/* General */
body { text-align:center; font-size: 82%; }
html { font-size:82%;}
#container { margin: 0 auto; text-align:left; background-color: #fff; font-family:  Verdana, Tahoma, Sans-Serif; line-height: 140%; color:#444; width:960px; }
a, a:active, a:visited { text-decoration:underline; color: #8c2400;}
a:hover, a:active:hover, a:visited:hover { text-decoration: underline; color: #aaa; }
h1 { font-family:Georgia; font-size:1.8em; font-weight:normal; text-align:left; margin-bottom:10px; margin-top:24px; padding-bottom:8px; border-bottom: solid 1px #aaa;}
h2 { font-family:Georgia; font-size:1.4em; font-weight:normal; text-align:left; margin-bottom:10px; margin-top:18px; padding-bottom:8px; border-bottom: solid 1px #aaa;}
h3 { font-family: Verdana; font-size: 1.1em; font-weight:bold; margin-bottom:4px; padding-bottom:4px; border-bottom: solid 1px #aaa; }
h4 { font-family: Verdana; font-size: 1.1em; font-weight:bold; margin-bottom:12px; padding-bottom:4px; border-bottom: solid 1px #aaa; }
ul {margin-top:12px; }
li {padding-top:2px;}

/* Master Page */
#top { background: #fff url('/images/base/angelfish_websites_logo.jpg') no-repeat left; height:80px; }
#top #strapline { text-align:right; padding-top:60px; font-style:italic; }
#topmenu { width:960px; background: #90bce1 url('/images/base/top_menu_background.jpg') repeat; border:0; padding:0; }
#topmenu ul { font-size:1.2em; font-weight:bold; text-align:center; margin:0; padding:0; height:30px;}
#topmenu li { float:left;  margin:0; list-style:none; padding-top:0; }
#topmenu li a:link, #topmenu li a:active, #topmenu li a:visited { display:block; border-right:solid 1px #fff; text-decoration:none; padding: 7px 10px 8px 10px; color: #fff; background:none; }
#topmenu li a:link:hover, #topmenu li a:active:hover, #topmenu li a:visited:hover { text-decoration:none; background: #b0b0b0 url('/images/base/top_menu_over.jpg') repeat-x top; color: #fff;}
#footer { width:944px; margin-top:30px; border-top: solid 1px #aaa; text-align:right; padding: 4px 8px 4px 8px; color: #666; }
#content { margin-top:10px; }

/*  Home Page */
#topcaption { background: #c0dbf0; width:940px; padding: 10px; height:132px; font-size:1.1em; line-height:150%; border-top:solid 1px #488ecc; border-bottom:solid 1px #488ecc;}
#topcaptionbox { float:left;  }
#topcaptionbox img { border:solid 1px #888; }
#topcaptiontext { float:left; padding-left:20px; font-family:Georgia; text-align:left; }
#topcaptiontext h1 { font-family: Verdana; font-size:1.7em; font-weight:bold; margin: 8px 0px 8px 0px; border: 0;}
#topcaptiontext h2 { font-size:1.3em; margin: 8px 0px 8px 0px; font-weight:normal; border:none; padding:0; }
#topcaptionextra { float:right; background: url('/images/base/home_caption.jpg') no-repeat top left; width: 278px; height:130px; padding-left:25px; padding:1px; }

/* Images */
#content { line-height: 180%; }
#content .image { float:left; margin:4px; width:172px; height:132px; border:solid 3px #fff; padding:0; }
#content .image img { padding:0; border: solid 1px #aaa; margin:-1px; width:170px; height:130px; }
#content .image a:link, #content .image a:visited { text-decoration:none; padding:1px; border:none; display:block; margin:0; }
#content .image a:hover { text-decoration:none; padding:0; border:solid 4px #ccc; margin:-3px; width:170px; height:130px; }
#content .mediumimage { float:left; margin:4px; width:352px; height:252px; border:solid 3px #fff; padding:0; }
#content .mediumimage img { padding:0; border: solid 1px #aaa; margin:-1px; width:350px; height:250px; }
#content .mediumimage a:link, #content .mediumimage a:visited { text-decoration:none; padding:1px; border:none; display:block; margin:0; }
#content .mediumimage a:hover, #content .mediumimage a:visited:hover { text-decoration:none; padding:0; border:solid 4px #ccc; margin:-3px; width:350px; height:250px; }
#content .icon { border:none; margin:0; padding:0; }
#content .icon a:link, #content .icon a:active, #content .icon a:visited { text-decoration:none; padding:0; border:none; margin:0; display:block; }
#content .icon a:hover, .icon a:active:hover, .icon a:visited:hover { text-decoration:none; padding:0; border:none; }

/* Controls (buttons, etc.) */
.text { text-align:justify; font-family:Verdana; font-size:1.0em; }
.input { font-family: Verdana, Tahoma , Sans-Serif; font-size:100%; margin: 0px 0px 0px 0px; }
.login { margin-top: 4px; margin-bottom: 4px; font-family: Verdana, Tahoma , Sans-Serif; font-size:100%;}
.warningtext { font-family: Verdana, Tahoma, Sans-Serif; color: #FB620F; }
.button { font-family: Verdana, Sans-Serif; font-size:1.0em;}