a:link {color: #0000EE;
}
a:visited {color: #0000EE;
}
a:hover {color: #FF6100;
}
a:active {
	color: #FF6100;
}
h1 {
	font-size: 23px;
	color: #FFFFFF;
	margin:0;
}
h2 {
	font: 14px, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

h3 {
	margin: 0;
	font-size: 22px;
}
h4 {
	margin: 0;
	font-size: 120%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;  /*Verdana, Georgia, Serif;*/
	font-size: 15px;
	background-color: #476197;  /*xmas: #690203;*/
	/*background-image: url(images/2011/xmas/comp-bkgd-06.jpg);
	background-attachment: fixed;*/
}

#flag {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 180px;
}

#frame {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width:800px;
	color: #000000;
	background-color: #FFFFFF;
	overflow: hidden;
}

/*---- Start Headers */
#headbox {
	float: left;
	width: 800px;
	height: 200px;
}

#headbox1 {
  float: left;
  width: 365px;
  height: 200px;
  background-color: #000080;
  padding-left: 10px;
}

.sub-headbox1a {
	float: left;
	width: 142px;
	padding-top: 10px;
}

.sub-headbox1b {
	float: left;
	width: 212px;
	padding-top: 90px;
}

#headbox2 {
  float: right;
  width: 425px;
  height: 200px;
  background: #000080;
}
#headbox3 {
  float: left;
  width: 800px;
  height: 20px;
  background: url(images/2011/gradient-head1.jpg);
  background-repeat: repeat-x;
}
/*---- END HEADERS ----*/

/*---- START LEFTBOX ----------------------------------------------------------*/
#leftbox {
  float: left;
  width: 120px;
  color: #000000;
  padding-top: 20px;
  margin-left: 4px;
}

/*--- START: MID --------------------------------------------------*/
#mainbox {
	float: left;
	font-size: 15px;
	width: 486px;
	padding: 20px;
	color: #000000;
	text-align: left;
	line-height: 1.5;
}
/*---- COMMITTEE, PHOTO GALLERY, VIDEO GALLERY, x50, - 2 COLUMN ----*/
#mainbox2 {
	float: left;
	font-size: 15px;
	font-weight: normal; 
	color: #000000;
	width: 636px; 
	background-color: #FFFFFF;
	padding: 20px; 
	line-height: 1.5;
}
#mainbox3 {
	float: left;
	font-size: 15px;
	font-weight: normal; 
	width: 450px; 
	padding: 20px;
	line-height: 1.5;
	color: #000000;
}

.space {
	float: left;
	margin-left: 30px;
	width: 420px;
}

/*---- INDEX PAGE - MAIN COLUMN ----*/
.submain01 {
	float: left; 
	width: 500px; 
	height: 30px;
	margin-bottom: 10px; 
}
.submain01-a {
	float: left; 
	width: 360px; 
	height: 30px;
}
.submain01-b {
	float: right; 
	width: 140px; 
}
.submain02 {
	float: left; 
	width: 500px; 
	height: 30px; 
	margin-bottom: 10px;
} 
/*---- START PHOTO GALLERY ----*/
.submain03 {
	float: left; 
	width: 305px; 
} 
.submain04 {
	float: left; 
	border-right: 2px solid #C0C0C0;
} 
.submain05 {
	float: left; 
	width: 310px;
	margin-left: 10px; 
} 
/*---- END PHOTO GALLERY ----*/

.sub-mid {
		
}

.submain-mid {
	float: left;
	width: 448px;
	margin: 0px 20px 20px 20px;
	border-bottom: solid 2px;
	border-bottom-color: #6C8CC7;
	padding-bottom: 10px;
}
/*---- END: MID ---------------------------------------*/


/*---- RIGHTBOX ----------------------------------------------*/
#rightbox {
  float: right;
  font-size: 12px;
  width: 145px;
  padding: 10px 5px 0px 0px;
  color: #000066;
}

#rightbox-01 {
  float: right;
  text-align: center;
  font-size: 12px;
  width: 200px;
  padding-top: 10px;
  color: #000066;
}



