/* ====== The following CSS is provided as a visual aid, we will not be editing this bit ===== */
*{
	font-size:100%;
}



body{
	font:75%/140% Arial, Verdana, Sans-Serif;
	text-align:center; /* To center layer on IE5 */
	margin: 0;
	background: url(../images/top_grad.jpg) repeat-x top;
	min-height: 100%;
	color:#3F3F3F;
	
	
}


a {
 color: #666666;
} 

a:visited {
 color: #1F638A;
} 


br{
line-height:1.4;
}

div{
	/*background:#EFEFEF;*/
}

p{
	line-height:1.8;
}

h2{
	color:#900;
}

dd{
	margin-left:0;
}

/* ====== Begin editing below this line =====*/

#wrap{
	/*background:url(images/bg_main.jpg) repeat-x bottom;*/
	width: 995px;
	margin:0 auto;
	text-align:left;
	height: 1150px;
	background: url(../images/main_bg.jpg) repeat-y center;
}

#header{
	height: 150px;
	background-image: url(../images/gradient_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
        padding-top: 60px;
}


#nav_bar {
	height: 20px;
	background: #000000;
	margin-bottom: 20px;
	background:url(../images/nav_gradient.jpg) repeat-x;
}

#title { clear:both; width:901px; height:94px; background:url(../simages/ppr_title.jpg); margin:0 auto;}

#column1{
	width: 420px;
	height: 355px;
	padding: 5px;
	float:left;
	margin-left: 10px;
	margin-top: 0px;
	display: block;
	overflow: hidden;
}


#splash h1 {
	color:#1F638A;
	font-size: 24px;
	margin: 0px 0px 5px 0px;
}

#section1 img {
	margin: 0 15px 5px 10px;
	border: 1px solid #CCCCCC;
	}
	
	
#section1 a img {
	margin: 0;
	border: none;
}
#section1 p {
	padding: 0 15px 0px 15px;
	}


#column2{
	width: 200px;
	float:left;
	margin: 25px 0px 20px 30px;
	padding: 5px;
	height: 340px;
	overflow: auto;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
	}


#sub-content img{
	margin-bottom: 5px;
}

#column3{
	width: 140px;
        position: relative;
        left: 0px;
        top: 15px;
	float:right;
	margin: 10px 10px 0px -5px;
	clear: right;
}

#home_titlebar {
    margin: 0 auto;
	margin-bottom: -50px;
	padding: 0px;
	height: 20px;
	width:850px;
	background-color: #333333;
	color: #CCCCCC;
	clear: both;
	font-size: 10px;
}

.field-field-story-type{display:none;}

#home_main {
	clear:both;
	padding: 10px 0px 0px 0px;
	margin: 20px;
	/*border: solid 1px #CCCCCC;*/
	height: 200px;
	background-color: #FFFFFF;
}

#home_img{
display:block;
float:left;
border:1px #ccc solid;
padding:3px;
margin: 8px 0 0 5px;

}

.view-Latest-Stories li a{
	font-size:15px;
	font-weight:bold;
}
#wrap .view-Latest-Stories ul li{
	margin:10px 0;
}


#top_content {
	border: #cccccc px solid;
	width: 900px;
	height: 400px;
}



#foot{
	clear:both;
	border-top: solid 1px #CCCCCC;
	margin: auto;
	margin-top: 100px;
	padding-top: 25px;
	height: 150px;
	width: 900px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    background: #EFEFEF;
}

#main_wrap {
	width: 890px;
	margin: 0 auto;
	
}

   
#section1{ 
 	width:500px;
	margin-left: 30px;
	padding: 0px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow: visible;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
}

#section1_front{ 
 	width:auto;
	margin-left: 5px;
	padding: 0px 10px 0px 10px;
	float:left;
	text-align:left;
	overflow: visible;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
}


#section2{ 
 	width:220px;
	margin-left: 20px;
	float:left;
	background-color: #FFFFFF;
	overflow: auto;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
display:none;
}

#section3{ 
 	width:264px;
	padding: 0px 10px 0px 10px;
	margin-left: 10px;
	float:left;
	background-color: #FFFFFF;
	
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
}


#section3_front{ 
 	width:332px;
	padding: 0px 10px 0px 10px;
	margin-left: 10px;
	float:left;
	background-color: #FFFFFF;

}




#section3 ul{ 
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  text-align:left;
font-size: xx-small;  

}

#i-section1{ 
 	width:580px;
	height: 100%;
	margin-left: 60px;
	padding: 0px 10px 0px 10px;
	float:left;
	background-color: #FFFFFF;
	overflow: visible;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
}

#i-section1 p {
	padding: 0 15px 0px 15px;
}

