html {
	font-family: arial, helvetica, Verdana, Geneva, Sans-Serif; 
	font-size: 12pt;	
}

body {
	position: relative;
	background: #e8ecfc url("images/bg2.jpg") repeat-x;
	color: #333333;
	text-align: center;
}

a:link, a:visited, a:active { 
	color: black; 
}
a:hover { 
	background: #ccffff; 
}

a:link img, a:visited img, a:active img { 
	border: 0px; 
}


h1 {
	font-size: 14pt;
}
h2 {
	font-size: 12pt;
}

pre {
	text-align: left;
}

#page {
	position: relative;
	width: 98%;
	margin: 10px auto;
	min-width: 600px;
	max-width: 1100px;
	border: 1px solid #a0a0a0;
	background:#f2f5fd;
	text-align:left;
}

#content {
	padding: 10px;
}

#lmenu {
	position: relative;
	float: left;
	width: 150px;
}

#main {
	margin: 0 310px 0 0;
	padding: 0.5em;
}

#main_lmenu {
	margin: 0 310px 0 155px;
	padding: 0.5em;
}

/************************************************************************************************************/

#col-right {
	float: right;
	width: 375px;
	width: 300px;
	padding: 5px;
	border-left: dotted 1px #66cccc;
}
#col-right h1 {
	font-size: 12pt;	
}

.qbox {
	padding: 10px;
	border: 2px solid #7F8E92;
	border: 2px solid #66cccc;
	background: #000033;
	color: white;
	font-size: 10pt;	
	text-align: center;
}
.qbox .quote {
	font-size: 200%;
}
.qbox p {
	font-weight: 700; 
	color: white; 
	text-align: center; 
}

.story {
	margin: 0.75em 0;
}
.story h2 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;	
}
.story h3 {
	margin: 0 0 0.2em;
	padding: 0;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
}

/************************************************************************************************************/

#ftr { 
	margin: 0 auto;
	text-align: left;
	font-size: 80%;
	border-top: 1px solid #66cccc;
}
#ftr #rubicon {
	float: right;
}

/************************************************************************************************************/

.clear-both {
	clear: both;
}
.clear-left {
	clear: left;	
}
.clear-right {
	clear: right;
}

.float-left {
	float: left;
}
.float-right {
	float: right;
}

img.float-left {
	float: left;
	padding: 10px;
}

/************************************************************************************************************/

.download {
	border-top: dashed 1px #000033;
	padding: 5px 10px;	
	min-height: 80px;
}
.download a {
	float: right;
	width: 60px;
	text-decoration: none;
	text-align: center;
	font-size: 8pt;
}
.download a img {
	display: block;
	margin: 8px auto;
}
.download h2 {
	margin: 0;
	padding: 0;
	font-size: 12pt;	
}
.download h3 {
	margin: 0;
	padding: 0;
	font-size: 10pt;	
	font-style: italic;
}

/************************************************************************************************************/

.link {
	border-top: dashed 1px #000033;
	padding: 5px 10px;	
	min-height: 80px;
}
.link h2 {
	margin: 0;
	padding: 0;
	font-size: 12pt;	
}
.link h3 {
	margin: 0;
	padding: 0;
	font-size: 10pt;	
	font-style: italic;
}

/************************************************************************************************************/

.news {
	border-top: dashed 1px #000033;
	padding: 5px 10px 15px;	
	min-height: 80px;
	text-align: justify;
}
.news h2 {
	margin: 0;
	padding: 0;
	font-size: 12pt;	
}
.news h3 {
	margin: 0;
	padding: 0;
	font-size: 10pt;	
	font-style: italic;
}

/************************************************************************************************************/

#acts_img {
	float: right; 
	width: 300px; 
	margin-left: 20px; 
	border: solid 1px black;	
}

#cg_logo200 {
	float: left; 
	width: 200px; 
	margin-right: 20px;	
}

/************************************************************************************************************/

.odd	{ background: #E6E6E6; }
.even	{ background: white; }
.hilite {	background: #B1FFFF; }

table#courses {
}
table#courses td {
}
table#courses tr.header td {
	border-bottom: solid 1px #000033; 
	border-top: solid 1px #000033; 
	margin-top: 10px; 
	margin-bottom: 10px; 
	background: #7490c7; 
}
table#courses button {
	border: 0;
	background: none;
}
table#courses button img {
	border: 0;
}

