body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;


	
}

p {
padding-top: 2px;
padding-bottom: 2px;
margin-top: 0px;
margin-bottom: 2px;
}

h4 {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  color            : #f49300;
  text-align       : left;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 3px;
margin-bottom: 0px;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding-top: 0px;

}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/* --Default Class Settings-- */





/************ left navigation menu styles **************/

#mainlevel{
	margin: 0px;
	padding: 0px;


}



a.mainlevel:link, a.mainlevel:visited  {
	display: block;
	border-bottom: 1px solid #cccccc;
	background: #00aac1;
	font-weight: normal;
	padding: 6px 0px 3px 10px;
	color: #ffffff;
margin-top: 0px;
font-family: Helvetica, Trebuchet MS, Verdana, Geneva, Arial, serif;
font-size: 10px;
}

a.mainlevel:hover{
		background-color: #1271b8;
	background: #63adef;
	font-weight: normal;
	text-decoration: none;
}


#mainlevel-left{
	margin: 0px;
	padding: 0px;

}



a.mainlevel-left:link, a.mainlevel-left:visited  {
	display: block;
	border-bottom: 1px solid #cccccc;
background-color: #f7bd31;
	font-weight: bold;
	padding: 8px 0px 3px 10px;
	color: #003399;
}

a.mainlevel-left:hover{
background: #00AAC1;
	font-weight: bold;
	text-decoration: none;
}



a.sublevel:link, a.sublevel:visited {
list-style-type: none;
border-bottom: 1px solid #cccccc;
background: #000066;
font-weight: normal;
padding: 6px 0px 3px 10px;
color: #ffffff;
margin-top: 0px;
font-family: Helvetica, Trebuchet MS, Verdana, Geneva, Arial, serif;
font-size: 10px;
margin-left: 0px;
}


a.sublevel-left:link, a.sublevel-left:visited  {
display: block;
border-bottom: 1px solid #cccccc;
background-color: #000066;
font-weight: bold;
padding: 8px 0px 3px 10px;
color: #003399;
}

a.sublevel:hover{
		background-color: #1271b8;
	background: #63adef;
	font-weight: normal;
	text-decoration: none;
}

		  
		  a#active_menu{
background-color: #F7Bd31;
	font-weight: bold;
	text-decoration: none;
		  }
		  
		   a#active_menu:hover{
background-color: #f7bd31;
	font-weight: bold;
	text-decoration: none;
		  }

		  
		  /*top horizontal menu styles*/
		  
		  a.mainlevel-top:link, a.mainlevel-top:visited  {
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 0px solid #8FB8BC;
}

a.mainlevel-top:hover{
  	background-image:  url("../images/glblnav_selected.gif");
	text-decoration: none;
}
        a.mainmenu:link, a.mainmenu:visited {
        color: #333333; 
font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, serif;
        font-weight: bold;
        }

a.mainmenu:hover {
        color: #4490B4;
		text-decoration: underline;
        }





/* module table styles*/

table.moduletable {
        margin: 0px 0px 0px 0px;
        width: 152px;
        border-top: solid 0px #000000;
        border-bottom: solid 0px #000000;
		  padding: 0px 0px 0px 0px;
        }

table.moduletable th {
  font-size        : 9px;
  font-weight      : bold;
  color            : #ffffff;
  text-align       : left;
  background-color : #1863ad;
  width            : 95%;
  padding: 2 0 2 10;
padding-left: 5px;
padding-top: 5px;
height: 20px;
font-family: Helvetica, Trebuchet MS, Verdana, Geneva, Arial, serif;
}

table.moduletable td {
        font-size: 10px;
        font-weight: normal;
        }
		  
		  	table.moduletable ul {
	list-style: none;
 
        }	

		  
		  
		  table.moduletable-left {
        margin: 0px 0px 0px 0px;
        width: 95%;
        border-left: solid 0px #000000;
        border-right: solid 0px #000000;
        border-top: solid 0px #000000;
        border-bottom: solid 0px #000000;
        }

table.moduletable-left th {
  font-size        : 9px;
  font-weight      : normal;
  color            : #000000;
  text-align       : left;

  width            : 95%;
}