#i-section2{ 
 	width:222px;
	height: 100%;
	margin-left: 20px;
	padding-left: 3px;
	padding-right: 10px;
	float:left;
	background-color: #FFFFFF;
	border-right: #CCCCCC 1px solid;
	overflow: auto;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
	
}


#i2-section1{ 
 	width:580px;
	height: 100%;
	margin: auto;
	padding: 0px 10px 0px 10px;
	background-color: #FFFFFF;
	overflow: visible;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#999999; scrollbar-base-color:#FFFFFF; scrollbar-darkshadow-color:#CCCCCC; scrollbar-face-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; 
}


.article_highlight { display: block;}
.article_highlight a { text-decoration:none; display: block;  padding: 10px; color: #000000; background-color: #f7f7f7;}
.article_highlight a:hover { text-decoration:none; display: block; background-color: #ffffff;}


	fieldset { border:0;margin:0;padding:0; }
	label { display:block; }
	input.text,textarea { width:300px;font:12px/12px 'courier new',courier,monospace;color:#CCCCCC;padding:3px;margin:1px 0;border:1px solid #ccc; }
	input.submit { padding:2px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
	#rates { border: 1px #CCCCCC; }
	
	
.hidden-navigation, #navigations h2, #foot h2{
	width:1px;
	position:absolute;
	left:-9999px;
}


.img_border {
  border:1px solid #aaa;
  margin: 10px;
}


#splash img {
	padding: 5px;
	border: solid 1px #CCCCCC;
}


.article_title {
	font-size:20px;
	color: #B00000;
	text-transform: capitalize;	
}



.text_highlight, h4 {
	color: #1F638A;
	font-weight: bold;
}



.article_title a { text-decoration:none; color: #1F638A;}


.article_img {
        margin: 5px;
        padding: 10px;
        border: #90B2C5 solid 1px;
}

.article_img2 {
        border: #90B2C5 solid 1px;
}

.author {
	font-size: 9px;
	text-transform: uppercase;
	color: #1F638A;
}


.fieldarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000;
	background-color: #E4ECF1;
	border: 1px solid #333333;
        margin-right: 5px;
}


.page_num a {
	text-decoration: none;
	color: black;
}

.page_num a:hover {
	background: #66CCFF;
	color: white;
}


.line_height {
	line-height: 2em;
	}


.section_img {
	padding: 15px 0px 15px 0px;
}

.teaser {
	font-size: 10px;
	line-height: 1.5;
}

.clearer{
clear:both;
}

.issue_num {
	background-color:#EBEBEB;
	clear:both;
	color:#999999;
	font-size:200%;
	font-weight:bold;
	margin:0 0 20px;
	padding:20px 50px 20px 30px;
	text-align:left;
}
#foot a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
    letter-spacing: 0.1em;
}

#foot a:hover {
	text-decoration: underline;
}


hr.thin {
  	padding:0;
	margin:0;
	border: dotted 1px #CCCCCC;;
}



#mainmenu {padding:0; margin:0; list-style-type:none; width:900px; left:0px; top:0px; height:35px;}

#mainmenu li {float:left; padding:0; margin:0;}

#mainmenu li a, #mainmenu li a:visited {display:block; float:left; width:97px; height:35px; font-size:1em; letter-spacing:1px; text-decoration:none; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; color:#aaa; text-align:center; line-height:35px;}

/*
#mainmenu li em {display:block; float:left; font-style:normal; width:107px; height:35px; line-height:33px; font-size:1.3em; letter-spacing:1px; text-decoration:none; font-family: tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; color:#CCCCCC; text-align:center;}
*/


#mainmenu li a:hover {color:#fff; background: url(../images/nav_bg2.jpg); line-height:35px; text-decoration:none;}


#navcontainer {
    margin: 0 auto;
    height: 40px;
	width: 900px;
    background: url(../images/nav_bg.jpg) repeat-x top;
	font: Verdana, Arial, Helvetica, sans-serif 18px;
	color: #CCCCCC;
}

#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-top: 1px solid #000;
}

#navlist ul, #navlist li
{
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #FFFFFF;
padding-top: 7px;
border-right: 1px solid #E7F4FC;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-top: 3px solid #006;
border-bottom: 4px solid #006;
padding-top: 4px;
padding-bottom: 6px;
color: #006;
}

#navlist a:hover { color: #E7F4FC; }


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: 11px arial}

#sddm li a
{	display: block;
	margin: 2px 0px 0 0;
	padding: 10px 10px;
	width: 80px;
    vertical-align: middle;        
	color: #ccc;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #032048}

#sddm li a:visited{	
background-color: #000;}


#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #000;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #000;
		font: 11px arial;
        border-bottom:1px #555555 solid;
}

	#sddm div a:hover
	{	background: #111;
		color: #FFF;}