html, body, div, h1, h2, h3, h4
{
	margin:0pt;
	padding:0pt;

}

html
{

	background:white;
}
body
{
	color: #444;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background:white url(../images/bg.jpg) repeat-x left top;
	margin:0px;
	padding:0px;
	min-width: 960px;
}

img {border:0;}

/*----- page wraps the header,content,footer stuff ---------*/

#page
{
	width: 960px;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	background: #fff;
}


#header, #content, #footer, #side
{
	margin: 0 auto;
}

/*---------------- header -------------------------------------*/
#header
{
	width: 960px;
}


/*--------------- mainmenu ------------------------------------*/
#mainmenu
{
	background: url(/images/nav-bg.png) #434762 no-repeat left top;
	height: 28px;
	font-size: 1em;
	font-family: Helvetica, Verdana, Arial;
    text-align: left;

}

#nav
{
	margin:0px;
	padding:0;
	height:28px;
}

#nav li
{
	display: inline;
	height:28px;
	border:none;
}

#nav #home {}
#nav #coverages {}
#nav #news {}
#nav #media {}
#nav #blog {}
#nav #events {}
#nav #forum {}

#nav li a
{
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.7em;
	letter-spacing: 1px;
	border:none;
}

#nav li a span {font-size:100%;display:none;}
#nav li a img {border:none;margin:0;padding:0;}

#nav li a:hover, #nav li a.active
{
	/*background: #ffffff;*/
	color: #ccc;
}


/*---------- gnwa customization ---------------------------------------------*/
/* header navigation */
#nav #utility {position:absolute;margin-left:140px;margin-top:6px;color:#FFF;}
#nav #utility a {text-transform:none;letter-spacing:normal;font-size:11px;}
#nav #utility a:hover {text-decoration:underline;color:#FFF;}
#nav-bottom-bg {}

/* banner ad */
#banner {margin-bottom:10px;width:620px;height:80px;}