table.moduletable-left td {
        font-size: 10px;
        font-weight: normal;
        }
		  
	table.moduletable-left ul {
	list-style: none;
 
        }	  
		  
		  
		  
		  
	/* mambo stuff*/	  
		  
		  
		  
		  
		  
		  
.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}


.sectiontableheader {
  
  color            : #4490B4;
  font-weight      : bold;
}

.sectiontableentry1 {
  font-family      : Helvetica, Verdana, Arial, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  color            : #000000;
  text-align       : left;
}

.sectiontableentry1 tr {
  font-family      : Helvetica, Verdana, Arial, sans-serif;
  font-size        : 11px;
}



.sectiontableentry2 {
  font-family      : Helvetica, Verdana, Arial, sans-serif;
  font-size        : 11px;
  font-weight      : normal;
  color            : #000000;
  text-align       : left; 
}

.sectiontableentry2 tr {
  font-family      : Helvetica, Verdana, Arial, sans-serif;
  font-size        : 11px;
}

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #3366C0;
  text-decoration  : none;
  font-weight      : medium;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {
font-weight: normal;


/* three lines below - pjh */
font-family: Helvetica, Verdana,Arial,sans-serif;
font-size: 11px;
color: #555555;
}

.contentpaneopen {
/* news story text */
/* PJH */
font-family: Verdana,Arial,sans-serif;
font-size: 11px;
color: #000000;
text-decoration  : none;
/*width 100% needed to make large border below title text to run right across*/
width: 100%;
/* PJH */
/*removed borders from underneath headings to make the format lighter - ML*/
font-weight: normal;
border-right: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
padding-bottom: 8px;
padding-top: 4px;
margin-bottom: 0px;


/*original parameters

font-weight: normal;
border-right: 1px solid #efefef;
border-left: 1px solid #efefef;
border-top: 1px solid #efefef;
border-bottom: 8px solid #efefef;
padding-bottom: 8px;
margin-bottom: 16px;*/

}


.contenttoc{
font-weight: normal;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;
border-top: 1px solid #8FB8BC;
border-bottom: 8px solid #8FB8BC;

margin-bottom: 16px;
padding: 5px 5px 5px 5px;
	
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  color            : #f49300;
  text-align       : left;
padding-top: 7px;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}


.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CCCCCC;
}

.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}


a:link, a:visited {
font-weight: bold;  
font-size        : 11px;
  color            : #1863ad;
  text-decoration  : none;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
font-weight: bold; 
 color            : #f49300;
  text-decoration  : none;
}

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #4490B4;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #4490B4;
	text-decoration: underline;
	font-weight: bold;
	}

a.category:link, a.category:visited {
  color            : #333333;
  font-weight      : bold;
}

a.category:hover {
  color            : #4490B4;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}



/** unordered list for latest news module **/
.latestnews {
	font-size:9px;
	font-weight:normal;
	list-style-type: none;
	list-style-position: outside;
padding-left: 5px;
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;



}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/


/*main content cell - PhillH*/

#pagecell1{
	position:absolute;
	top: 112px;
	border: 1px solid #ffffff;
	width:770px;
	background-color: #ffffff;
border-top: 1px solid #ffffff;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position:absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead-container {

}	
#masthead{
position: absolute;
	left: 50%;
	width:840px;
	margin-left:-420px;
}

#pageNav{
	float: left;
	width:160px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content{
	padding: 0px 10px 0px 0px;
	margin-left:165px;
        width: 590px;
	border-left: 0px solid #ccd2d2;
	/*background-image:  url("../images/swirl2.gif");*/
	background-repeat: no-repeat;
	background-position: right bottom;
	
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #3b8cc6;
}

#utility a{
	color: #3b8cc6;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	
	
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/




table.moduletable-top {

        }

table.moduletable-top th {
  font-size        : 9px;
  font-weight      : normal;
  color            : #000000;
  text-align       : left;
  background-color : #1271b8;

  width            : 100%;
}

table.moduletable-top td {
        font-size: 9px;
        font-weight: normal;
        }
		  
table.moduletable-top ul {
list-style: none;
display: inline;




	
}		

#mainlevel-top ul{

list-style: none;
display: block;	
}  

#mainlevel-top li{
	
} 



#globalNav{
position: absolute;
top: 80px;
width: 770px;
min-width: 700px;
height: 50px;
color: #cccccc;
background: #1863ad;
padding: 0px;
margin: 0px;


}

