/* The following information is just a short explaination of some of the notations expressed below:
 * 
 * For font-sizes, height of particular spacer divs, etc. 'em' unit is used.
 * Em is substituted for px to provide optimal scaling of fonts and divs for different mobile devices...
 * 1em == 12pt == 16px == 100%.
 * A percentage may be used when specifying the font-size. For example, line 27 - 'font-size:175%'.
 * Percentages used on height or width attributes do not pertain to scalable measurements.
 * 
 * Example: 
 * 			If the font-size is 175% (Line 27) then it is ((175/100) * 16)px or (175/100)em.
 * 			If height is 18em then it is (18 * 16)px.
 * 
 * If a conversation to 'em' results in a decimal number, it is NOT rounded off. A more accurate measurement can be recorded in this way
 * Both are considered and one is chosen depending on the situation. Example, 'top:17.5em' (Line 66) was initially '18em'. However, a '5px'(0.3em)
 * space was subtracted due to proper aligning. 18em - 0.3em = 17.7em. Rounding this off to the nearest whole number would
 * result in the same '18em'. Therefore, an estimated '17.5em' was utilized instead.
 */
 
#MasterDiv {
	position:relative;
	margin:0px auto;
	width:99%;
	max-width:1024px;
	min-width:480px;
	/*border:1px solid #FF0000;*/
}

/* ================================================================================================================================== */
/* HEADER SECTION OF CSS STYLE SHEET 																								  */
/* 													HEADER SECTION OF CSS STYLE SHEET 												  */
/* 																							 	    HEADER SECTION OF CSS STYLE SHEET */
/* ================================================================================================================================== */

/* Header next to image in site header */
#MasterDiv #completeHeadSec span#MainLinkzTxt {
	font-size:28px;
	text-align:center;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

/* Site's main linkz */
#MasterDiv #completeHeadSec span#SiteLinkzTxt {
	font-size:24px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

/* Sublinkz for corresponding Main linkz */
#MasterDiv #completeHeadSec span#SubLinkzTxt {
	font-size:22px;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

/* This div is the entire head section including strip ad */
#MasterDiv #completeHeadSec {
	position:absolute;
	min-height:147px;
	width:100%;
	/*background-color:#00FF00;
	border:1px solid #00FF00;*/
}

/* This div is the entire footer section */
#MasterDiv #completeHeadSec #HeadSecMid {
	position:relative;
	width:inherit;
	height:125px;
	background-color:#FFD350;
	text-align:center;
}

/* This div toggles the display of 'div#SiteLinkz' */
#MasterDiv #completeHeadSec #HeadSecMid div#ImgOnLeft {
	float:left;
	width:30%;
	cursor:pointer;
	margin:14px 0px;
	/*border:1px solid #00FF00;*/
}

#MasterDiv #completeHeadSec #HeadSecMid div#DispSiteLinkz {
	float:right;
	width:58%;
	padding:45px 0px;
	cursor:pointer;
	/*border:1px solid #00FF00;*/
}

/* This div contains the site's main links */
div#SiteLinkz {
	position:absolute;
	width:100%;
	text-align:center;
	display:none;
	z-index:1;
}

/* This div contains the sublinks of the corresponding main links */
div#SubLinkz {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	display:none;
	background-color:white;
	z-index:2;
}

/*#StripAdSpace {
	position:relative;
	width:20em;
	height:7.8125em;
	margin:0 auto;
	text-align:center;
	border:1px solid #00FF00;
}*/

/* ================================================================================================================================== */
/* BODY/CONTENT SECTION OF CSS STYLE SHEET 																							  */
/* 												BODY/CONTENT SECTION OF CSS STYLE SHEET 											  */
/* 																							  BODY/CONTENT SECTION OF CSS STYLE SHEET */
/* ================================================================================================================================== */

#MasterDiv #completeBodySec {
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
}

#MasterDiv #completeBodySec a:link, body-content a:visited, body-content a:active {
    COLOR: #3366CC;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	text-decoration:none;
}

#MasterDiv #completeBodySec a:hover {
    COLOR: #9C0000;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	text-decoration:underline;
}

/* This div is the entire body section or content area of the site */
#MasterDiv #completeBodySec {
	position:absolute;
	width:100%;
	/*background-color:#FF0000;
	border:1px solid #FF0000;*/
}

.MainTopHeadlines {
	position:relative;
	width:100%;
}

.MainTopHeadlines div.TopPhotoContainer {
	position:inherit;
	width:100%;
	height:300px;
	background-color:#F2F2F2;
}

.MainTopHeadlines div.TopTitleContainer {
	position:inherit;
	width:100%;
	text-align:center;
	background-color:#01296E;
	cursor:pointer;
	padding:10px 0px;
	/*border:1px solid #FF0000;*/
}

