/* Frame and common styles */

*	                 {font-size:100%; margin:0; padding:0;}
*div                 {border:0px solid; }
		
body                 {margin:0px; font-family:Arial, Helvetica, sans-serif; background-color:#83ACCA; background:url('images/flagbackground.jpg'); font-style:normal; font-variant:normal; font-weight:normal; line-height:120%; font-size:76%; background-repeat:repeat}
#container			 {position:relative; float:center; margin:0 auto; padding:0px; border:1px solid #ffffff; background-color:#ffffff; width:774px; text-align:left}

/* Title
----------------------------------------------- */
.title               {margin:0px 0px 10px 0px; display:block; font-size:180%; color:#000000; text-align:center; font-weight:bold; text-decoration:none}
.title a             {margin:0px 0px 10px 0px; display:block; font-size:100%; color:#000000; text-align:center; font-weight:bold; text-decoration:none}


/* Main
----------------------------------------------- */
*html #logoblock     {position:relative; float:left; text-align:center; font-size:100%; font-weight: bold; color:#83ACCA; width:180px; height:275px; background-color:#ffffff; background:url('images/graduation.jpg') no-repeat; padding-left:25px; padding-right:25px; padding-top:180px; padding-bottom:0px; background-repeat:no-repeat}
#logoblock           {position:relative; float:left; text-align:center; font-size:80%; font-weight: bold; color:#83ACCA; width:130px; height:85px; background-color:#ffffff; background:url('images/graduation.jpg') no-repeat; padding-left:25px; padding-right:25px; padding-top:180px; padding-bottom:0px; background-repeat:no-repeat}

*html #imageblock    {position:relative; float:left; padding:0px; width:585px; height:275px; background-color:#ffffff; background:url('images/main_image.jpg') no-repeat; }
#imageblock          {position:relative; float:left; padding:0px; width:594px; height:265px; background-color:#ffffff; background:url('images/main_image.jpg') no-repeat; }


/* Banner
----------------------------------------------- */
#banner              {position:relative; float:left; padding:0px; display:block; width:774px; height100px }


/* Navigation
----------------------------------------------- */
#navigation          {position:relative; float:left; background-color:#83ACCA; height:25px; width:774px}
#navigation ul       {margin:0px; padding:2px 75px 0px 25px; list-style:none;}
#navigation li       {float:left; margin:0px;}
#navigation li a     {padding:2px 15px 2px 0px; display:block; text-decoration:none; font-size:80%; color:#ffffff; }
#navigation li a:hover   {color:#FEE800; }
#navigation li .selected {color:#FEE800; font-weight:bold}

*html #navigation li a   {padding:2px 20px 2px 0px; display:block; text-decoration:none; font-size:100%; color:#ffffff; }


/* Intro Text
----------------------------------------------- */
#introtext           {position:relative; float:left; margin:0px; padding:10px 5px 10px 25px; font-size:100%; background-color:#ffffff; }
*html #introtext h1  {font-size:130%; color:#83ACCA;}
#introtext h1        {font-size:120%; color:#83ACCA;}

*html #introtext h2  {font-size:110%; color:#83ACCA;  margin-bottom:15px}
#introtext h2        {font-size:100%; color:#83ACCA; margin-bottom:15px }


/* Body Text
----------------------------------------------- */
*html #bodytext      {position:relative; float:left; margin:0px; padding:35px 25px; color:#000000; font-size:100%; width:774px; background-color:#ffffff; }
#bodytext            {position:relative; float:left; margin:0px; padding:35px 25px; color:#000000; font-size:80%; width:724px; background-color:#ffffff; }
#bodytext h1         {font-size:120%; color:#83ACCA;}
#bodytext h2         {font-size:100%; color:#83ACCA; margin-bottom:15px}
#bodytext h3         {font-size:100%; color:#83ACCA;}

img.headings		 {width:246px; height:24px}
#imagecol            {margin-top:10px; padding:0px; float:right; width:140px}
#imagecolumn         {margin:0px; padding:0px; float:right; width:140px}

*html .photos     	 {margin:0px; width:130px; height:130px; background:url('images/130x130.jpg') no-repeat; padding-left:10px; padding-right:20px; padding-top:10px; padding-bottom:20px; background-repeat:no-repeat}
.photos     		 {margin:0px; width:130px; height:100px; background:url('images/130x130.jpg') no-repeat; padding-left:10px; padding-right:20px; padding-top:10px; padding-bottom:20px; background-repeat:no-repeat}

*html .gallery    	 {margin:0px; width:240px; height:190px; background:url('images/240x190.jpg') no-repeat; float:left; padding-left:10px; padding-right:20px; padding-top:10px; padding-bottom:20px; background-repeat:no-repeat}
.gallery    		 {margin:0px; width:210px; height:190px; background:url('images/240x190.jpg') no-repeat; float:left; padding-left:10px; padding-right:20px; padding-top:10px; padding-bottom:20px; background-repeat:no-repeat}

.float             {visibility:hidden; position:absolute; left:-3000px; z-index:10; border:1px solid #000000}

img.square			 {width:100px; height:100px}
img.rectangle	     {width:210px; height:160px}
.require             {font-size:90%; font-weight:normal; color:#83ACCA;}
.required            {background-color:#FEE800; border: 1px solid #83ACCA}
.submit              {background-color:#FEE800; color:#000000; border:1px solid #FFC900; font-size:13px}
.form                {font-size:100%; font-weight:normal; padding:10px}
.field               {font-size:100%; border: 1px solid #83ACCA}
#error               {text-decoration:none; color:#DF0031; font-size:110%; font-weight:normal; padding:10px; width:510px; background-color: #FEE800; border: 1px solid #DF0031}
#error li            {text-decoration:none; color:#DF0031; font-size:90%; font-weight:normal;list-style:square inside}


/* Footer
----------------------------------------------- */
*html #footer        {position:relative; float:left; margin:0px; padding:10px 25px 20px 25px; font-size:90%; color:#83ACCA; width:774px; background-color:#ffffff; }

#footer              {position:relative; float:left; margin:0px; padding:0px 0px 25px 25px ; font-size:70%; color:#83ACCA; width:749px; background-color:#ffffff; }
#footer a            {font-size:100%; color:#83ACCA; text-decoration:none; }
#footer a:hover      {color:#FEE800; text-decoration:underline; }


#layer1, #layer2, #layer3, #layer4, #layer5, #layer6, #layer7, #layer8, #layer9, #layer10, #layer11, #layer12 {position:absolute; visibility:hidden; width:502px; height:400px; left:20px; top:400px; background-color:#ffffff; border:1px solid #000; padding:10px;}

#close a             {padding:5px; display:block; color:#ffffff; background-color:#83ACCA}