#globalNav img{
	margin-bottom: 0px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

#globalLink{
	position: absolute;
	top: 0px;
	min-width: 70px;
	padding: 0px;
	margin: 0px;
	left: 2px;
	z-index: 100;
	width: 750px;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}

a.glink:hover{
  	background-image:  url("../images/glblnav_selected.gif");
	text-decoration: none;
}

.skipLinks {display: none;}



.keydocs {
display: block;
position: relative;
padding-left: 0px;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 3px;
width: 510px;
left: 10px;
text-decoration: none;
list-style-type: none;
border-left: 3px solid #555555;
}

.keydocs li {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-variant: normal;
padding-left: 8px;
height: 15px;
display: block;
text-decoration: none;
font-weight: normal;
padding-top: 1px;
padding-bottom: 1px;
border-bottom: 1px solid #c0c0c0;
font-size: 10px;
color: #555555;
font-weight: normal;
}

a.keydocs li{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-variant: normal;
padding-left: 8px;
height: 15px;
display: block;
text-decoration: none;
font-weight: normal;
padding-top: 1px;
padding-bottom: 1px;
font-size: 10px;
color: #555555;
font-weight: normal;
}

.keydocs li a {
font-weight: bold;
font-size: 9px;
}

.keydocs li a:hover {
color: #ffffff;
background: #000000;
display: inline;
height: 15px;
}

#pictweak {
/*this removes margin from menu graphics*/
position: relative;
width: 152px;
margin: 0px;
padding: 0px;
}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 80px;
	left: 0px;
	/*width: 770px;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	right: 10px;
}

#search input{
  font-size: 70%;
  margin: 0px 0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #f7bd31;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;

}


.feature tr {
  font-family      : Helvetica, Verdana, Arial, sans-serif;
  font-size        : 12px;
}



html>body .feature {height: auto;}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature h5{
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 14px;
  font-weight      : bold;
  color            : #f49300;
  text-align       : left;
padding-top: 7px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}





/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid #ffffff;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}



.relatedLinks2{
	margin: 0px;
	padding: 10px 0px 0px 5px;
	border-bottom: 1px solid #ffffff;
}

.relatedLinks2 p{
	padding: 0px 0px; 0px; 5px;
}


/**************** advert styles *****************/

#advert{
	padding: 10px;
	
}

#advert img{
	display: block;
	
}




/********************* end **********************/

#headerImage{
	
}


/* ###################### UPPER BUTTON BAR ###################### */
.buttonbar {
  display          : block;
  -moz-opacity     : 0.85;
  font-family      : Arial, Helvetica, serif;
  width            : 100%;
  text-align       : center;
  filter           : Alpha(opacity=85, finishopacity=85, style=1);
  font-weight      : normal;
  text-decoration  : none;
}
a.buttonbar:link, a.buttonbar:visited {
padding-top      : 3px;
  padding-bottom   : 3px;
  background       : #3a4287;
background-color : #ffffff;
  color            : #ffffff;
background-image: url("http://www.spc.int/php/images/stories//toptab3.gif"); 
}
a.buttonbar:hover {
  padding-top      : 3px;
  padding-bottom   : 3px;
  text-decoration  : none;
  background-color : #ccd6f9;
  color            : #f7bd31;
}

.topbar_msie {
  display          : block;
  font-family      : Helvetica, serif;
  width            : 100%;
  text-align       : center;
  font-weight      : normal;
  text-decoration  : none;
    background       :#ffffff;
}

a.topbar_msie:link, a.topbar_msie:visited {
  padding-top      : 3px;
  padding-bottom   : 3px;
  color            : #ffffff;
    background       : #ffffff;
background-image: url("http://www.spc.int/php/images/stories//toptab3.gif"); 
/*border: 1px solid #00aac1;*/
font-size        : 10px;
  font-family      : Helvetica, Arial, serif;
font-weight: bold;
}

a.topbar_msie:hover {
  padding-top      : 3px;
  padding-bottom   : 3px;
  text-decoration  : none;
  background-color : #ccd6f9;
  color            : #fbfe21;
font-weight: bold;
font-size        : 10px;
  font-family      : Helvetica, Arial, serif;
}
