﻿
* {
    /*margin: 0em;*/
}


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000; /*background-color: #FFFFFF;*/
    background-color: Gray;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}


a:link {
	color: #000000;
	/*text-decoration: none;*/
}
/*
a:visited {
	color: #22265a;
	text-decoration: none;
}
*/



br.clear, .clear  {
    clear: both;
}

.header {
    padding:4px;
}

.headerbar {

}
.headerbar a {
    text-decoration:none;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    /*line-height:1.273em;*/
    color: #004276;
}



.bordertop {
    border-top: solid 1px #999999;    
}
.borderleft {
    border-left: solid 1px #999999;
}
.borderright {
    border-right: solid 1px #999999;   
}
.borderbottom {
    border-bottom: solid 1px #999999;
}
.borderbox {
    padding: 4px;
    border-top: 2px solid #000000;    
    border-bottom: solid 1px #999999;
}





.main {
    margin: 0 auto;
    padding: 4px;
    width: 995px;
    background-color: #ffffff;    
}
.bodycontent {
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-top: solid 1px #999999; 
}


/* left nav menu */
.menu {
    float: left;
    width: 122px;
    padding-top: 0em; 
    border-right: solid 1px #999999;      
}
.menu ul {
    padding: 0px 5px 0px 5px;
    color: #000;
    list-style: none;
    margin-left: 0px;
}
.menu ul li {
    padding: 2px;    
}
.menu ul li a {
    text-decoration: none;
    font-weight: 600;
    color: #000;    
}
.menu ul li a:hover {
    color: #F56521;
}
.menucredits {
    padding: 0px 0px 5px 4px;
    font-family:arial,helvetica,sans-serif;
    font-size:10px;
    
}
.frontpage {
    font-weight: 600;
    width: 110px;
    background-color:#22265A;
    padding: 10px 5px 5px 7px;
    height:20px;
}
.frontpage a {
    text-decoration: none;
    color:#ffffff;
}
.frontpage a:hover {
    color: #F56521;
}


/* LAYOUT - 2 COLUMNS */
/* Primary content */	
#primaryContent {
    margin-left: 123px;    
}
#columnB {
    /*position: relative;*/
    float: right;
    width: 100%;
     /*padding: 1em;
   padding-left: 1em; 
    padding-right: 1em; 
    padding-bottom: 1em;
    padding-top: 1em; */
    border-left: solid 1px #999999;     
}






.ImageCredit {
    font-size: 10px;
    text-align: right;
    padding: 0 0 15px 0;
    margin-right: 15px;
}
.ImageCreditLeft {
    font-size: 10px;
    text-align: left;
    padding: 0 0 10px 0;
}

.ImageCaption {
    color: #000000;
    font-size: 12px;
    font-style: italic;
    text-align: left;    
}

.ArticleTitle {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 15px 0;
    color: #000000;
    text-decoration: none;
}

/*
.ArticleTitle:visited {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 15px 0;
    color: #000000;
	text-decoration: none;
}
*/

.ArticleWriter {
    color: #000000;
    font-size: 12px;
    font-style: italic;
}

.ArticleDate {
    color: #999999;
}

.ArticleContent {
    font-size: 11px;
    text-align: left;
}

.ArticleMoreLink {
    color: #0033FF;
    text-decoration: none;
}

.QuickLinks {
    text-align: left;
}

.QuickLinksTitle {
    color: #F56521;
    font-weight: bold;
    font-size: 11px;
    /*text-decoration: underline;*/
    text-transform: uppercase;
}

.QuickLinksTitle a {
    color: #F56521;
}

ul.QuickLinks {
    list-style: none;
    padding: 0em;
    margin: 0em;
}

ul.QuickLinks li {
    line-height: 1.3em;
    padding: 0em;
}

