/* CSS Document */

/* CSS Document */
/* size trick */
	body, body div, body p, body th, 
	body td, body li, body dd    {
		/* more specific to override imported rule */
		font-size: x-small;      
		/* false value for WinIE4/5 */
		voice-family: "\"}\"";   
		/* trick WinIE4/5 into thinking rule is over */
		voice-family: inherit;   
		/* recover from trick */
		font-size: small;
		/* intended value for better browsers */
		}
	
	html>body, html>body div, html>body p, 
	html>body th, html>body td, 
	html>body li, html>body dd {
		font-size: small;
		/* be nice to Opera */
		}
		/*end font trick */
	 * { 
		margin: 0; 
		padding: 0; 
		}
	body{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: normal;
		color: #000000;
		background-color: #00a850;
		/*background-color: #C1C185; - pre new brand - 2010*/
		margin-top: 5px;
	}
	div#skiplink{
		font-size: xx-small;
		font-weight: normal;
		color: #c1c185;
		text-align: left;
		min-height: 5px;
		width: 94%;
		margin: 1px auto;
	}
	div#skiplink a {
		text-decoration: none;
		color: #FFF;
	}
	div#skiplink a:hover{
		text-decoration: underline;
		color: #FFF;
	}


	div#page {
        width: 94%;
		/*min-width: 500px;border:1px solid #663333;*/
        margin:  0 auto;
		
		background: white;
        text-align: center;
		
    }

	/* Header */
	 div#header {
	   	width: 100%;
		margin:  0 auto;
        color: #fff;
        background: #ffffff;
        text-align: right;
		border-right: #000000 solid 3px;
		border-left: #000000 solid 3px;
		border-top: #000000 solid 3px;
	/*	border-right: #663333 solid 2px;
		border-left: #663333 solid 2px;
		border-top: #663333 solid 2px; --- pre new brand 2010
		*/ height:104px;
		}  
	/* Top bar and navigation */

	div#header h1.temptitle{
		padding: 15px 8px 0px 0px;
	  	margin: 0px;
	  	text-align:right;
	  	font-size: x-large;
	  	color:#FFFFFF;
	}
	 div#header img{
		margin: 0px 0px 0px 0px;
	}
	div#topnav{
		background-color: #bcbec0;
		/*background: #E4E4E4;*/
		text-align: right;
		padding: 2px 8px 2px 0px;
	}
	div#topnav label{
		font-weight:bold;
		font-size: x-small;
	}
	div#topnav a, #topnav a:link {
		font-size: x-small;
		font-weight: normal;
		color: #000;
		text-decoration: underline;
		padding-right: 4px;
		padding-left: 4px;
	}
	div#topnav a:visited {
		font-size: x-small;
		font-weight: normal;
		color: #000;
		text-decoration: underline;
		padding-right: 4px;
		padding-left: 4px;
	}
	div#topnav a:hover {
		font-size: x-small;
		font-weight: normal;
		color: #633;/* #663333;*/
		text-decoration: none;
		padding-right: 4px;
		padding-left: 4px;
	}

	/*Styling for line of photos and lines at top */
	div#insidehead {
		background: #FFFFFF;
		height: 150px;
   		/*border-bottom: #663333 solid 2px;
		border-top: #663333 solid 2px;*/
	}
	/* */div#lines{
		background: url(../images/lines-bg2010.jpg) repeat-x left top;
		height: 4px;
	}
	
	 /* Content  */
	div#content {
	position: relative;
	width: 100%;
	margin: 0px auto !important;
	margin: 0px auto 0px auto;
	margin-top: 0px;
	padding: 0;
	text-align: left;
	background: #BCBEC0 url(../images/nav-bg2010.jpg) repeat-y left top;
	/* border-right: #663333 solid 2px;   background: #333366 
	border-left: #663333 solid 2px;
	border-bottom: #663333 solid 2px;*/
	border-right: #000000 solid 3px;
	border-left: #000000 solid 3px;
	border-bottom: #000000 solid 3px;
	}
	  
	  /* Navigation */
	  div#nav {
        width: 100%;
        text-align: left;
		background-color:#CCC;
		margin-bottom:5px;
    }

	/* Local Navigation */
	div#local {
        float: left;
        width: 14%;
		background-color:#BCBEC0;  /*#333366;*/
    }
	div#local #navigation{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		font-weight: bold;
		/* background-image: url(../images/nav-bg.jpg);*/
		background-image: url(../images/nav-bg2010.jpg);
		background-repeat: repeat-y;
		background-position: left;	
	}
	div#local #navigation ul {
		list-style: none;
	}
	div#local #navigation li {
		border-bottom: 1px solid #000; /*#48488e;*/
		background-image: url(../images/nav-bg2010.jpg);
		background-repeat: repeat-y;
		background-position: left;	
		list-style: none;
	}
	div#local #navigation li a:link, div#local #navigation li a:visited  {
		display: block;
		padding: 5px 0px 5px 18px;
		
		/*border-left: 12px solid #009966;border-left: 12px solid #009966;
		
		background-color: #333366;*/
		color: #000;
		text-decoration: none;
	}
	div#local #navigation li a:hover {
		display: block;
		padding: 5px 0px 5px 18px;
		background-color: #000;/* #B8B8DB;*/
		color: #fff;
		text-decoration: none;
	}

	
	/* Main Content Area */
	div#main {
        float: right;
        width: 84%;
        display: inline;
		background-color:#FFFFFF;
		padding: 6px;
    }
	div#main h1 {
		font-size: large;
		padding-bottom: 8px;
		padding-top: 8px;
	}
	div#main h2{
		font-size: medium;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	div#main h3{
		font-size: small;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	div#main h3.job{
		font-size: medium;
		font-weight:bold;
		color:#003399;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	div#main h4{
		font-size: small;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	div#main p{
		font-size: small;
		padding-bottom: 6px;
		padding-top: 6px;
	}
	div#main img{
		border: #000000 solid 1px;
		padding: 1px;
		margin: 6px;
	}
	div#main img.noborder{
		border: none;
		padding: 1px;
		margin: 6px;
	}
	div#main table{
		border: 1px solid #000000;
		margin: 3px;
	}
	div#main table.contact{
		border: 1px solid #ffffff;
		margin: 3px;
		vertical-align:top;
		width: 70%;
	}
	div#main table.contact td{
		vertical-align:top;
		border: none;
		}
	div#main table.advsrch{
		border: none;
		margin: 3px;
		vertical-align:top;
		width: 70%;
	}
	div#main table.advsrch td{
		vertical-align:top;
		border: none;
		}
	div#main table.questions{
		border: 1px solid #ffffff;
		margin: 3px;
		vertical-align:top;
		width: 100%;
	}
	div#main table.questions td{
		vertical-align:top;
		border: none;
		width: 50%;
		}
	div#main caption {
		font-size: medium;
		color:#333366;
		text-align:center;
		padding-bottom: 6px;
		font-weight:bold;
	}/**/
	div#main td{
		border: 1px solid #cccccc;
	}
	div#main td.shade{
		border: 1px solid #cccccc;
		background-color:#CCCCCC;
	}
	div#main ul{
		margin-left: 30px;
		list-style:outside disc;
		padding-bottom: 8px;
	}
	div#main ul li{
		padding-bottom: 5px;
		}
	div#main ul li li{
		padding-bottom: 5px;
		list-style-type:square;
		}
	div#main fieldset{
		width: 65%;
		padding: 10px;
	}
	div#main legend{
		font-size: small;
		font-weight:bold;
	}
	div#main label {
		font-weight: bold;
	}
	div#main p.message {
		font-size: large;
		font-weight: bold;
		color:#990000;
	}
	div#main p.smallmsg {
		font-size: small;
		font-weight: bold;
		color:#990000;
	}
	div#main .important {
		font-size: small;
		font-weight: bold;
		color:#990000;
	}
	div#main p.smalltext {
		font-size: x-small;
		font-weight: normal;
	}
	div#main p.bgtext {
		font-size: small;
		background-color: #eeeeee;
		display: inline;
		padding: 2px;
		border: #999999 solid 1px;
	}
	div#main ol{
	margin-left: 30px;
	padding-bottom: 10px;
	list-style: decimal outside;
	}
	div#main ol li{
	padding-bottom: 5px;
	}
	div#main a, div#main a:link {
	text-decoration: underline;
	color: #333366;	
	}
	div#main a:visited {
	color: #006633;	
	}
	div#main a:hover {
	text-decoration: none;
	color: #990000;	
	}
	
	div#main table.imaps {
	font-size: x-small;
	float:right;
	border: none;
	background: #FFFFFF center top;
	margin: 0px;
	padding: 0px;
	}
	
	/*Floating thumbnails */
	
		div#main #floats {
		float: left;
		width: 130px;
		height: 150px;
		padding: 5px;
		margin: 0px;
		}
	div#main #floats img{
		margin: 5px;
		padding: 0px;
		border:none;
		}
	div#main #floats p{
		text-align:center;
		font-size: xx-small;
		margin: 0px;
		font-weight:bold;
		}	
	
	
	/* Nav bar inside Main - used in CIN */
	
	div#main #linenav {
		font-weight:bold;
	}
	div#main #linenav ul {
		list-style: none; 
		padding: 0px 5px;
	}
	div#main #linenav li {
		display: inline;
		font-size: xx-small;
	}
	div#main #linenav li a:link, div#main #linenav li a:visited  {
		color: #000000;
		text-decoration: underline;
		padding: 0px 3px;
	}
	div#main #linenav li a:hover {
		padding: 0px 3px;
		color: #990000;
		text-decoration: none;
	}
	
