@import url('/include/screen.css');
 
/**************
*** MILONIC ***
**************/

.milonictable { width:auto; margin:0; }
.milonictable td { padding:0; }

body {
	font-size:	12px;
	font-weight: normal;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0px;
} 
.body {
	background-color:#165594;
	background-image: url(../images/template/pacific/body-bg.jpg);
	background-repeat:repeat-x;
}
.body-internal {
	background-color:#165594;
	background-image: url(../images/template/pacific/body-bg-internal.jpg);
	background-repeat:repeat-x;
}

div.wrapper1
{
	background:url(/images/template/drop-left.png) repeat-y top left;
	margin:0 auto;
	width:1010px;
}
div.wrapper2
{
	background:url(/images/template/drop-right.png) repeat-y top right;
	margin:0 auto;
	width:1010px;
}
div.wrapper3
{
	background:url(/images/template/drop-bottom.png) no-repeat bottom left;
	margin:0 auto;
	width:1010px;
	padding-bottom:10px;
}
div.wrapper4
{
	background:url(/images/template/drop-top.png) no-repeat top left;
	margin:0 auto;
	width:1010px;
	padding-top:10px;
}
.container-wrapper {
	width:950px;
	padding:20px;
	BACKGROUND-COLOR: #FFFFFF;	
	margin:0 auto;
}
		
#wrapper {
	width:1010px;
	margin:0 auto;
	text-align:left;
}

#headermenu {
	height:41px;
}
#header {
	height:97px;
}
#headernav {
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
}
div.featurebox {
	background-color:#e3e3e3;
	height:auto;
	width:188px;
}
.featurebox-title {
	background:url(/images/template/clgf/spotlight-title-bg.gif) repeat-x;
	color:#FFF;
	font-size:15px;
	height:45px;
	padding:7px 5px 0 5px;
	text-align:center;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}
.featurebox-textarea {
	padding:10px;
	text-align:left;
}

P {
	FONT-SIZE: 12px; 
	COLOR: #222222; 
	
}		
blockquote, ul, ol, dl, dd, li, dir, menu	{	
	/* inherit from body */	

	}
	
b {
	font-weight:	bold;
}		

small	{
	font-size: 8pt;
}	
		
big	{	
	font-size:	12pt;
	}	
		
pre	{	
	font-family:	Courier New, monospace;
	}	
		
ol li	{	
	list-style-type:	decimal;
	}	

ol ol li	{	
	list-style-type:	lower-alpha;
	}	

ol ol ol li	{	
	list-style-type:	lower-roman;
	}	

ul { list-style: square outside none; }

div#contentdiv ul li {
	background:url(/images/menu-arrow.gif) no-repeat scroll 0 3px;
	padding:0 10px;
}

div#internal-contentdiv ul { list-style: square outside url(/images/bullet-blue.gif); }

div#internal-contentdiv ul li {
	padding:0 10px;
}

table, tbody, tr, td	{
	FONT-SIZE: 12px; 
	COLOR: #222222; 
	FONT-FAMILY: Arial, Helvetica, sans-serif
}	

h1	{
	background:url("/images/template/clgf/heading-orange.gif") repeat-x scroll 0 0 transparent;
	color:#FFFFFF;
	font-family:Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
	height:40px;
	letter-spacing:normal;
	margin:10px 0;
	padding:7px 20px 0;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	word-spacing:normal;
}	
		
h2, p.subhead	{	
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
	padding: 2px 2px 2px 0;
	margin: 3px 3px 3px 0;
	text-align: left;
	color: #ff6600;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
}	
		
p.subhead	{
	clear:both;
}	
		
h3	{	
	color: #006699;
	font-size:	12px;
	font-weight:	normal;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	padding: 2px 2px 2px 0;
	margin: 0 3px 3px 0;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	}	

h4	{	
	color: #006699;
	font-size:	12px;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	}	
	
div.pacific-home{
	padding: 0 20px;
}