ul.QuickLinks li a {
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

/*
ul.QuickLinks li a:visited {
	font-size: 11px;
    color: #000000;
	text-decoration: underline;
}
*/


.Ads {
    padding-bottom: 3px;
}

.AdsTextBorder {
    border: solid 1px #CCCCCC;
    clear: both;
    padding: 5px;
    float: left;
    text-align: left;
    width: 180px;
}

.AdsNotification {
    text-transform: uppercase;
    text-align: left;
    font-size: 8px;
    color: #999999;
}

.AdsTitle {
    font-weight: bold;
    color: #0000CE;
    text-decoration: underline;
}

.AdsTitle:visited {
    font-weight: bold;
    color: #0000CE;
    text-decoration: underline;
}

.AdsContent {
    color: #000000;
    padding: 4px 0 4px 0;
}

.AdsLink {
    color: #0E8F0E;
    overflow:hidden;
    width:180px;
}



.ProgressBarOutline {
    border: solid 1px #0000CC;
    padding: 0px;
    width: 130px;
    font-size: 0;
}

.ProgressBar {
    background-color: #0000CC;
    height: 6px;
}

.CategoryLinksTitle {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 10px 0px 0px 15px;
    text-transform: uppercase;
    text-align: left;
}

.CategoryLinksTitle a {
    color: #FFFFFF;
    text-decoration: none;
}

.CategoryLinksHeadline {
    font-size: 12px;
    font-weight: bold;
}

.CategoryHeadlineContent {
    font-size: 11px;
    color: #000000;
}

.CategoryRecentHeader {
    color: #999999;
    font-size: 11px;
    text-transform: uppercase;
}

ul.CategoryLinks {
    /*list-style: none;*/
    padding: 0em;
    margin: 0em;
}

ul.CategoryLinks li {
    line-height: 1.3em;
    padding: 0em;
    margin-left:12px;
}

ul.CategoryLinks li a {
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}

/*
ul.CategoryLinks li a:visited {
	font-size: 11px;
    color: #000000;
	text-decoration: underline;
}
*/

.CategoryMoreLink {
    color: #0033FF;
    text-decoration: none;
}


.EventDate {
    color: #000000;
}

.EventTitle {
    color: #000000;
    font-weight: bold;
}


.EventDesc {
    color: #000000;
}

.EventMoreLink {
    color: #FFFFFF;
    text-decoration: none;
}

.EventLink {
    color: #000000;
    text-decoration: none;
}


.PageNav {
    font-size: 10px;
    color: #8f8fc6;
    text-transform: lowercase;
}

.SearchBox {
    font-size: 10px;
    text-align: left;
    color: #000000;
    padding: 0px 0px 0px 13px;
    background-color: #8F8FC0;
}


.CategoryName {
    font-size: 14px;
    font-weight: bold;
    color: #f17622;
    text-transform: uppercase;
}

.SearchCategoryHeader {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #22265a;
}

.SearchNoResults {
    color: #0033FF;
}

.thumbimage {
    margin-top: 5px;
}


/* Header Tab Row */

/*
#TabRow {
    font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
    padding: 0px 0px 0px 13px;
    background-color:#23275B;
}
*/

#TabRow {
    clear: both;
    float: left; /*position: absolute;*/
    width: 900px; /*top: 117px;*/
    margin: 0 auto; /*border: solid 1px #ff0000;*/
    background-color: #23275B;
    padding: 3px 0px 3px 0px;
}

#TabRow ul {
    margin: 0;
    padding: 0px 0px 0px 10px;
    list-style: none;
}

#TabRow li {
    display: inline;
}

#TabRow a {
    display: block;
    float: left;
    margin: 0 3px 0 0;
    padding: 2px 14px 2px 14px;
    border: none;
    text-decoration: none;
    text-transform: uppercase; /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}

#TabRow a:hover {
    margin: 0 3px 0 0;
    padding: 2px 14px 2px 14px;
    color: #F56521;
}

/*
#menu2 .current_page_item a {
	background: none;
	margin: 0 3px 0 0;
	padding: 2px 7px 2px 7px;
	color: #FFFFFF;
}
*/








