/* CSS Document */
@import url(menu.css);

.containerAdminBorder {border:none;}

/* GENERAL */
/* style for module titles */
.Head {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
}
/* style of item titles on edit and admin pages */
.SubHead {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}
/* text style used for most text rendered by modules */
.Normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	line-height:1.3;
}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.NormalRed {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000
}
.NormalBold {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}
/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}
A.CommandButton:visited {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover {
    text-decoration:    underline;
    color: #ff0000;
}    
/* GENERIC */
H1 {
    font-family: Arial, Helvetica;
    font-size:  16px;
    font-weight:    bold;
    color: #000;
	padding-top:10px;
	margin-bottom:-5px;
}
H2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  15px;
    font-weight:    bold;
    color: #000;
}

H3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    color: #000;
}
H4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  13px;
    font-weight:    bold;
    color: #000;
}
H5, DT {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #000;
	margin:0;
}
H6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: #6384a6;
}
TFOOT, THEAD {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    color: #6384a6;
}
TH {
    vertical-align: baseline;
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  12px;
    font-weight:    bold;
    color: #6384a6;
}
a:visited,
a:link{
	color:#213c79;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
		color:#213c79;
}
SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}
BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}

UL {
margin:0;
}

li {
	margin-top : 4px;
	*margin-left:25px;
	
}


HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}


/*___________________________________________________________________________________________*/


.link_show{
	font-size: 8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	padding:2px;
	border:1px solid #6F7D99; 
	letter-spacing:2px;
}

a:link_show:visited {
	color:#000000;
}

a.link_show:hover{
	color:#666666;
	text-decoration:none;

}

.links_bottom {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #333333;
	text-decoration:none;	
}
a.links_bottom:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #333333;
	text-decoration:none;	
}
a.links_bottom:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #333333;
	text-decoration:none;	
}
a.links_bottom:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #FF0000;
	text-decoration:none;	
}
a.links_bottom:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #333333;
	text-decoration:none;
}


.links_top {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #fff;
	text-decoration:none;
	text-transform: uppercase;	
}
a.links_top:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #fff;
	text-decoration:none;
	text-transform: uppercase;		
}
a.links_top:active{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #fff;
	text-decoration:none;
	text-transform: uppercase;		
}
a.links_top:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #fff;
	text-decoration:none;	
	text-transform: uppercase;	
}
a.links_top:link{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    color: #fff;
	text-decoration:none;
	text-transform: uppercase;	
}

.breadCrumb {
    color: #000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
}
a.breadCrumb:link, a.breadCrumb:active, a.breadCrumb:visited, a.breadCrumb:hover{
    color: #000000; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;	
	text-decoration: none;
}

.SubLinks {
    color: #000000; 
	font-family: Arial; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	margin-left:34px;
	line-height:20px;
}
a.SubLinks:link, a.SubLinks:active,  a.SubLinks:hover, a.SubLinks:visited {
	color:#456688;
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold; 	
	text-decoration: none;
}
a.SubLinks:hover{
	color:#3670ad;
	font-family: Arial; 
	font-size: 12px; 
	font-weight: bold;  	
	text-decoration: none;
}

A.copyright
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: normal;
	font-weight: normal;
	color: #dddddd;
	text-decoration: underline;
}

.Copyright
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: normal;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
a.Copyright:link, a.Copyright:visited, a.Copyright:hover,  a.Copyright:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:  10px;
    color: #dddddd;
	text-decoration:none;	
}

.FooterLink {	
	font-family: Tahoma, Arial, Helvetica;
	font-size: 8pt;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

/* SEARCH BOX */
.SearchButton { 
	background: transparent; 
	padding: 0px 0px 0px 0px; 
	cursor: hand; 
	margin: 0px 0px 0px 0px; 
	border: 0px;
	position:relative;
	top: 3px;
	}
#dnn_dnnSEARCH_txtSearch.NormalTextBox 
{ width: 125px; 
border:1px solid #CCCCCC; 
cursor:text;
position:relative;
	bottom: 1px;
	}

/* my styles */

body {
color:#000000;
background:url(_i/GASC_registrationMark_60.gif);
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
}
#wrapper {
	width:757px;
	margin-lefT:auto;
	margin-right:auto;
}
#top  {
	width:752px;