div.pacific-home h2 {
	font-size: 15px;
	margin:8px 0 20px;
}

div.pacific-home ul {
	list-style:none outside none;
	margin:5px 0 0;
}

div.pacific-home ul li {
	background:url("/images/menu-arrow.gif") no-repeat scroll 0 2px transparent;
	padding:0 10px;
}
hr {
	color: #291864;
	height: 1px;
	width: 100%;
}
	

/* Admin Tab */

.WhiteMenu {
	color: #ffffff;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;	
}


A.WhiteMenu {
	color: #ffffff;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
A.WhiteMenu:hover {
	COLOR: #ffffff;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
A.WhiteMenu:visited
{
	COLOR: #ffffff;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
A.WhiteMenu:visited:hover
{
	COLOR: #ffffff;
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	BACKGROUND-COLOR: transparent;
	TEXT-DECORATION: none;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}



/*  end */

.redcomment {
	color: Red;
}
.redcommenttable {
	border: 1px solid red;
}
.adminoptions {
	font: 8pt;
}

.footer, a.footer, a.footer:link, a.footer#MenuLink, a.footer:hover, a.footer:active, a.footer:visited, a.footer:visited:hover {
	font-size:10px;
	color:#99ccff;
}
		
/* end body type */	

A {
	color: #0000ff;
	text-decoration: underline;
	FONT-SIZE: 12px;
}

A#MenuLink {
	color: white;
	text-decoration: none;
	FONT-SIZE: 12px;
}

A:VISITED#MenuLink {
	color: white;
	FONT-SIZE: 12px;
}

A:HOVER#MenuLink {
	color: white;
	text-decoration: underline;
}

A:Hover
{
	FONT-SIZE: 12px; 
	COLOR: #C0C0C0; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
}

A:link {
	FONT-SIZE: 12px; 
	COLOR: #0000ff; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: underline
}

A.leftmenu
{
	font: normal 9pt verdana,arial;
	color:#003300;
	text-decoration: none;
}

A.leftmenu:hover
{
	font: normal 9pt verdana,arial;
	color:#FFFFCC;
	text-decoration: none;
}

