/*
white		#ffffff
black		#000000
grey		#cccccc
dark blue	#000099
bright blue	#6666ff
*/

body		{width:100%; height:100%;
		 margin:0px; padding:0px;
		 color:#000000; background-color:#ffffff;
		 font:normal 13px Verdana, Helvetica, Arial, sans-serif ;
		 text-align:center; text-decoration:none; overflow-y:scroll;}

/*
input, textarea, select, option
		{color:#000000; background-color:#ff0000;
		 font:normal 13px verdana,sans-serif;
		 text-decoration:none; border:1px solid #9999ff;}
*/

h1		{font-size:18px; font-weight:normal; margin:10px 20px;		color:#000000;}
h2		{font-size:14px; font-weight:bold; margin:10px 10px 5px 20px;	color:#000000;}
h3		{font-size:13px; font-weight:bold; margin:10px 20px 0px 20px;	color:#000099;}

p		{margin:5px 20px 15px 20px;}


a		{border:0px;}
img		{display:block; border:1px solid #cccccc;}

/* div centred horizontally, 10px from top */
#container	{width:1000px;
		 margin:10px auto; padding:0px;
		}

  #header	{width:1000px; height:80px;
		 margin:0px; padding:0px;
		 background-color:#ffffff;
		 background-image:url('../graphics/at_logo2.gif');}

  #menu		{width:1000px; height:71px;
		 margin:0px; padding:0px;
		 text-align:center;}

  #contentbox	{width:1000px; min-height:350px;
		 margin:0px; padding:10px 0px;
		 font-size:13px; text-align:left;
		 z-index:1;}
    #contentbox a		{border:0px;}
    #contentbox a:link		{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:visited	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:hover		{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}
    #contentbox a:active 	{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}

  #footer	{width:1000px; height:80px;
		 margin:0px 0px; padding:0px;
		 color:#000000; background-color:#ffffff;
		 font-size:13px; font-weight:bold; line-height:35px; text-align:left;
		 clear:both; overflow:hidden;}
    #footer div	{height:35px; margin:0px 5px; padding:0px;
		 float:left;}
    #footer a:link	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #footer a:visited	{color:#000099; text-decoration:none; font-weight:bold; border:none;}
    #footer a:hover	{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}
    #footer a:active 	{color:#6666ff; text-decoration:none; font-weight:bold; border:none;}
    #footer input	{width:60px; height:19px; margin:6px 5px 13px 0px; padding:0px;
		 color:#000000; background-color:#cccccc; border:1px solid #c3926d; font-size:12px; font-weight:bold; line-height:15px;}
    #footer .btn	{width:60px; height:20px; margin:6px 5px 10px 0px; padding:0px; padding:0px 0px -1px 0px;
		 color:#000000; background-color:#42bc8b; font-size:12px; font-weight:bold; line-height:15px;}

    .frieze	{width:1000px; height:45px; background-image:url('../graphics/frieze.gif'); overflow:hidden;}


/* Navigation */
#navcontainer	{width:1000px; height:26px;
		 margin:0px auto; padding:0px;
		 font-size:16px; font-weight:bold; line-height:26px;
		 color:#cccccc; text-align:center;}

#navcontainer ul
		{list-style-type:none;
		 margin:0px; padding:0px;}

#navcontainer ul li
		{width:142px;
                 width:200px;
		 width:166px; height:22px;
		 margin:0px; padding:0px;
		 float:left;}

#navcontainer ul li a
		{margin:0px; padding:0px 3px;
		 color:#000000; background-color:#ffffff;
		 font-size:16px; font-weight:bold;
		 line-height:26px; text-decoration:none;
		 border:none;
		 display:block;}

#navcontainer ul li a:hover
		{color:#6666ff; background-color:#ffffff;}

.clearall	{width:0px; height:0px; clear:both;}

   body#p1 #navcontainer li#m1 a,
   body#p2 #navcontainer li#m2 a,
   body#p3 #navcontainer li#m3 a,
   body#p4 #navcontainer li#m4 a,
   body#p5 #navcontainer li#m5 a,
   body#p6 #navcontainer li#m6 a,
   body#p7 #navcontainer li#m7 a,
   body#p8 #navcontainer li#m8 a
		{color:#000099; background:#ffffff;}



/* Contact form */
.form		{width:320px;
		 margin:15px 10px; padding:5px;
		 border:1px solid #000099;}
 .form div	{width:310px; height:25px;
		 margin:5px; padding:0px;}
 .label		{width:100px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field		{width:200px; height:22px;
		 margin:0px; padding:0px;
		 float:left; display:block; text-align:left;}
 .field input	{width:194px; height:20px;
		 margin:0px; padding:2px;
		 border:1px solid #000000;
		 color:#ffffff; background-color:#cccccc;
		 font-weight:bold; text-align:left;}
 .field textarea{width:194px; height:100px;
		 margin:0px; padding:2px;
		 border:1px solid #000000;
		 color:#ffffff; background-color:#cccccc;
		 font-weight:bold; text-align:left; font-size:12px; font-family:Verdana, sans-serif;}
 .asterisk	{width:10px; height:22px;
		 margin:0px; padding:0px;
		 color:#ff0000; font-size:10px; font-weight:bold; text-align:right;
		 float:left; display:block;}
 .button	{margin:2px; padding:1px; color:#ffffff; background-color:#000099; border:1px solid #000000;}
 .error		{}

.clearboth	{width:0px; height:0px;
		 margin:0px; padding:0px;
		 clear:both;}


/* rounded boxes */
.roundedbox	{width:996px; height:300px; margin:10px 0px; padding:0px;
                 border:2px solid #999999; border-radius:16px;
		 /* background-image:url('../graphics/roundedbox.gif'); */
		 clear:both;}
  .rbleft	{width:270px; height:270px; margin:15px 15px; padding:0px;
  		 float:left;}
  .rbleft div	{width:130px; height:130px; margin:8px 0px 0px 0px; padding:0px;
		 float:left;}
  .rbleft img	{margin:0px auto; padding:0px;
                 border:1px solid #ffffff; border-radius:8px;
                 transform:scale(1,1); transition:transform 0.2s;
                 -webkit-transform:scale(1,1); -webkit-transition:-webkit-transform 0.2s;
                 position:relative;
                 z-index:1; }
  .rbleft img:hover
                                {border:1px solid #000099;
                 transform:scale(3,3); transition:transform 0.5s ease 0.2s, border 0.5s;
                 -webkit-transform:scale(3,3); -webkit-transition:-webkit-transform 0.5s ease 0.2s, border 0.5s;
                 z-index:99;}
  .edit img:hover
                                {border:1px solid #000099;
                 transform:scale(1.05,1.05); transition:transform 0.2s ease, border 0.5s;
                 -webkit-transform:scale(1.05,1.05); -webkit-transition:-webkit-transform 0.2s ease, border 0.5s;
                 z-index:99;}
  .rbmid	{width:400px; height:270px; margin:15px 0px; padding:0px;
                 background-color:#f6f6f6; border-radius:12px;
  		 float:left; overflow:hidden;}
  .rbmid p	{margin:5px 20px;}
  .rbmid input        {width:360px; font-weight:bold;}
  .rbmid textarea   {width:360px; height:220px; resize:none;}
  .rbright	{width:266px; height:270px; margin:15px 15px; padding:0px;
  		 float:left; overflow:hidden;}
  .rbright p         {min-height:20px; margin:5px 20px;}