.footer {
    font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

}




.ArticleCommentsHeader {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #22265a;
}


.ArticleComments {
    text-align: left;
}

.ArticleCommentsTitle {
    text-decoration: underline;
    font-size: 11px;
}

ul.ArticleComments {
    /*list-style: none; */
    padding: 0em;
    margin: 0em;
}

ul.ArticleComments li {
    line-height: 1.3em;
    padding: 0em;
}

ul.ArticleComments li a {
    font-size: 11px;
    color: #000000;
    text-decoration: underline;
}


.MyAccountHeader {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #22265a;
}

.EventHeader {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #22265a;
}

.EventSubHeader {
    font-size: 10px;
    font-weight: bold;
    color: #8f8fc6;
}

.CopaNews {
    color: #F27521;
}



.Ideas_DataList {
    padding: 0em .5em 0em 0em;
}


.ArticlePreviewTitle {
    color: #F56521;
    font-weight: bold;
    font-size: 13px;
    text-align:center;
    text-transform: uppercase;  
    margin-bottom: 3px; 
    border-bottom: solid 2px #F56521;
    margin-right:3px;
}



/* VIDEO BOX
-------------------------------------------------------------------------------- */
#ImageQuickLinks .Title {
    color: #F56521;
    font-weight: bold;
    font-size: 11px;
    /*text-decoration: underline;*/
    text-align:center;
    text-transform: uppercase;  
    margin-bottom: 3px; 
    border-bottom: solid 2px #F56521;
    margin-right:7px; 
}
#ImageQuickLinks .Title a {
    color: #F56521;
    text-decoration:none;
    padding-bottom: 2px;
}
#ImageQuickLinks ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#ImageQuickLinks li a:after {
    content: "."; /* Clear fix */
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#ImageQuickLinks li a {
    zoom: 1; /* IE fix */
}
#ImageQuickLinks li a {
    display: block;
    margin-bottom: 7px;
    margin-right: 7px;
    padding: 5px;
    background: #ebeff2;
    font-size: 11px;
    color: #125A95;
    /*text-decoration: underline;*/
    outline:medium none;
    text-decoration:none;
}
#ImageQuickLinks li a:hover {
    background: #6591b6;
    text-decoration: none;
    color: #fff;
}
#ImageQuickLinks li img {
    float: left;
    margin-right: 10px;
    border:0 none;
}





/* form */
.button {
    background-color: #ffffff;
    color: #000000;
    border: solid 1px #CCCCCC;
    font-weight: bold;
    font-size: 0.8em;    
}
.textbox {
    border: solid 1px #CCCCCC;
    font-size: 1.0em;
    padding: 0.25em 0.25em 0.25em 0.25em;
}



/* Error Page */
.errorBox {BORDER-BOTTOM: #dedede 1px solid; BORDER-LEFT: #dedede 1px solid; BORDER-TOP: #dedede 1px solid; BORDER-RIGHT: #dedede 1px solid}
.errorHeader {BACKGROUND: #888888; COLOR: #ffffff; FONT-SIZE: 16px}




/* video pages */

.videotitle {
    padding: 0px 0px 15px 0px;
    width: 120px;
}
.videotitle a {
    font-size: 10px;
}

#searchbox {
    background:transparent url('/images/searchBox.jpg') no-repeat scroll 0 0;
    display:block;
    height:38px;
    width:341px;
}
#searchbox .textfield {
    background:transparent none repeat scroll 0 0;
    border:none;
    float:left;
    margin-right:17px;
    margin-left:10px;
    margin-top:8px;
    padding-top:2px;
    width:284px;
    height:23px;
}
#searchbox .button {
    background:transparent none repeat scroll 0 0;
    border:none;
    cursor:pointer;
    float:left;
    height:22px;
    margin-top:8px;
    width:18px;
}
#searchbox .textfield:focus{
    outline:none;
    background:red url('/images/searchBox.jpg') no-repeat scroll -10px -46px;
}
