/* tag attributes */
body {background-color: #ffffff; font-family: arial; color:#364f7f; font-size:11px;
line-height: 160%; margin:0px; margin-bottom: 60px}
p {margin-left:15px; margin-right: 15px; margin-top:0px}  /* I have to set margin-top to 0 as Firefox adds an annoying top margin by default... */
a {color:#cc9933; font-family: tahoma; text-decoration:none; font-size:16px}
a:hover {color:#364f7f}





/* Containers */

/*Header container*/
#containerHeader {position: relative; margin: auto; height: 150px; width:800px;
background-image: url(images/header.png)}

/*Star container*/
#containerStar{position: absolute; top: 40px; right:50px; height: 147px; width:140px}

/*Nav container*/
#containerNav {position: relative; height: 45px; width:800px; margin:auto;
background-color: #8ba85d; margin-top:5px; border: 1px solid #aaa}

/*Caption container */
#containerCaption {position: relative; height:150px; width:800px; margin:auto; opacity: 0.8;
border: 1px solid #aaa; border-top: none}

/*Main container*/
#containerMain {position: relative; width:800px; margin:auto; background-color: #ececee;
border: 1px solid #FFF; border-top: none}

/*Text container_left*/
#containerText_left {position: relative; width:390px; margin-left:5px; float: left; margin-top: 10px;
margin-bottom: 20px; border: 1px solid #aaa; background-color: #fff }

/*Text container_center*/
#containerText_center {position: relative; width:390px; margin-left:16px; float: left; margin-top: 10px;
border: 1px solid #aaa; background-color: #fff }

/*Text container_right*/
#containerText_right {position: relative; width:390px; margin-right:5px; float: right; margin-top: 10px;
border: 1px solid #aaa; background-color: #fff }

/*Yellow Title Box container*/
#containerYellowtitlebox {position: relative; width:390px; height: 30px;
background-color: #ff9; text-align: center; color:#c93; padding-top:7px; font-family: times; font-size:16px}

/*Image container*/
#containerImage {position: relative; float: right; margin-right:5px; margin-top: 10px;
margin-bottom: 10px}



/*Footer container*/
#containerFooter {position: relative; width:800px; margin:auto; font-size:15px; text-align: center}






/**** general classes *****/

.standoutgreen {font-weight: bold; font-size: 14px; color: #693}
.standoutred {font-weight: bold; font-size: 14px; color: #c33}


/**** whois lookup classes *****/

.swDomain{margin-left: 80px; margin-top:3px}
.swtld{background-color: #fff; margin-top:3px}
.swSecureCode{width: 65px; margin-top:3px}
.swSecureImage{border: 1px solid black; margin-top:-2px}
.swSubmit{border: 1px solid black; background-color: #6699cc; margin-top:3px}
.swStatus{width: 800px; margin: auto; text-align: center}




/*** Navigation classes ****/

/**** general classes for the menu <a> tag ****/

.menu a
{
display:block;
width:113px;
height:40px;
float:left;
text-align:center;
text-decoration:none;
color:#fff;
font-size:12px;
border-right:1px dotted #fff;
padding-top: 5px;
/*background-image: url(nav.png);*/
}


.menu a:hover
{
background-image: url(nav_hover.png);
background-color:#fff;
color:#8ba85d;
}


/* additional specific classes for the <a> tag */

a.extrapadding {padding-top: 15px; height:30px;}
a.active {background-color:#fff; color:#8ba85d; opacity:0.9}
a.end {border-right:none; width: 116px}






/********* divs for photo enlargement script **********/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}

#thumbBox#thumbImage /*DIV within thumbbox that holds the enlarged image */
{ 
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}