margin-left:auto;
margin-right:auto;
height:32px;
}
#topleft {
	width:311px;
	height:21px;
	padding-top:11px;
	float:left;
	
}
#topright {
	float:right;
	width:400px;
	height:24px;
	text-align:right;
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:7px;
}
#topright a:link, #topright a:visited {
	color:#000;
	text-transform:capitalize;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:8px;
}

#headerwrapper {
margin:0px;
height:83px;

}
#headerleft {
	float:left;
	width:80px;
	height:82px;
}
#headerright {
	float:right;
	width:675px;

	height:82px;
	background:#000;
}
#headerbottom {
	clear:both;
	width:752px;
	height:20px;
	padding-top:1px;
}
#dnn_TopPane {
	*margin-top:-2px;
}
.clearer {
clear:both;
}
#gasccontainer {
width:722px;
border:1px solid #ACACBF;
padding:15px;
clear:both;
margin-top:2px !important;
background:#FFF;
}
#gasccontainer2 {
width:752px;
clear:both;
margin-top:2px !important;
}
#content {
	padding-top:15px;
	*padding-top:27px;
	padding-bottom:15px;
}

.topphome {
	margin-bottom:20px;
}
.lefthome {
    
    float: left;
    padding-bottom: 20px;
    width: 310px;
}
.righthome {
float:right;
width:350px;
padding-bottom:20px;
background: url("http://vision3summit.org/portals/_default/skins/vision3responsive/i/shadow-from-r.png") no-repeat scroll left center transparent;
padding-left:40px;
}
.leftinside {
float:left;
width:85px;
padding:15px;
background:#000;

}
.rightinside {
float:right;
width:602px;
border:1px solid #ACACBF;
padding:5px 15px 15px 15px;
*padding:15px 15px 15px 15px;
background:#FFF;
}
.rightinside .insidetext {
	clear:both;
	padding-top:1px;
	*padding-top:0px;
}
.bottomhome {
	padding-left:15px;
}

.rightemail {
margin-top:10px;
float:right;
width:216px;
border:1px solid #cccccc;
background:#ededed;
min-height:300px;
padding:20px;
margin-right:5px;
}
.rightemail .Normal {
line-height:18px;
}
.rightemail img {
padding-lefT:25px;
}
.homeleftpane {
margin-top:10px;
width:605px;
float:left;
}
#footer {
margin-left:auto;
margin-right:auto;
margin-top:2px;
}
a.footerlink:link, a.footerlink:active, a.footerlink:hover, a.footerlink:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#666;
}
.footertext {
float:left;
width:748px;
background:#000000;
height:32px;
text-align:center;
padding:3px;
}
.footertext p, .footertext .Normal {
	margin:0;
	padding:0;
	font-size:10px;
}
#footertext a:link, #footertext a:visited {
	color:#fff;
	text-decoration:none;
	font-size:10px;
}
.footerbottom {
float:left;
width:722px;
text-align:center;
color:#666666;
padding:3px 15px 25px 15px;
*padding:7px 15px 25px 15px;
}
.footerbottom .Normal {
	font-size:9px;
	color:#666666;
}

.no-margin {
margin:5px;
}



.toppad-30 {
padding-top:30px;
}


/*------latest news----*/

.news ul {
margin:0;
padding:0;

}


.news  h2, .news ul li {
margin:0 0 10px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #999999;
}

.news ul li {
list-style:none;
color:#666; 
}

.news ul li strong {
margin:5px 0 0 0;
display:block;

}


/*-------------- home page buttons ------------- */

.menu-buttons {
margin:auto;
}


.menu-buttons ul {
padding:0;
margin:0;

}

.menu-but li, .menu-but-or li {
list-style:none;
width:135px;
height:23px;
margin-bottom:1px;
}

.menu-but-or li {
list-style:none;
width:255px;
}


.menu-but a {
background:#605a7c url(/portals/0/images/but_box-stat.jpg) no-repeat top right;
color:#FFFFFF;
text-decoration:none;
display:block;
width:120px;
height:19px;
padding-left:10px;
font-size:12px;
font-weight:bold;
height:20px;
padding-top:3px;
}