span.Top_Headline_Title {
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
}

.LatestHeadlinesCont {
	position:relative;
	width:100%;
}

.LatestHeadlinesCont span#LatestHeadlinesLabel {
	font-size:20px;
	font-weight:bold;
	color:#B81300;
}

.LatestHeadlinesCont div.NewsSingleLatest {
	position:inherit;
	width:100%;
	min-height:115px;
	cursor:pointer;
	/*border:1px solid #FF0000;*/
}

.LatestHeadlinesCont div.NewsSingleLatest span.NewsSingleLatestTopic {
	font-size:14px;
	color:#345D94;
	font-weight:bold;
}

.LatestHeadlinesCont div.NewsSingleLatest div.PhotoNInfoCont {
	position:inherit;
	width:inherit;
	min-height:inherit;
	/*border:1px solid #00FF00;*/
}


.LatestHeadlinesCont div.NewsSingleLatest div.PhotoNInfoCont div.HeadlinePhotoCont {
	position:inherit;
	float:left;
	width:26%;
	min-height:inherit;
	/*border:1px solid #0000FF;*/
}

.LatestHeadlinesCont div.NewsSingleLatest div.PhotoNInfoCont div.HeadlineInfoCont {
	position:inherit;
	float:right;
	width:73%;
	min-height:inherit;
}

.LatestHeadlinesCont div.NewsSingleLatest div.PhotoNInfoCont div.HeadlineInfoCont span.HeadlineShortDesc {
	font-size:14px;
	color:#252525;
}

.LatestHeadlinesCont div.NewsSingleLatest div.PhotoNInfoCont div.HeadlineInfoCont span.HeadlinePostDate {
	font-size:13px;
	color:#9C0000;
}

.ContentsContainer {
	position:relative;
	width:100%;
	height:280px;
	background-color:#F2F2F2;
}

.DynamicContentCont {
	position:relative;
	width:100%;
	height:300px;
	background-color:#F2F2F2;
}

.InnerContainer {
	position:relative;
	margin:0px auto;
	width:480px;
	height:100%;
	cursor:pointer;
}

div#NewsDetailsHeadContainer {
	position:relative;
	width:100%;
	background-color:#DADADA;
	padding:5px 0px;
}

div#NewsDetailsHeadContainer span#NewsDetailsBreadCrumb {
	font-size:15px;
	font-weight:bold;
	color:#252525;
}

div#NewsDetailsHeadContainer div#NewsDetailsMainHead {
	background-color:#FFFFFF;
	border:1px solid #c3c3c3;
	border-radius:7px;
	padding:2px 5px;
	margin:3px 5px 0px;
}

div#NewsDetailsBodyContainer div#NewsDetailsBodyPhoto {
	height:300px;
	padding:5px 0px 0px;
}

div#NewsDetailsBodyContainer div#NewsDetailsArticleWriter {
	color:#252525;
	font-size:13px;
	padding:5px 0px;
}

div#NewsDetailsBodyContainer div#NewsDetailsArticleSponsor {
	padding:5px;
	background-color:#C7E1FB;
	color:#252525;
	font-size:13px;
}

div#NewsDetailsBodyContainer div#NewsDetailsArticleBody {
	padding:10px 5px;
	color:#252525;
	font-size:13px;
	text-align:justify;
}

/* ================================================================================================================================== */
/* FOOTER SECTION OF CSS STYLE SHEET 																								  */
/* 													FOOTER SECTION OF CSS STYLE SHEET 												  */
/* 																							 	    FOOTER SECTION OF CSS STYLE SHEET */
/* ================================================================================================================================== */

#MasterDiv #completeFootSec {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #252525;
	font-size:13px;
}

#MasterDiv #completeFootSec div#FooterLinkz {
	width:100%;
	height:16px;
}

#MasterDiv #completeFootSec div#FooterLinkz a:link {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #002299;
	font-size:13px;
	text-decoration: none;
}

#MasterDiv #completeFootSec div#FooterLinkz a:hover, a:visited{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	color: #FFD350;
	font-size:13px;
	text-decoration: none;
}


/* This div is the entire footer section */
#MasterDiv #completeFootSec {
	position:absolute;
	background-color:#AAAAAA;
	width:100%;
	min-height:42px;
	/*border:1px solid #0000FF;*/
}

#TestTest {
	position:absolute;
	top:20%;
	left:20%;
	right:20%;
	width:60%;
	min-height:25px;
	border:1px solid #FF0000;
	text-align:center;
}

/*.TestTest #Test1 {
	width:inherit;
	height:150px;
	float:left;
	border:inherit;
}

.TestTest #Test2 {
	height:inherit;
	width:150px;
	float:right;
	border:1px solid #0000FF;
}*/