table#edit {
	border-collapse: collapse;
	border: 1px solid gray;
	font-size: 9pt;
}
table#edit td {
	border: 1px solid gray;	
}
table#edit td.checkbox {
	width: 20px;
	text-align: center;
	vertical-align: middle;
}
table#edit td.wide-field {
	width: 500px;
}
table#edit thead td {
	background: #7490c7;
	font-weight: bold;
	text-align: center;
}
table#edit tfoot td {
	background: #7490c7;
	font-weight: bold;
	text-align: right;
}
table#edit td checkbox {
	margin: 0;
	padding: 0;
}
table#edit td input[type="text"],
table#edit td textarea
{
	font-size: 9pt;
	width: 100%;
}

.hidden {
	display: none;
}

/************************************************************************************************************/

#header {
	position: relative;
	background: #000066;
}
#header #logo {
	display: block;
}
#header #logo:hover {
	background: none; 
	text-decoration: none;
}
#header #city_guilds {
	clear: none;
	float: right;
	margin-top: 35px;
	padding: 10px;
}

#username {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.5em;
	color: white;
	font-size: 8pt;
}
#username span {
	font-weight: bold;
	font-size: 1.1em;
}
#username a {
	color: white;
}
#username a:visited {
  color: white;
}
#username a:hover {
	background: none;
	font-style: italic;
  text-decoration: underline;
}

#hdr_menur {
	margin: 0 auto;
	background: #000033;
	text-align: left; 
}

#nav {
	margin: 0 auto;
	background: #000033;
	text-align: left; 
}