/* Top menu Links */
A.MenuItem {
	color: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.MenuItem:hover {
	COLOR: #009900; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.MenuItem:visited
{
	COLOR: #FFFFFF; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.MenuItem:visited:hover
{
	COLOR: #009900; FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}

/* Top of page Links */
A.TopOfPage {
	color: #444444; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.TopOfPage:hover {
	COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.TopOfPage:visited
{
	COLOR: #444444; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.TopOfPage:visited:hover
{
	COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, Verdana, Tahoma, sans-serif; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}

/* Manager styles */

	
.GrayMenu, A.GrayMenu, A.GrayMenu:Visited
{
	color: #9D9D9D;
	BORDER-TOP: #9D9D9D 1px solid; 
	TEXT-DECORATION: none;
}
.MenuTab {
	padding-left: 5;
	padding-right: 5;
	BORDER-TOP: #c9c9c9 1px solid; 
}

	
/* End Manager styles */

/* table styles */

.tblMain {
	BORDER-RIGHT: #7e7e7e 1px solid; 
	PADDING-RIGHT: 0px; 
	BORDER-TOP: #7e7e7e 1px solid; 
	MARGIN-TOP: 0px; 
	PADDING-LEFT: 0px; 
	MARGIN-BOTTOM: 0px; 
	PADDING-BOTTOM: 0px; 
	BORDER-LEFT: #7e7e7e 1px solid; 
	PADDING-TOP: 0px; 
	BORDER-BOTTOM: #7e7e7e 1px solid; 
	BACKGROUND-COLOR: white
}

.tableborder {
	border: 1px solid #666666;
	background-repeat: no-repeat;
	background-position: top right;
}	
	
.tableborderleft {
	border-left: 1px solid #666666;
}	
	
.tableborderright {
	border-right: 1px solid #666666;
}	

.tablebordertop {
	border-top: 1px solid #666666;
}	

.tablebordertopbottom {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}	

.tablebordertopright {
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}	

.tableborderbottom {
	border-bottom: 1px solid #666666;
}		

.tableborderleftbottom {
	border-left: 1px solid #666666;
	border-bottom: 1px solid #666666;
}	

.tableborderrightbottom {
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}	

.leftmenuborderbottom {
	border-bottom: 0px solid #ffffff;
	padding: 4px;
}	

/* tree style */
}
input.op {
	background-color: #FFFFFF;
	border: 1 solid #FFFFFF;
	width: 15px;
	height:	15px
}
/* end tree style */

.TextAreaNoWidth
	{
		font-size : 11px;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-weight : normal;
		background-color: white;
		color: black;
		border : solid;
		border-color : #CCCCCC;
		border-width : 1px 1px 1px 1px;
		padding : 1px 1px 1px 3px;
}

.TextAreaWidth
	{
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	background-color: white;
	color: black;
	border: solid;
	border-color: #CCCCCC;
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 3px;
	width: 100px;
}

.Button
	{
		font-size : 11px;
		font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
		font-weight : bold;
		background-color: white;
		color: black;
		border-color : #CCCCCC;
		border-width : 1px 3px 3px 1px;
}

.maincontentbg
{
	background-color: #ffffff;
}

.rightbg
{
	background-image: url(../images/right_background.jpg);
	background-repeat: repeat-y;
}

.leftbg
{
	background-image: url(../images/left_background.jpg);
	background-repeat: repeat-y;
}

.maintable 
{
/* height: 800px; */
background-image: url(../images/body_bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	right:0px;
}
	
.maintable2 
{
height: 800px;
background-image: url(../images/body_bg2.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	right:0px;
	}

.TopTable 
{
border: 1px solid #666666;

}

/* forums styles */

.topicHeader
{
	background-color: #6699FF;
	border-bottom: 1px solid #666666;
	font-style:normal;
	font-weight:bold;
	font-size: 12px;
}
.topicRow
{
	background-color: #ffffff;
	border-bottom: 1px solid #666666;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}
A.forumName {
	color: #444444; FONT-SIZE: 12px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.forumName:hover {
	COLOR: #000000; FONT-SIZE: 12px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline; font-weight: normal;
}
A.forumName:visited
{
	COLOR: #444444; FONT-SIZE: 12px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-weight: normal;
}
A.forumName:visited:hover
{
	COLOR: #000000; FONT-SIZE: 12px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline; font-weight: normal;
}

fieldset
{
border: #cfcfcf solid 1px;
padding: 4px 4px 4px 4px;
/*width: 40em*/
}

legend
{
/* background: #cfcfcf;
border: #26a solid 0px; */
text-align: left;
padding: 4px 4px 4px 4px;
font-weight: Normal;

} 

/****************
*** RHS Items ***
****************/

.rhsitem
{
	
}

.rhsitem *
{
	
}

.rhsitem h3
{
	
}

.rhsitemfooter
{
	
}

 
/***********************
OVERLAYS - DO NOT DELETE
************************/

div#overlay
{
	position:relative;
	display:none;
	padding:0;
	margin:0;
	border:3px solid #000;
	background-color:#fff;
}

div#overlay .close
{
	background:url(/images/close.png) no-repeat;
	width:28px;
	height:28px;
	position:absolute;
	right:-14px;
	top:-14px;
	cursor:pointer;
	z-index:5000;
}

div#overlay div.overlayfooter
{
	display:block;
	padding:10px;	
}

div#overlay div.overlayfooter img
{
	float:right;
	margin-top:-10px;
}
/* end OVERLAYS */




/* tabs */

div.tabs
{
	padding-top:10px;
	margin:0px;
	TEXT-DECORATION: none;
	font-size: 11px;
}

div.tabs ul.tabnavigation
{
	list-style: none;
	margin: 0;
	padding: 0;
	
}

div.tabs ul.tabNavigation li
{
	display:inline;
	margin:0;
	padding:0;
}

div.tabs div.tabcontainer
{
	/*margin-top:10px;*/
	padding:0;
	border: 1px solid #eaeaea;
	
}

.hide{display:none;}


div.tabs ul.tabNavigation li a span
{
	background-image: url(/images/taboff.gif);
	background-repeat: no-repeat;
	background-position:left;
	height:30px;
	width:10px;
	line-height:30px;
	/*padding-left:10px;*/
	display:inline-block;
}

div.tabs ul.tabNavigation li a.selected span
{
	background-image: url(/images/tabon.gif);
}

div.tabs ul.tabNavigation li a
{
	background-image: url(/images/taboff.gif);
	background-repeat: no-repeat;
	background-position:right;
	padding-right:10px;
	text-decoration:none;
	display:inline-block;
	height:30px;
}

div.tabs ul.tabNavigation li a.selected
{
	background-image: url(/images/tabon.gif);
}



/*************** QUICKLINKS **************/


ul.quicklinks {
	margin: 5px 0;
	padding: 0;
}

ul.quicklinks li ul{
	margin: 5px 0;
	padding: 0;
}

ul.quicklinks li { 
	background: url(/images/template/clgf/quicklinks-bullet.gif) no-repeat; 
	background-position:0 8px;
	margin-left: 0;
	padding:0 0 2px 15px;
	list-style-type:none;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul.quicklinks li ul li { 
	background: url(/images/template/clgf/quicklinks-bullet.gif) no-repeat; 
	background-position:0 8px;
	margin-left: 0;
	padding:0 0 2px 15px;
	list-style-type:none;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

ul.quicklinks li a, ul.quicklinks li a:active, ul.quicklinks li ul li a, ul.quicklinks li ul li a:active
{
	text-decoration:none;
	color:#363636;
}

ul.quicklinks li a:hover, ul.quicklinks li ul li a:hover
{
	text-decoration:underline;
}

/****************** QUICKLINKS END ******************/


.TextAreaSearch
	{
		font-size : 11px;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : normal;
		background-color: white;
		color: black;
		border : solid;
		border-color : #CCCCCC;
		border-width : 1px 1px 1px 1px;
		padding : 2px 1px 1px 3px;
		width:50px;
}

/*****************
*** News Scroller  ***
*****************/

div#feature {
	background:url(/images/template/news-scroller-bg.png) no-repeat scroll 0 0 transparent;
	color:#FFF;
	height:270px;
	padding:27px 14px 23px 14px;
}

div#feature-right {
	background-color:#666666;
	float:right;
	height:270px;
	margin:0;
	overflow:hidden;
	padding:0;
	width:199px;
}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:780px; 
    height:270px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 

div.scrollable div.items { 
    /* this cannot be too large */ 
    height:270px;
	position:absolute;
	width:20000em;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
	width:780px;
	height:270px;
} 

div.scrollable div.items div img
{
	float:left;
	margin-right:30px;
	width:390px;
}


div.scrollable div.items div h2
{
	color:#fff;
	font-size:24px;
	line-height:26px;
	margin:15px 30px 0 0;
}

div.scrollable div.items div p
{
	color:#fff;
	margin:0 30px 0 0;
}
div.scrollable div.items div a
{
	color:#f90;
}
div.nav
{
	bottom:15px;
	left:600px;
	position:absolute;
}
div.nav a
{
	background:url(/images/template/dots.png) no-repeat 0 0 scroll;
	cursor:pointer;
	display:inline-block;
	height:22px;
	margin:0;
	overflow:hidden;
	width:22px;
}

div.nav a.active
{
	background-position:-20px 0;
}
div.more-news
{
	bottom:15px;
	left:670px;
	position:absolute;
}

div.more-news a, div.more-news a:hover
{
	background:url(/images/template/more-news.png) no-repeat scroll 0 0;
	color:#333;
	cursor:pointer;
	display:inline-block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	height:22px;
	line-height:20px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
	width:88px;
}