/* end*/
/* Table used in CIN */
div#main table.cinstyle{
	border: 1px solid #000066;
}
div#main table.cinstyle th{
	font-size:small;
	font-weight:bold;
	text-align: left;
	border-bottom: 1px solid #666666;
	}
div#main table.cinstyle td{
	font-size:small;
	text-align: left;
	border-bottom: 1px solid #666666;
	border-top: none;
	border-right-style: none;
	border-left-style: none;
	}
div#main  table.cinstyle td .statusmsg {
		font-size: x-small;
		font-weight: bold;
		color:#000066;
		}
	
	/*end */

/* Table used in Rallies */
div#main table.rallystyle{
	border: 1px solid #999999;
}
div#main table.rallystyle th{
	font-size:small;
	font-weight:bold;
	text-align: center;
	border-bottom: 1px solid #999999;
	background-color:#CCCCCC;
	text-transform:uppercase;
	padding: 3px 5px;
	}
div#main table.rallystyle td{
	font-size:small;
	text-align: left;
	/*border-bottom: 1px solid #666666;*/
	border-top: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	padding: 3px 5px;
}
div#main  table.rallystyle td.statusmsg {
		font-size: x-small;
		font-weight: bold;
		color:#000066;
		}
	div#main  table.rallystyle td.statusmsg2{
		font-size: x-small;
		font-weight: bold;
		color:#000066;
		text-align:right;
		}
	/*end */