/* index page - news, about, sidebar */
#leftside {width:630px;float:left;margin-left:10px;margin-top:10px;border-right:1px solid #a5a5a5;}
#flash {width:620px;height:213px;}
#body-news {width:620px; float:left;margin-top:20px;}
#body-news .body-head-img {margin-bottom:4px;}
#body-news ul {margin:0px 0px 3px 0px;}
#body-news li {background:#fff;border:1px solid #c2c2c2;margin-bottom:3px;padding:8px 14px 8px 14px;}
#body-news li .title {font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#000;}
#body-news li .title a {color:#000;}
#body-news li .date {color:#ababab;font-size:11px;}
#body-news li .contentPreview {color:#000;font-size:11px;margin-top:8px;}
#body-news li img {border:none;}
#aboutbox {width:620px;display:block;float:left;margin-top:10px;}
#aboutbox .content {padding:0px 14px 8px 14px;margin-top:4px;border:1px #c0c0c0 solid;background:#FFF;}
#aboutbox .content p {font-size:11px;}
#rightside {float:right;width:300px;margin-top:10px;margin-right:10px;}
.sidebar-head-img {margin-bottom:3px;}
#featuredvideo {}
#featuredvideo .videoInfo {border:1px #c0c0c0 solid;background:#fff;width:275px;font-family:Arial, Helvetica, sans-serif;font-size:11px;padding:10px;}
.videoInfo h4 {color:#000;}
.videoInfo .date {color:#ababab;}
.videoInfo .description {margin-top:5px;}
#recentfootage {margin-top:10px;width:297px;}
#recentfootage .portlet {padding:0;margin:0;}
#recentfootage .video-table td {background:#FFF;border:1px solid #c0c0c0;width:145px;}
#recentfootage .video-table td div {font-size:11px;font-family:Arial, Helvetica, sans-serif;font-weight:normal;}

/* footer navigation */
#footerNav {float:left;color:#93191c;}
#footerNav a {color:#93191c;}
#footerNav a:hover {text-decoration:underline;}
#footerCopy {float:right;}
#subFooter {font-size:10px;margin-top:5px;}

/* sub-page 2-column layout: news, etc. */
#content_wrapper {background-color:#e2e2e2;}
#content_two_column_main_left {width:630px;float:left;margin-left:10px;margin-top:10px;border-right:1px solid #a5a5a5;}
#content_two_column_main_left h1 {margin-bottom:5px;padding:7px 10px 0px 10px;background:url('/images/header-title-bg.jpg') no-repeat top left;color:#FFF;font-size:15px;height:21px;width:600px;}
#content_two_column_main_left .post h1 {background:none;padding:0;margin-bottom:0px;}
#content_two_column_side_right {float:right;width:300px;margin-top:10px;margin-right:10px;}
#content_two_column_main_left h3 {margin-bottom:5px;margin-top:10px;padding:7px 10px 0px 10px;background:url('/images/header-title-bg.jpg') no-repeat top left;color:#FFF;font-size:15px;height:21px;width:600px;}
#content_two_column_main_left h3 a {color:#FFF;}
#comments h3.heading {background:none;margin:0;padding:0;}
.post {margin:0px 0px 4px 0px;border:1px solid #c2c2c2;width:594px;background-color:#FFF;padding:8px 12px 8px 12px;}
.post h1.title {margin:0;font-size:12px;line-height:normal;}
.post h1.title a {font-size:12px;color:#ab0104;font-family:Arial, Helvetica, sans-serif;}
.post .author {color:#ababab;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.post p {margin:8px 0px 8px 0px;}
.post .nav {font-size:11px;}
.post .nav a {color:#af0005;}

/* comments */
#comments {margin-top:30px;}
.comment {width:590px;background-color: #F5F5F5;margin-bottom:20px;padding:15px;}
.comment .author {font-size:11px;font-weight:bold;color:#30374a;}
.comment .time {font-size:11px;color:#767676;}
.comment .info {color: #999;padding: 0.1em 1em;font-size: 0.8em;}
.comment .title {padding: 0.1em 1em;border-bottom: 1px solid #ddd;font-weight: bold;}
.comment .content {font-size:12px;}
.comment .cid {float: right;padding: 10px 15px 10px 10px;background: #F5F5F5;font-size: 2em;font-weight: bold;color: #ccc;}
.comment .cid:hover {color: #f30;text-decoration: none;}

/* general form stylings */
.form {width:590px;background:#F5F5F5;padding:15px;margin-bottom:20px;}
.form .row {margin: 5px 0;padding-bottom: 5px;}
.form .row label {display: block;font-weight: bold;}
.form .hint {margin: 0;padding: 0;color: #999;}
.form label.error, .form span.error {color: #C00;}
.form input.error, .form textarea.error, .form select.error {background: #FEE;border-color: #C00;}
.form .errorSummary {border: 2px solid #C00;padding: 7px 7px 12px 7px;margin: 0 0 20px 0;background: #FEE;font-size: 0.9em;}
.form .errorSummary p {margin: 0;padding: 5px;}
.form .errorSummary ul {margin: 0;padding: 0 0 0 20px;}
.form .errorSummary ul li {list-style: square;}

/* video - styling changed in video.css, some new rules here as well though */
#content_two_column_main_left .videoDisplay {width:600px;}

/* coverages */
#events-list .contentItems div a img {border:none;}
#content_two_column_main_left .portlet {width:620px;}
#content_two_column_main_left .standard {border:1px solid #c2c2c2;padding:10px;width:600px;margin-bottom:20px;}
table.contentItems h3 {background:none;width:auto;}
.coverageTitle {background:none;font-size:12px;font-weight:bold;margin:0;}
.coverageTitle a, .coverageTitle a:visited {color:#000;}
.coverageDate {font-weight:normal;color:#ababab;font-size:11px;}
.coverageDesc {font-size:11px;}

/* static pages */
#pageStaticContent p {margin:0px 0px 4px 0px;border:1px solid #c2c2c2;width:594px;background-color:#FFF;padding:8px 12px 8px 12px;}

/* unused styles - saving for posterity */
/* background: white url(http://www.gnwa.org.php5-5.dfw1-1.websitetestlink.com/images/headerbg.jpg) repeat-x left top; color:#f9f7ed; width:625px; display:block; font-size: 0.9em;padding:5px; */

/* CSS for jQuery Slide Viewer used on Home */
.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: #fff;
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #000; 
color: #fff; 
font: normal 10px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #fff; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{float:left;margin: 0;}
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr {position:relative;left: 0;font-size: 0.01em;left: 0;margin: 0;padding: 0;} /* the border above -not around- each thumb */ /* width, height and top values are dynamically added by the script. Do not modify. */ 
a.left, a.right {background: transparent;color: #ff0000;font: bold 16px Arial;overflow: hidden;} /*the left and right buttons (links)*/  /* could be any color  */ 
a.left span, a.right span{} 
a.left img, a.right img{border: 0;} 
a.l_dis, a.r_dis {background: transparent; cursor: default;} /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
a.l_dis span, a.r_dis span {display: none;}
a:focus {outline:none;} 

/*---------- content one column ---------------------------------------------*/
#content_one_column
{
	color: #111;
	background: #e2e2e2;

}

/*---------- content two column main right ----------------------------------*/
#content_two_column_main_right
{
	float: right;
	width: 640px;
    padding: 10px 10px 10px 5px;
}

#content_two_column_side_left
{
	float: left;
	width: 270px;
    padding: 10px 5px 10px 10px;

}

/*--------- content two column main left ------------------------------------*/
/* commented out to use gnwa custom css above
#content_two_column_main_left {
	float: left;
	width: 620px;
	padding: 15px 7px 7px 20px;
}

#content_two_column_side_right {
	float: right;
	width: 280px;
	margin-right: 15px;
	margin-top: 20px;
}
*/

/*--------- content three column -------------------------------------------*/

#content_three_column_left {
	float: left;
	width: 420px;
	padding: 15px 7px 7px 20px;
}

#content_three_column_middle {
	float: right;
	width: 180px;
	margin-right: 15px;
	margin-top: 20px;
}

#content_three_column_right {
	float: right;
	width: 180px;
	margin-right: 15px;
	margin-top: 20px;
}


/*---------- footer ---------------------------------------------------------*/

#footer
{
	clear: both;
	padding: 15px 20px 5px 20px;
	height: 24px;
	margin-top: 5px;
	font-size: 10px;
	/* text-align: right; */
    color: #333;
    background-color:#cecece;

}

#footer a
{
    /* color: blue; */
}

#footer .footerContent
{
    float: left;
	width:920px;
}

#footer .footerContent .customContent
{
   
}

#footer .footerContent .poweredBy
{
    color: #333;
}


/*---------- General Tags  -------------------------------------------------*/
h1
{
	font-size:1.8em;
	line-height: 1.0em;
}

h2
{
	font-size:1.3em;
	margin: 0 0 0.5em 0;
}

h3
{
	font-size:1.1em;
	margin: 0 0 0.5em 0;
}


h3 span {
	color: #666;
}

h4
{
	font-size:1.0em;
	/*margin:0.2em 0;*/
}

hr {
	border: 1px solid #ccc;
}


img {
	/*border: 1px solid #efefef;*/
}

a:hover img
{
	border: 0px;
}

a, a:visited
{
	color:#cc3333;
	text-decoration:none;
}

a:hover
{
	color: #a11414;
	text-decoration:none;
}

a.action
{
	color: green;
	text-decoration: none;
}

a.action:hover
{
	color: red;
	text-decoration:underline;
}

.standard ul, .standard li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left: -30px;
	
}

.standard li
{
	border-bottom: 1px solid #efefef;
	padding: 0.3em 0.3em 0.3em 0;
}

.standard li a
{
	padding: 0.4em 0.4em;
	color: white;
	text-decoration: none;
	font-weight: bold;
}

.standard ul li a:hover, ul li a.active
{
	color: #6399cd;
}



.sectionHeader{
	background: url(../images/gradient.jpg) repeat-x left top;
	padding: 3px;
	
}

.sectionHeader .title{

}

.sectionHeader .leftContent
{
	float: left;
	margin-left: 20px;
}

.sectionHeader .rightContent
{
	float: right;
	margin-right: 15px;
	font-weight: bold;
}



.detail_small 
{
	font-size: .8em;
	color: #666;
}

.detail_medium {
	font-size: .9em;
	color: #777;
}

.text_alert {
	color: red;
}



.standardSubHeader {
	padding: 5px 5px 4px 5px;
	background: #efefef;
	
}

/* ----- clear fix ! ----------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


.clearfloat
{
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.actionBar
{
	margin: 2px 0px 5px 0px;
	background: #efefef; 
	padding: 3px 5px 3px 5px;

}



div.item
{
	margin: 10px 0 0 0;
	border: 1px solid silver;
	padding: 5px;
}

.photo-outline {
	padding: 0px; border: 0px solid #ccc;
}

.photo-list-item {
	float: left; width: 160px; height: 140px; padding: 5px; 
}

/* CONTENT TEASER */

.content_teaser 
{
	margin-bottom: 15px;
}

.content_teaser h4.title 
{
	background: #EFF7FF; border-top: 1px solid #BFDEFF; padding: 4px;
}

.content_teaser .sub_header 
{
	border-bottom: 1px solid #efefef; font-size: .9em; padding: 1px 10px 1px 10px; color: #666;
}

.content_teaser .content 
{
	padding: 10px 5px 5px 5px;
}

.content_teaser .content_item
{
	display: inline; margin-right: 10px;
}
/*******/

/* RELATED ITEM */

.related_content
{
	padding: 10px;
	background: #efefef;
}

.related_content .related_item 
{
	padding: 3px 0 10px 0;
}

.related_content .label
{
	font-size: 1.1em;
}


.instructions
{
	background-color:#EEE;
	font-family: "Courier New", Courier, mono;
	margin: 0.2em;
	padding: 0.5em;
}

.confirmation
{
	border: 2px solid #32CD32;
	background: #EBFFCE;
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 100%;
}

.notice
{
	border: 2px solid red;
	background: #FFCFCF;
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 100%;
	
}

.uploadAssocMessage
{
	border: 2px solid #32CD32;
	background: #EBFFCE;
	margin: 10px 0 10px 0;
	padding: 5px;
	width: 100%;
}
	


table.contentItems
{
	/* background: #efefef; */
	width: 620px;
	/* padding: 3px; */
}

table.contentItems td
{
	width:280px;
	vertical-align: top;
	background: #fff;
	padding: 10px;
	margin-right:3px;
	border: 1px solid #ccc;
	
}

/* begin data grid style */
table.dataGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	border: 1px #4F81BD solid;
	padding: 0.3em;
}

table.dataGrid th
{
	background: #d3dfee;
	text-align: center;
}

table.dataGrid th.label
{
	width: 150px;
}

table.dataGrid tr.odd
{
	background: #E6F2FF;
}
/* end of data grid style */




/*---------- comments and tags ----------------------------------------------*/

/* commented out for gnwa customization
.comment
{
	-moz-border-radius:7px;
	padding: 5px;
	background: #F5F5F5;
	margin: 5px 0;
}

.comment .author a
{
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

.comment .author a:hover
{
	color: #333;
	border-bottom: 1px solid gray;
}

.comment .time
{
	color: #888;
	font-size: 0.8em;
}

.comment a.cid
{
	color:#CCC;
	float:right;
	font-size:1.5em;
	font-weight:bold;
	padding:0 5px 5px 5px;
	text-decoration: none;
}

.comment a.cid:hover
{
	color:#555;
}

.comment .pending
{
	color:red;
}

span.tag
{
	padding: 0 4px 0 0;
}

.comment
{
	background-color: #F5F5F5;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}

.comment .info
{
	color: #999;
	padding: 0.1em 1em;
	font-size: 0.8em;
}
.comment .title
{
	padding: 0.1em 1em;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
}
.comment .content
{
	padding: 0 1em;
	line-height: 100%;
	border: 1px solid #F5F5F5;
}

.comment .cid
{
	float: right;
	padding: 10px 15px 10px 10px;
	background: #F5F5F5;
	font-size: 2em;
	font-weight: bold;
	color: #ccc;
}
.comment .cid:hover
{
	color: #f30;
	text-decoration: none;
}
*/
#about
{
	-moz-border-radius:7px;
	background-color:#E6F2FF;
	padding: 5px 10px 5px 10px;
}

#about span
{
	font-size:15pt;
	font-weight:bold;
}

.newstitle
{
	margin: 20px 5px 5px 5px;
	background-color: #EEE;
	border: 0;
	border-left: 25px solid #84C24C;
	padding: 3px 0 3px 10px;
}

.news-preview
{
	margin-top: 20px;
	width: 700px;
}

.news
{
	-moz-border-radius:7px;
	padding: 5px;
	margin: 5px 0 0 0;
}

.news p
{
	margin: 3px 0;
}

.news .title
{
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid silver;
	margin: 0 0 2px 0;
	padding: 0 0 2px 0;
}

.news .subtitle
{
	font-size: 10pt;
	font-weight: normal;
	font-style: italic;
	margin: 2px 0 0 0;
	padding: 0 0 2px 0;
}

.videohome
{
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	/*background:#E6F2FF;*/
	background: #b2d0ff;

}


.title_primary
{
    color: #76001b;
    font-weight: bold;
}

.title_secondary
{
    color: #999;
    font-weight: bold;

}