/*---- Bottombox -----------------------------------------*/
#bottombox {
	float: left;
	width: 800px;
	height: 30px;
	background: url(images/2011/gradient-bottom.jpg);
}




/*---- CLASSIC TOUR ------------------------------------*/
#mainbox4 {
	float: left; 
	width: 400px;  
	background-color: #F1F0DF; 
	padding: 20px; 
	line-height: 1.5;
}
	
#rightbox2 {
	float: right; 
	text-align: center; 
	font-size: 10px; 
	color: #F1F0DF; 
	width: 240px;  
	background-color: #7F7F7F; 
	padding-top: 20px;
} 
/*---- END CLASSIC TOUR --------------------------------*/


/*---- 11 Somerset Stages --------------------------------*/
#11-wrapper {
	clear: both;
	width:800px;
	text-align:left;
	margin: 0 auto;
	color: #000000;
	background: url(images/2009-pics/bkgd-image.jpg);
	overflow: hidden;
}

#11-main {
  float: left;
  width: 440px;
  background-color: #F1F0DF;
  padding: 20px;
  line-height: 1.5;
}

#11-right {
  float: right;
  text-align: center;
  font-size: 10px;
  color: #F1F0DF;
  width: 200px;
  background-color: #C0C0C0;
  margin-top: 25px;
}
/*---- END SOMERSET STAGES 2010 -----------------------------------*/

/*---- LINE -------------------------------*/
.line {
	float: left; 
	width: 450px;
}

/*--- START - MAIN NAVIGATION -------------------------------------------------------------------------*/

#navigation {
	width: 120px;	
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation li a:link, #navigation li a:visited  {
	font-size: 12px;
	display: block;
	padding: 5px;
	border-left: 12px solid #6C8CC7;
	border-right: 1px solid #6C8CC7;
	background-color: #ADBDDE;
	color:  #0000EE;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
* html #navigation li a {
  width: 100%;
}
#navigation li a:hover {
	background-color: #6C8CC7;
	color: #FFFFFF;
}

#navigation ul ul {
	margin-left: 12px;
}
#navigation ul ul li {
	border-bottom: 1px solid #ED9F9F;
	margin:0;
}
#navigation ul ul a:link, #navigation ul ul a:visited {
	background-color: #ADBDDE;
	color: #003366;
}
#navigation ul ul a:hover {
	background-color: #6C8CC7;
	color: #FFFFFF;
}

/*---- END MAIN NAVIGATION ----*/
/*---- START NAVIGATION-01 - CLASSIC-TOUR PAGE, VIDEO GALLERY */
/*---- Start Navigation-01 - classic-tour page */
#navigation-01 {
	width: 120px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#navigation-01 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation-01 li {
	border-bottom: 1px solid #ED9F9F;
}
#navigation-01 li a:link, #navigation-01 li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 12px solid #6C8CC7;
	border-right: 1px solid #6C8CC7;
	background-color: #ADBDDE;
	color: #000000;
	text-decoration: none;
}
#navigation-01 li a:hover {
	background-color: #6C8CC7;
	color: #FFFFFF;
}
/*---- End Navigation-01 ----*/


/*--- END NAVIGATION ------------------------------------------------------------------------- */

/*---- CORNERS --------------------------------------------------------*/
.rndbox {
  background: #B51032;
  width: 230px;
  font: 0.8em Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
}
.rndtop {
	background-color: #ADBDDE;
	background: url(images/2011/corner-topright.jpg) no-repeat right top;
	font-size: 12px;
}
.rndmid-wrap {
	background-color: #ADBDDE;
	float: left;
	width: 488px;
}
.rndmid-full {
	float: left;
	width: 463px;
	margin: 0px 3px 0px 20px;
}
.rndmid {
	float: left;
	height: 25px;
	width: 488px;
	margin-top: 10px;
}
.rndmid-lhs {
	float: left;
	width: 345px;
	font-size: 12px;
	margin: 0px 3px 0px 20px;
}
.rndmid-rhs {
	float: right;
	width: 100px;
	margin-right: 20px;
}
.rndbottom {
	float: left;
	background: url(images/2011/corner-bottomright.jpg) no-repeat right bottom;
	width: 488px;
	background-color: #ADBDDE;
}
.rndbottom img {
  display:block;
}