#twocol ul{
		float: left;
		width: 45%;
		margin: 0;
		padding:0;
		list-style:none;
	}
	
#twocol li {
  float: left;
  width: 35%;
  margin: 0;
  padding: 0;
  list-style:none;
} 

	img.hpi{
		padding-right: 5px;
		}
	
	/* right column */
	
	/* right column - highlight area  padding-bottom: 1px; */
	div#sub {
		margin-right: 2px;
		background: #eeeeee;
		/*border-left: #333366 solid 2px;*/
		width: 25%;
		float: right;
	 }
	div#sub h2{
		font-size: medium;
		font-weight:bold;
		color: #000000;
		padding: 8px;
	}
	div#sub p{
		font-size: small;
		font-weight: normal;
		padding: 0px 4px 4px 4px;
	}
	div#sub ul{
		list-style: disc outside;
		margin-left: 20px;
		padding: 0px 8px 4px 8px;
	}
	div#sub hr{
	width: 90%;
	color:#999999;
	margin: 0 auto 10px 6px;
	}
	div#sub img{
		border: none;
		padding:0;
	}
	div#sub p.tag{
		font-size: x-small;
		font-weight: bold;
		padding: 0px 4px 12px 4px;
	}
	div#sub a, div#sub a:link{
		text-decoration: underline;
		color:#333366;
	}
	div#sub a:visited{
		text-decoration: underline;
		color:#006644;
	}
	div#sub a:hover{
		text-decoration: none;
		color:#663333;
	}
	
	div#sub h3 { 
		font-size: small;
		font-weight: bold;
		color:#FFFFFF; 
		text-transform:uppercase;
		text-align:center;
		padding: 2px 4px 2px 4px;
		background-color: #000;
		/*margin-left: 6px;
		margin-right: 6px;*/
	}
	div#sub h3.reg{
		font-size: small;
		padding-bottom: 6px;
		padding-top: 6px;
		color:#000000; 
		text-transform:none;
		text-align:left;
		padding: 0;
		background-color: #eeeeee;
		margin-left: 6px;
		margin-right: 0;
	}
	div#sub #nav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-left: 0px;
	}
	div#sub #nav ul {
		list-style: none;
		margin-left: 0px;
		/*margin-right: 8px;*/
		padding: 0px;
		}
	div#sub #nav li {
		border-bottom: 1px solid #00a850;
		border-left: 1px solid #00a850;
		border-right: 1px solid #00a850;
		list-style: none;
		padding: 0px;
		font-size: x-small;
	}
	div#sub #nav li a, div#sub #nav li a:link, div#sub #nav li a:visited  {
		display: block;
		padding: 2px 6px 2px 6px;
		/*border-right: 12px solid #B8B8DB;
		border-left: 1px solid #B8B8DB;
		background-color: #009966;*/
		color: #000000;
		text-decoration: none;
		font-size: x-small;
	}
	div#sub #nav li a:hover {
		background-color: #00a850;
		color: #fff;
		font-size: x-small;
	}

