@charset "utf-8";
/* CSS for GNH frames */

/* = Global Reset 
------------------------------------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, hr, 
a, a img, font, img, dd, dl, dt, li, ol, ul, blockquote,
fieldset, form, label, legend, table, caption, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-size: 100%;
}

/* = Base element styling 
------------------------------------------------- */

body{
margin:0;
padding:0;
border:0;
overflow:hidden;
height:100%; 
max-height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px; 
color:#000000;
line-height:16px;
text-align:left;
background-color:#FFFFFF;
}

h2 { font-size:24px; font-weight:bold; color:#143f91; letter-spacing:-1px; line-height:125%; margin-bottom:6px;}

h3 {font-size:18px; font-weight:bold; color:#143f91; letter-spacing:-1px; line-height:125%; margin-bottom:6px;}

.intro {color:#143f91; margin-bottom:8px;}

.rule {margin-top:2px; border-bottom: 1px dashed #143f91;}

#framecontentLeft {
position:absolute; 
top:0; 
left:0;
bottom:0;
width:140px; /*Width of left frame div*/
height:100%;
overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color:#143f91;
color:#FFFFFF;
}


#framecontentTop {
position:absolute;
top:0;
left:140px; /*Set left value to framecontentLeft width*/
right:0;
width:100%;
height:150px; /*Height of top frame div*/
overflow:hidden;
background-color:#ffffff;
display:block;
background-image:url(images/logo-phone_header2.jpg); background-repeat:no-repeat; background-position:top left;
color: #ffffff;
}

#topAnimation {
position:relative;
top:0; left:300px;
height:90px;
}

#logo {position:absolute; top:0; left:0; display:block; width:140px; height:140px; background-color:#143f91;}

#menu {position:absolute; top:140px; left:0; bottom:0; width:140px; background-color:#143f91; z-index:99;}
#menu table td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:bold; background-color:#143f91; color:#FFFFFF;}
#menu a {font-size:10px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
#menu a:visited {color:#FFFFFF;}
#menu a:hover {color:#FFFF00; background-color:#FF0000;}
#menu a:active {color:#FFDD66;}
#menu .static {color:#FFFF00; font-weight:bold; text-decoration:none;}

.space20 {padding-top:20px;}

#logo_panel { position:absolute; top:490px; left:0; bottom:0; width:140px; height:auto; background-color:#143f91; margin:0; z-index:99;}

#search {position:relative; top:124px; left:14px; right:0; height:26px;  background-color:#FFFFFF; z-index:99;}

#search table td {background-color:#FFFFFF;}

#search input { position:inherit; width:165px; height:16px; color:#143f91; border:1px solid #143f91;}

textarea {color:#143f91; border:1px solid #143f91; padding:1px;}


#maincontent{
position:absolute; 
left:140px; /*Set left value to framecontentLeft width*/
top:150px; /*Set top value to framecontentTop height*/
right:0;
bottom:0;
overflow:auto;
width:auto;
max-width:1000px;
background-color:#FFFFFF;
color:#000000;
}

.max900{
position:relative; 
left:0;
top:0;
right:0;
bottom:0;
overflow:auto;
width:auto;
max-width:900px;
background-color:#FFFFFF;
color:#000000;
}

.innerspace{
margin:15px 20px 15px 20px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

.innerspace em{color:#FF0000;}

#termscontent{
position:absolute; 
left:0;
top:0;
right:0;
bottom:0;
overflow:auto;
width:auto;
min-width:600px; 
background:#fff;
color:#000000;
}


#termscontent p{color:#143f91;}

* html body{ /*IE6 hack*/
padding:120px 0 0 140px; /*Set value to (HeightOfTopFrameDiv 0 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height:100%; 
width:100%; 
}

* html #framecontentTop{ /*IE6 hack*/
width:100%;
}

p { margin-top:0; color:#000000;}

	
p img{float:left; margin-right:10px}	
	
h2 {font-size:175%; margin-top:30px;}	

h3 {font-size:175%; line-height:200%; color:#143f91;}
	
/*#maincontent table {background-color:#FFFFFF;}

#maincontent th {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; background-color:#143f91; color:#FFFFFF; font-weight:bold;}

#maincontent td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt; background-color:#b5ceef; color:#143f91; font-weight:normal;}*/
	
.dancepic {
	float:left;
	width:auto;
	border:1px solid #143F91;
	margin:0 10px 10px 0;
	padding:5px;
	text-align:center;
	font-size:9px;
	letter-spacing:-.5px;
}

.homepic {
	float:left;
	width:237px;
	border:1px solid #143F91;
	margin:0 8px 8px 0;
	padding:5px;
	text-align:center;
	font-size:9px;
	letter-spacing:-.5px;
}

.captionboxL {
	float:left;
	width:auto;
	border-top:1px solid #d7d7d7;
	background:#ebf4f8 url("images/featurebox_bg.gif") no-repeat 100% 100%; 
	font-size:11px; line-height:15px;
	padding:6px;
	text-align:center;
	letter-spacing:-.5px;
	margin:0 0 10px 10px;
}

.captionboxR {
	float:right;
	width:auto;
	border-top:1px solid #d7d7d7;
	background:#ebf4f8 url("images/featurebox_bg.gif") no-repeat 100% 100%; 
	font-size:11px; line-height:15px;
	padding:6px;
	text-align:center;
	letter-spacing:-.5px;
	margin:0 0 10px 10px;
}

.captionbox468 {
	float:right;
	width:468px;
	border-top:1px solid #d7d7d7;
	background:#ebf4f8 url("images/featurebox_bg.gif") no-repeat 100% 100%; 
	font-size:11px; line-height:15px;
	padding:6px;
	text-align:center;
	letter-spacing:-.5px;
	margin:0 0 10px 10px;
}

/*.captionboxR p {text-align:center;}*/

.captionboxRcontent p {text-align:left; color:#143f91; width:350px;}

.captionboxL p {text-align:center;}

.floatright{float:right; margin:0 0 10px 10px; padding:0;}

.featurebox {color:#333; padding: 10px 10px 10px; border-top:1px solid #d7d7d7; margin: 0 0 1.5em;
background:#ebf4f8 url("images/featurebox_bg.gif") no-repeat 100% 100%; font-size:11px; line-height:15px;}

.featurebox p {color:#143f91;}

.featurebox2 {color:#333; padding: 10px 10px 10px; border-top:1px solid #d7d7d7; margin: 0 0 1.5em;
background:#ebf4f8 url("images/featurebox2_bg.gif") no-repeat 100% 100%; font-size:11px; line-height:15px;}

.featurebox2 p {color:#143f91;}

.featureboxGroups {width:175px; color:#333; padding: 10px 10px 10px; border-top:1px solid #d7d7d7; margin: 0 0 1.5em;
background:#ebf4f8 url("images/featurebox_bg.gif") no-repeat 100% 100%; font-size:12px; line-height:15px;}

.featureboxGroups p {color:#143f91;}

.featureboxGroups2 {width:175px; color:#333; padding: 10px 10px 10px; border-top:1px solid #d7d7d7; margin: 0 0 1.5em;
background:#ebf4f8 url("images/featurebox2_bg.gif") no-repeat 100% 100%; font-size:12px; line-height:15px;}

.featureboxGroups2 p {color:#143f91;}


.homepic1 {
	width:100%;
	background-image:url(images/home_bg-bluegrad.jpg); background-repeat:repeat-x;
	float:left;
	margin:6px 0 6px 0;
	padding:6px;
	font-size:11px;
	line-height:15px;
	color:#143f91;
	}
	
.homepic1 img {
	border:1px solid #143f91;
	margin-right:12px;
	}

.homepic2 {
	width:100%;
	background-color:#c5e5f7;
	float:left;
	margin:6px 0 6px 0;
	padding:6px;
	font-size:11px;
	line-height:15px;
	color:#143f91;
	}
	
.homepic2 img {
	border:1px solid #143f91;
	margin-right:12px;
	}
	
.subHead {font-size:14px; font-weight:bold;}

.homepic3 {
	width:100%;
	background-color:#FCFAD8;
	float:left;
	margin:6px 0 6px 0;
	padding:6px;
	font-size:11px;
	line-height:15px;
	color:#143f91;
	}
	
.homepic3 img {
	border:1px solid #143f91;
	margin-right:12px;
	}
	
.homepic2 p, .homepic3 p, .homepic1 p {color:#143f91;}
		

.clearboth { clear:both; }

.clearleft {clear:left;}

.clearright {clear:right;}

.blue p{color:#143F91;}
.red {color:#FF0000;}
.blueLeading {color:#143F91; line-height:140%;}

a, a:visited {
	text-decoration: none;
	background: inherit;
	border:none;
	color: #CC0099; 
	font-weight:normal;
	text-decoration: underline;
	font-size:inherit;
}

a:link {
	font-size:10px;
	background: inherit;
	border:none;
	color: #CC0099; 
	font-weight:normal;
	text-decoration: underline;
}

a:hover {
  color: #FF0000;
  font-weight:bold;
  text-decoration: underline;
  border:none;
}
a:focus {
  color: #0000FF;
}
a:active {
  color: #FFF00;
}

.subHead{font-size:9pt;}

.intro {width:730px;}

.redtint {background-color:#FFE6E6;}
.blueback {background-color:#143f91;}
.yellow {color:#FFFF00;}
.small {font-size:11px;}

.box {width:600px;}


#links { background-color:#fff;}
#links p{ margin:8px 0 8px 0; line-height:110%;}	
#links h2 {margin-top:0;}

/*----------------------------------------------Groups page style------------------------------------*/
.groups {color:#143f91; width:650px;}
.groups p {color:#143f91; line-height:140%;}
.groups ol li {list-style:outside; color:#FF0000; margin-left:0; padding-left:0;}
.groups p em {font-style:italic; color:#143f91;}


/* = Table styling 
------------------------------------------------- */

#zebra {width:600px; border-collapse:collapse; background-color:#FFFFFF; border-color:#143f91; border-width:thin; border-style:solid;}

#zebra th {font-size: 12px; font-weight: bold; text-align:center; padding: 6px 4px; color: #fff; background-color: #143f91; border-left-color:#fff; border-left-width:thin; border-left-style:solid;}

#zebra tbody {background-color:#FFFFFF;}

#zebra td {font-size:11px; font-weight:normal; padding: 4px; color: #143f91;  border-color:#143f91; border-width:thin; border-style:solid;}

#zebra tr.odd {background: #e8edff;}
#zebra tr.even {background: #ffffff;}