/************************************************************************************************************/

  #hdr_menus      { margin: 0 auto;
                    min-width: 600px;
                    max-width: 1100px;
	                text-align: right; }

  tr { vertical-align: top; }
  td.bglight { background: #ccffff; vertical-align: top; }
  td.linetop { border-top: solid 1px #000033; }
  td.linetopdash { border-top: dashed 1px #000033; padding-bottom: 15px; }
  td.bgmid { background: #66cccc; vertical-align: top; }
  td.bgdark { background: #000033; vertical-align: top; }
  td.p25 { padding-left: 20px; }

  td.sechdr  { border-bottom: solid 1px #000033; border-top: solid 1px #000033; margin-top: 10px; margin-bottom: 10px; background: #7490c7; }
  td.sechdrl { border-bottom: solid 1px #000033; margin-bottom: 10px; padding: 0px; }
  td.sechdrr { border-bottom: solid 4px #000033; margin-bottom: 10px; padding: 0px; width: 75px; }

  td.dknbl { vertical-align: top; text-align: left; background: #d6ddfb; }
  td.dknbr { vertical-align: top; text-align: right; background: #d6ddfb; }
  td.dkbtl { border-top: solid 1px #a0a0a0; vertical-align: top; text-align: left; background: #d6ddfb; }
  td.dkbtr { border-top: solid 1px #a0a0a0; vertical-align: top; text-align: right; background: #d6ddfb; }

  td.ltnbl { vertical-align: top; text-align: left; background: #e8ecfc; }
  td.ltnbr { vertical-align: top; text-align: right; background: #e8ecfc; }
  td.ltbtl { border-top: solid 1px #a0a0a0; vertical-align: top; text-align: left; background: #e8ecfc; }
  td.ltbtr { border-top: solid 1px #a0a0a0; vertical-align: top; text-align: right; background: #e8ecfc; }

  .wm_mr { background: url(images/watermark.gif);
             background-position: 100% 50%;
             background-repeat: no-repeat; }
  .wm_br { background: url(images/watermark.gif);
             background-position: 100% 100%;
             background-repeat: no-repeat; }

  h3.bullet { background: url(images/doughnut_bullet.gif);
              background-repeat: no-repeat;
              background-position: left center;
              background-attachment: fixed; 
              padding-left: 20px; }

  .lnkpagehdr { font-weight: 700; color: #000033; }

  hr { border: dotted #66cccc 1px; }
  hr.hrlight { border: dotted #ccffff 1px; }

  p { text-align: justify; }
  p.w90 { text-align: center; width: 90%; }
  p.w80 { text-align: center; width: 80%; }
  p.ar { text-align: right; font-weight: 700; }

  .fancy { font: bold italic 16pt times, serif; color: #000033; }

  div.highlightred { color: red;
                  text-align: right;
                  border: 1px dotted red; padding: 10px; margin: 10px; 
                  background: #e7b2ae; }

  div.highlight1 { font-weight: 700; color: #000033;
                  text-align: center;
                  border: thin dotted #000033; padding: 10px; margin: 10px; }

  div.highlight { font-weight: 700; color: #000033;
                  text-align: center;
                  border: none; padding: 10px; margin: 10px; }

  div.vision { font: bold italic 16pt times, serif; color: #000033;
               text-align: center;
               background: #ccffff;
               border: thin dotted #66cccc; padding: 20px; margin: 20px; }

  div.visionsm { font-style: italic; color: #000033;
               font-weight: 700;
               border: none; padding: 0px; padding-left: 10px; padding-right: 10px; margin: 10px; }

  div.dotbdr { text-align: center;
               border: thin dotted #000033; padding: 10px; margin: 10px; }

  div.dotbdr_nopad { text-align: center;
               border: thin dotted #000033; padding: 10px; }

  div.padleft { margin-left: 25px; }

  div.z-back  {position: absolute; z-index: -1;}
  div.z-one   {position: absolute; z-index: 1;}
  div.z-two   {position: absolute; z-index: 2;}

  span.bold { font-weight: 700; }
  span.frontpage { font-size: 130%; font-weight: 600; color: #000033; }
  span.menufont { font-size: 14px; }
  span.tiny { font-size: 60%; }
  span.smaller { font-size: 70%; }
  span.small { font-size: 80%; }
  span.large { font-size: 120%; }
  span.hdr { font-size: 140%; font-weight: 700 }
  span.fg { color: yellow }
  span.sh { color: #000033; font-weight: 700; }
  span.house { font-family: arial, helvetica, Verdana, Geneva, Sans-Serif; font-size: 130%; }
  span.thlight { font-size: 120%; font-weight: bold; color: #ccffff; }
  span.thlightsm { font-size: 80%; font-weight: bold; font-style: italic; color: #ccffff; }
  span.tdlight { font-size: 110%; font-weight: bold; color: #ccffff; }

  /* span.red { color: red } */
  span.red { font-weight: 700; color: #000066; }
  span.boldblue { color: #000066; font-weight: 700;}
  span.white { color: #ffffff; }

  span.imgl { float:left; 
              margin: 10px; 
              margin-left: 20px; 
              text-align: center; }

  span.imgr { float:right; 
              margin: 10px; 
              margin-left: 20px; 
              text-align: center; }
  span.qbox_txt { font-size: 80%; color: #ffffff; }
  span.qbox_who { font-size: 80%; font-weight: 700; color: #ffffff; margin-top: 25px; }


  li { padding-bottom: 7px; list-style-type: square; }
  li.nobullet { list-style-type: none; }
  li.num { list-style-type: decimal; }

  .close_button { border: solid black 1px;
                  width: 100px;
                  padding: 3px;
                  background: #000066;
                  margin: 0 auto; }

  a.yellow { color: yellow; text-decoration: none;}
  a.yellow:link, a.yellow:visited, a.yellow:active { color: yellow; }
  a.yellow:hover { color: white; }

  a.white { color: white; text-decoration: none;}
  a.white:link, a.white:visited, a.white:active { color: white; }
  a.white:hover { background: grey; color: white; }

  a.bb { color: #000066; text-decoration: none;}
  a.bb:link, a.bb:visited, a.bb:active { color: #000066; }
  a.bb:hover { color: #000066; }

  a.banner { color: #ccffff; text-decoration: none;}

  /* Form settings */
  input    { border: solid #a0a0a0 1px; }
  input.radio    { border: none; }
  select   { border: solid #a0a0a0 1px; }
  textarea { border: solid #a0a0a0 1px;
             font-family: arial, helvetica, Verdana, Geneva, Sans-Serif }

/*
  body, p, ul, body, p, td, li, ol, a, div { font-size: 12pt; }
  h1 { font-size: 10pt; text-decoration: none; }
*/

.menu-left {
	padding: 30px 0;
	background: #999999;
	color: #d6f2f9;
	width: 150px;	
	font-size: 10pt;
	text-align: center;
	border: 1px dashed #d6f2f9;
}
.menu-left-popup {
	float: left;
	margin-left: 155px;
	width: 200px;
	border: 1px dashed #d6f2f9;
}

table.whoweare {
	width: 100%;
	border-collapse: collapse;
	/*border: 1px solid black;*/
}
table.whoweare td {
	/*border: 1px dotted black;*/
}
table.whoweare td.contact {
	padding-bottom: 1em;
}
table.whoweare td.contact:first-line {
	font-weight: bold;
}