/*Extra Navigation on Right side Panel*/
div#sub h3.extra { 
		font-size: small;
		font-weight: bold;
		color:#FFFFFF; 
		text-transform:uppercase;
		text-align:center;
		padding: 2px 6px 2px 6px;
		background-color: #333366;
		margin-left: 6px;
		margin-right: 6px;
	}
	div#sub #extranav {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-left: 0px;
	}
	div#sub #extranav ul {
		list-style: none;
		margin-left: 0px;
		margin-right: 8px;
		padding: 0px;
		}
	div#sub #extranav li {
		border-bottom: 1px solid #333366;
		border-left: 1px solid #333366;
		border-right: 1px solid #333366;
		list-style: none;
		padding: 0px;
		font-size: x-small;
	}
	div#sub #extranav li a, div#sub #extranav li a:link, div#sub #extranav li a:visited  {
		display: block;
		padding: 2px 6px 2px 6px;
		color: #000000;
		text-decoration: none;
		font-size: x-small;
	}
	div#sub #extranav li a:hover {
		background-color: #009966;
		color: #FFFFFF;
		font-size: x-small;
	}
	
		
	div#homefloatr{
	 display:block;
	 float:right;
	 width: 48%;
	 background: #DDDDDD;
	 padding: 6px;
	 }
	div#homefloatl{
	 display:block;
	 float:left;
	 width: 48%;
	 background:#ffffff;
	 }
	
	/* end */
	/*padding: 2px 0px 2px 10px;div#sub ul#nav {
		list-style-type:none;
		border: 2px solid #48488E;
		background: #333366;
		margin-left: 8px;
		margin-right: 8px;
		padding: 0px;
	}
	
	div#sub ul#nav li a {
		font-size: x-small;
		font-weight: bold;
		text-decoration:none;
		display:block;
		color: #000000;
		background: #B8B8DB;
		padding: 2px 0px 2px 10px;
	}
	div#sub ul#nav li a:hover {
		background-color:#333366;
		color:#FFFFFF;
	}*/
	
	div#gssjcnews{
		background: #FFFFFF;
		padding: 0px;
	}
	div#gssjcnews img.ban{
	border:none;
	float:left;
	margin: 0;
	padding: 0 0 0 0;
	vertical-align:top;	
	}
	div#gssjcnews hr{
		color:#cccccc;
		margin:10px 0 10px 0;
		padding:0;
		}
	
	div#sectionnews{
		background: #FFFFFF;
		padding: 0px;
	}
	div#sectionnews img.ban{
	border:none;
	float:left;
	margin: 0;
	padding: 0 0 0 0;
	vertical-align:top;	
	}
	div#sectionnews hr{
		color:#cccccc;
		margin:10px 0 10px 0;
		padding:0;
		}
	div#inter-right{
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 15px;
		padding-left:33px;
		padding-bottom:15px;
		padding-top:30px;
		background: #ffffff url(../images/logo/side-b2010.jpg) top left no-repeat;
		border-left: #00a850 solid 1px;
		border-top: #00a850 dashed 1px;
		/*border-bottom: #666666 dashed 1px;*/
		width: 25%;
		float: right;
	}
	
	div#inter-right img{
		margin: 3px;
		border: none;
	}
	/*div#inter-right{
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 20px;
		padding-left:5px;
		padding-bottom:25px;
		padding-top:15px;
		background: #FEFAD8;
		border-left: #ccc solid 2px;
		width: 25%;
		float: right;
	}
	
	div#inter-right img{
		margin: 3px;
		border: none;
	}*/
		div#alert{
		margin-right: 10px;
		margin-left: 10px;
		margin-bottom: 15px;
		padding-left:13px;
		padding-bottom:15px;
		padding-top:33px;
		background: #ffffff url(../images/logo/alert-bg2010.jpg) top left no-repeat;*/
		border-left: #000000 dashed 1px;
		border-top: #666666 solid 1px;
		
		width: 69%;
	
	}
	/* Footer */
	div#footer {
        text-align: left;
  		font-size: x-small;
  		padding-left: 5px;
  		color:#000;
   		/* background-color: #C1C185;*/
		background-color: #00a850;
		width: 100%;
    }
	div#footer p{
		 font-size: x-small;
	}
	div#footer img{
		border:none;
		margin:8px;
	}
	div#footer a, div#footer a:link {
		text-decoration: underline;
		/*color:#333366;*/
		color:#fff;
	}
	div#footer a:visited {
		text-decoration: underline;
		/*color:#006644;*/
		color:#fff;
	}
	div#footer a:hover {
		text-decoration: none;
		/*color:#663333;*/
		color:#FF0;
	}
	
/* Removes default top margin from left/right column paragraphs in Mozilla */
	div > p {
	  margin-top: 0;
	}
/* clearing */
.clear2{
	clear: right;
	}
	.stretch,
	.clear {
		clear:both; 
		height:1px; 
		margin:0; 
		padding:0; 
		font-size: 15px;
		line-height: 1px;
	}
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}
/* end clearing */