.menu-but-or a {
background:#df771f url(/portals/0/images/but_box-stat-or.jpg) no-repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
display:block;
width:255px;
height:19px;
padding-left:10px;
font-size:12px;
font-weight:bold;
height:20px;
padding-top:3px;
}


.menu-but a:visited, .menu-but-or a:visited {
 color:#FFFFFF;
text-decoration:none;
}

.menu-but a:hover, .menu-but-or a:hover {
color:#FF6600;
background: #CCCCCC url(/portals/0/images/but_box-over.jpg) no-repeat;
text-decoration:none;
}






/*-------------- graphic styles ------------- */

.blue {
color:#000033;
}

.orange {
color:#FF6600;
}

.img-rght-space {
margin-right:10px;
}

div.LeftColumn {
    display: inline;
    float: left;
    margin-right: 2%;
    width: 48%;
}
div.RightColumn {
    display: inline;
    float: right;
    margin-left: 1%;
    width: 49%;
}
.left {
    display: inline;
    float: left;
    margin: 0 15px 5px 0;
}
div.RightColumn img, div.LeftColumn img {
    max-width: 260px;
}
div.LeftColumn-box {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    display: inline;
    float: left;
    height: 275px;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    width: 235px;
}
div.LeftColumn-box img, div.RightColumn-box img {
    margin-bottom: 10px;
    max-width: 235px;
}
div.RightColumn-box {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: right;
    height: 275px;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    width: 235px;
}
div.TwoColumn-box {
    background: none repeat scroll 0 0 #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 10px;
    text-align: center;
    width: 510px;
}


/*-----home page banner-----*/

#featured {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #E5E5E5;
    height: 238px;
    overflow: hidden;
    position: relative;
    width: 718px;
}
#featured ul.ui-tabs-nav {
    height: 238px;
    left: 0;
    list-style: none outside none;
    margin: 0 0 0 16px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 239px;
    z-index: 2;
}
#featured ul.ui-tabs-nav li {
    color: #666666;
    font-size: 12px;
    height: 119px;
    margin-left: -18px;
    overflow: hidden;
	margin-top:0;
}
#featured ul.ui-tabs-nav li span {
    font-family: Verdana;
    font-size: 11px;
    line-height: 18px;
}
#featured li.ui-tabs-nav-item a {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #CCCCCC;
    color: #333333;
    display: block;
    height: 107px;
    outline: medium none;
    padding: 5px 0;
    text-decoration: none;
    width: 239px;
}
#featured li.ui-tabs-nav-item a:hover {
    background: none repeat scroll 0 0 #E5E5E5;
}
#featured li.ui-tabs-selected {
    background: url("http://www.gasc.org/portals/_default/skins/gascSkin/_i/arrow-selected.png") no-repeat scroll right top transparent;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {
    background: url("http://www.gasc.org/portals/_default/skins/gascSkin/_i/bg-grad.jpg") repeat-x scroll 0 0 #E1E1E1;
}
#featured .ui-tabs-panel {
    background: none repeat scroll 0 0 #999999;
    height: 255px;
    margin-left: 238px;
    position: relative;
    width: 480px;
}
#featured .ui-tabs-panel .info a.hideshow {
    background: none repeat scroll 0 0 #333333;
    color: #F0F0F0;
    font-family: Verdana;
    font-size: 11px;
    line-height: 20px;
    margin: 0;
    outline: medium none;
    position: absolute;
    right: 10px;
    top: -20px;
}
#featured .info h2 {
    color: #FFFFFF;
    font-family: Georgia,serif;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    overflow: hidden;
    padding: 5px;
}
#featured .info p {
    color: #F0F0F0;
    font-family: Verdana;
    font-size: 11px;
    line-height: 15px;
    margin: 0 5px;
}
#featured .info a {
    color: #FFFFFF;
    text-decoration: none;
}
#featured .info a:hover {
    text-decoration: underline;
}
#featured .ui-tabs-hide {
    display: none;
}
#featured ul.ui-tabs-nav li h1 {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 24px;
    margin: 0;
    padding: 5px 10px;
}
#featured ul.ui-tabs-nav li h2 {
    color: #333333;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 26px;
    margin: 0 10px;
    padding: 5px 0;
    text-transform: uppercase;
}
#featured ul.ui-tabs-nav li p {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 5px 10px;
}
