/*Style sheet for Website Builders */
/*Created by HJ Waters.  9th-22nd September 2002  */

/* Basic settings for page and table */
/* Other styles modify these */

body {background:white; color:maroon; font-size:12px; font-family:'verdana';margin:0px}
table {font-size:1.0em}


 /* Settings for all the top of page elements */

#toplogo {float:right; height: 75px; padding:10px}

.toprow {font-size:2.5em; height:40px; background:white; background-image: url("images/toprow.gif"); background-repeat:repeat; background-postion:center; text-align:right; right-margin:5%; font-family: 'century gothic';  font-weight:bold; padding:2%; color:#400080;}

.toprowsub {font-size:0.5em; font-weight:none}

.tickertape { background:transparent; font-family:"verdana"; font-size:10; color:; font-weight:bold; }

.toprow1 {float:left;padding:0.5em; font-size:1.25em; font-weight: bold}
.toprow2 {float:left;padding:0.5em; font-size:1em; font-weight: bold}
.toprow3 {float:left; padding:0.5em;font-size:1em; font-weight:bold; color:#400080}


/* settings for the body-block and bottom row elements */

.bodyblock {background:transparent; font-color:#000080; align:justify; padding:2%}

.bottomrow {display:block; background:transparent; font-size:0.8em; text-align:right; padding:0.5em; right-margin:5%}

/* side menu settings */
/* the menu buttons are on their own little block called .leftmenu */
/* sidepanel controls the corner text and the vertical stripe */

.leftmenu {background:transparent; font-family: 'century gothic'; font-size: 0.75em; text-align:center; width:7em; color:white; font-weight:none; text-decoration:none}

.leftmenudiv {font-size:0.4em; text-align:center}

.sidepanel {display:block; background:#400080; background-image: url("images/sidepanel.gif"); background-repeat:repeat; background-postion:center; color:white; padding:0.5em; font-size:24px; text-align:center}

.cetaleftmenu {background:transparent; font-family: 'century gothic'; font-size: 0.75em; text-align:center; width:7em; color:white; font-weight:none; text-decoration:none}

/* a couple of special settings for occasional use */

.cetapremium {color:#000080}

.splash {background:red; background-image: url("images/splash.gif"); background-repeat:no-repeat;color:white; padding:0.5em; font-size:0.7em; text-align:center}

.hotnews {display:block; padding:3px; color:white; text-align:center; background:red; float:right;}
.testamonial {font-family:monotype corsiva, cursive; font-size:1.2em; font-decoration:italic; color:gray; width:30%; float:right;clear:left; margin:0.5em; padding:0.5em; border:1px red dashed}
.testamonial em {font-size:0.8em; font-family:arial}


/* general style modifiers  used in various pages to change the text*/

.newsletter {font-size:10px; color:white}
.center {text-align:center}
.line1 {font-weight:bold; font-size:1.2em; text-align:left;padding-left:50px;}
.introline {font-weight:bold}
.underline {font-decoration:underline}

/* paragraph modifiers used on most pages */
.p1 h1 {font-size:1.1em; margin:0}
.p1 {padding:0.5em; background: #dddcf1; border:solid 0.3ex #d7d7ff ; width:80%; height:1em; text-align:justify; font-weight:bold;}
.p2 {padding:0.5em; border:none 0.1ex #d7d7ff; width:80%; height:50px; float:center;text-align:justify; font-weight:none }
.p3 {padding:0.5em; border:solid 0.1ex #d7d7ff; width:80%; height:50px; float:center;text-align:justify; font-weight:none}
.p4 {padding:0.5em; border:none 0.1ex blue; width:50%; height:100px }

.orderp2 {padding:0.5em; border:none 0.1ex #d7d7ff; width:100%; height:50px; float:center;text-align:justify; font-weight:none }
.orderp3 {padding:0.5em; border:solid 0.1ex #d7d7ff; width:100%; height:50px; float:center; text-align:justify; font-weight:none}


/* these modify and shape the list boxes and inline text boxes used on some pages */

.list1 {vertical-align:middle; margin-right:2%; margin-left:2%; padding:0.5em; border:solid 0.1ex #d7d7ff; width:45%; height:200px; float:left; text-align:justify; font-weight:none; background:#bbbbff; border:none}

.list2 {vertical-align:top; padding:0.5em; border:solid 0.1ex #d7d7ff; width:45%; height:200px; float:right; text-align:justify; font-weight:none;background:#bbbbff; border:none }

.iframe1 {height:200px}

/* horizontal navigation bar */
/* vline is a little decorative line between the elements */

.hnav {display:block; background:#ffff80; font-size:12px; padding-left:8px; padding-right:8px;  text-align:center}
.vline{border-left:solid 0.1ex #d7d7ff; }

/* used to place the images to the left or the right of the text */

.image1 {float:right; margin-left:1em; margin-right:0em; margin-top:1em; margin-bottom:1em}
.image2 {float:left; margin-left:0em; margin-right:1em; margin-top:1em; margin-bottom:1em}
.image3 {float:right}
.image4 {float:left}

.orderimage1 {float:right; margin-left:1em; margin-right:0em; margin-top:0em; margin-bottom:1em}

/* this section alters the look of the links and buttons */
	/* normal links */

  A:link, A:active, A:visited{text-decoration:none}
  
  A:hover {color:yellow; background:#7059ee; text-decoration:bold;}

  
 	/* links that need to be boldened in the text */ 
.bold a:link, .bold a:active, .bold a:visited {font-weight:bold; text-decoration:underline}

	/* links that appear in the list boxes */
.list2 a:link, .list2 a:active, .list2 a:visited {text-decoration:underline}
.list2 a:hover {color:red; background:none;  text-decoration:none}  

	/* sidebar buttons */
	
  .leftmenu a:link, .leftmenu a:active, .leftmenu a:visited { font-family: 'trebuchet ms'; font-size:10; color:white; display:block; padding:0.3em; width:100%; background: #5c2e2e; background-image: url(images/red3.gif); border:  4px #bdbddf outset; margin-bottom: 0.5em; margin-top: 0.5em; text-decoration:none}

 .leftmenu A:hover { color:yellow; border:  4px  inset; text-decoration:none}
 
   .cetaleftmenu a:link, .cetaleftmenu a:active, .cetaleftmenu a:visited { font-family: 'trebuchet ms'; font-size:10; color:#0080c0 display:block; padding:0.3em; width:100%; background: #3cfb8d; background-image: url(images/red3.gif); border:  4px #bdbddf outset; margin-bottom: 0.5em; margin-top: 0.5em; text-decoration:none}

 .cetaleftmenu A:hover { color:yellow; border:  4px  inset; text-decoration:none}
 
 	/*top row links*/
 .toprow2 a:link, .toprow2 a:active,.toprow2 a:visited {color:#000080; font-weight:bold}
 
 	/*occasional use links*/
	
	
 .hotnews A:link, .hotnews A:active, .hotnews A:visited{ display:block; border:solid 3px red outset; padding:5px; color:white; text-decoration:bold}
 .hotnews A:hover { color:#ffffff; background: red; border: gray 3px  inset; text-decoration:none}
hr {clear:both}