.rndbox p {
  margin: 0 0.4em 0 0.4em;
}
/*---- START - ROUND BOX - LIGHT BLUE ----*/
.rndbox-01 {
  background: #ADBDDE;
  width: 488px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #003366;
  margin-bottom: 30px;
  line-height: 1.6;
}
/*---- END ROUND BOX - LIGHT BLUE ----*/

/*---- BOXES ----------------------------------------------------------*/
.box-01 {
	width: 100%;
	height: 25px;
	border: 1px solid #B51032;
}

.box-02 {
	width: 100%;
	height: 25px;
	border-right: 1px solid #B51032;
	border-bottom: 1px solid #B51032;
	border-left: 1px solid #B51032;
}


/*---- START DATATABLE ---------------------------------------------------------*/
/* Committee */
.datatable {
	border: 1px solid #CCCCFF;
	border-collapse: collapse;
	font-size: 12px;
	font-family: verdana,Arial,Helvetica,sans-serif;
	width: 100%;
}

.datatable td, .datatable th {
	border: 1px solid #CCCCFF;
	padding: 5px;
	text-align: left;
}
/*--------------------------------*/
.datatable2 {
	border: 1px solid #CCCCFF;
	border-collapse: collapse;
	font-size: 12px;
	font-family: verdana,Arial,Helvetica,sans-serif;
	width: 100%;
	background: #C1B3D4;
}

.datatable2 td, .datatable2 th {
	border: 1px solid #CCCCFF;
	padding: 5px;
	text-align: left;
	background: #C1B3D4;	
}
/*--------------------------------*/
.datatable3 {
	font-size: 15px;
	font-family: verdana,Arial,Helvetica,sans-serif;
	width: 290px;
}

.datatable3 td, .datatable3 th {
	border: 1px solid #666;
	padding: 5px;
	text-align: left;	
}

/*---- END DATATABLE ----*/

/*---- START COOL BUTTON ----------------------------------------*/
.coolbutton{
width: 320px;
height: 22px;
background: url(2011/buttons-2011/2011-membership-app4.gif);
background-repeat: no-repeat;
margin-left: 40px;
}

.coolbutton a{
display: block;
/*width: 100%;*/
height: 22px;
text-decoration: none;
color: #FFFFFF;
padding-top: 2px;
}

html>body .coolmenu a{ /*Non IE rule*/
width: auto;
}

.coolbutton a:hover{
background: url(2011/buttons-2011/2011-membership-app3.gif);
background-repeat: no-repeat;
/*width:  100% 320px;*/
height: 22px;
color: #FFFFFF;
}
/*---- END COOL BUTTON ----------------------------------------*/

/*---- START - NON ROUNDED BUTTON ------------------------*/
.cssbutton-02{
background-color: #cc99cc; /*#CC99FF;*/
border: 2px #FFFFFF outset;
padding: 2px 8px 2px 4px;

color: #003666;
text-decoration: none;
font: bold 90% Verdana, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
}
/**********************************************************/

.cssbutton {
background-color: #cc99cc; /*#CC99FF;*/
border: 2px #FFFFFF outset;
padding: 2px 8px 2px 4px;
margin-left: 40px;
color: #003666;
text-decoration: none;
font: bold 90% Verdana, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
}

.cssbutton, .cssbutton-02:visited {
color: #003666;
}

.cssbutton, .cssbutton-02:hover{
border-style: inset;
background-color: #E6CCFF;
padding: 2px 8px 2px 4px; /*shift text 1px to the right and down*/
}

.cssbutton, .cssbutton-02:active{
color: #FFFFFF;
}
/*---- END - NON ROUNDED BUTTON -------------------------*/

.ad-box-01 {
	color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width:1200px;
	overflow: hidden
}
/*----------------------------------------------------------------------------------------------------*/

