/* -----------------------------------------------------*/
/* -- page styles css   content bits                  --*/
/* -----------------------------------------------------*/
/* -- version 4.5 - borders removed and padding added --*/
/*--  redundant styles removed and tooltip added --*/
/* -----------------------------------------------------*/
/* -- navlist, content, column, box, navlist, nav2nd, --*/
/* -- splitcol,                                       --*/
/* -----------------------------------------------------*/


/*---------------------------------------------------------------------*/
/*-- drop down heading images for each of the SU sections -- */
/*---------------------------------------------------------------------*/

.sports {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.societies {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.welfare {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.community {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}
.finance {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.jcrs {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.campaigns {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}

.easytiger {
	background: transparent url(/pageassets/New/campaign-bullet-20px.jpg)
        no-repeat scroll 0 50%;
	display: inline-block;
	padding: 5px 35px 5px 35px;
}



/*-----------------------------*/
/*-- stu nichols more css -- */
/*-----------------------------*/

.holder {
width:210px; 
margin:5px; 
padding:1em; 
border:1px solid #ddd; 
float:left;
}

.holder h2 {text-align:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#555; width:100%; font-style:normal; cursor:default;}
.clear {clear:both;}

/* --------------------------- */
/* -- contenta and contentb -- */
/* --------------------------- */

.contenta {
	float:left;
	width:420px;
}

.contentb {
	float:right;
	width:420px;
}


/*-------------------*/
/*-- tool tips css --*/
/*-------------------*/

#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}

/* the style starts here */
a.tooltip {color:#c00;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(/pageassets/images/tooltip.gif) 0 0; display:block; font-size:1px;}

/* version 2 */
a.tooltip2 {color:#c00;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #ff0; background:#8cc; width:150px;}
a.tooltip2:hover b em.outer {position:absolute; left:20px; top:-8px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #ff0; overflow:hidden; z-index:100;}
a.tooltip2:hover b em.inner {position:absolute; left:20px; top:-7px; width:0; height:0; display:block; background:transparent; border-left:7px dashed transparent; border-right:7px dashed transparent; border-bottom:7px solid #8cc; overflow:hidden;; z-index:100;}

.clear {clear:both;}

/*----------------------*/
/*-- content lead img --*/
/*----------------------*/

.contentleadbox {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	float: left;
	width: 185px;
	height: 170px; /* was 185px */
	background-color: #FFFFFF;
	border: 0px solid #EEEEEE;
	float: left;
	margin: 5px 3px 0 3px;
	padding: 2px;
	text-align: center;
}

.contentleadbox  h3 {
font-size:110%;
}

.contentleadbox  h3 a {
color:#666666;
text-decoration:none;
}

.contentleadbox img {
background:#FFFFFF none repeat scroll 0 0;
border:0px solid #CCCCCC;
display:block;
margin:3px;
padding:3px;
float:left;
width:175px;
}

.contentleadbox dl {
margin:0;
padding:0;
}

.contentleadbox dd {
	color: #333333;
	font-size: 85%;
	margin: 0;
	padding: 0;
	font-family:verdana,arial,sans-serif;
	font-weight:bold;
}

.contentleadimg {
	float:left;
	width:175px;
}


/* --------------------------- */
/* -- gallery tab styles ---- */
/* --------------------------- */

#galleryhome {
	-x-system-font:none;
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:15px;
	min-height:600px;
	width:850px; /* 730px */
}

#galleryhome div.off {
	background:transparent url(/stylesheet/newhorizontal/tabs_0.gif) repeat-x scroll left bottom;
	border-color:#DDDDDD #DDDDDD #000000;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:pointer;
	float:left;
	height:35px;
	line-height:35px;
	margin-right:2px;
	padding:0 20px;
	position:relative;
	z-index:20;
}

#galleryhome div.on {
	background:transparent url(/stylesheet/newhorizontal/tabs_2.gif) repeat-x scroll left bottom;
	border-color:#000000 #000000 -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px 0;
	color:#CC0000;
	cursor:pointer;
	float:left;
	height:35px;
	line-height:35px;
	margin-right:2px;
	margin-top:1px;
	padding:0 20px;
	position:relative;
	z-index:100;
}

/* gallery */

#gallery {
	-x-system-font:none;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:15px;
	padding:15px 0 0;
	width:825px;  /* 625px */
}

#gallery div.off {
	background:transparent url(/stylesheet/newhorizontal/tabs_0.gif) repeat-x scroll left bottom;
	border-color:#DDDDDD #DDDDDD #000000;
	border-style:solid;
	border-width:1px;
	color:#000000;
	cursor:pointer;
	float:left;
	height:35px;
	line-height:35px;
	margin-right:2px;
	padding:0 20px;
	position:relative;
	z-index:20;
}

/* gallery div on */

#gallery div.on {
	background:transparent url(/stylesheet/newhorizontal/tabs_2.gif) repeat-x scroll left bottom;
	border-color:#000000 #000000 -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px 0;
	color:#CC0000;
	cursor:pointer;
	float:left;
	height:35px;
	line-height:35px;
	margin-right:2px;
	margin-top:1px;
	padding:0 20px;
	position:relative;
	z-index:100;
}

div.hide {
	display:none;
	overflow:hidden;
	width:0;
}

div.show {
	-x-system-font:none;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #000000;
	clear:left;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:18px;
	margin-top:0;
	padding:20px;
	position:relative;
	top:-1px;
	width:600px;
	z-index:50;
}

div.show img {
	float:left;
	margin:0 10px 10px 0;
}

.clear {
	clear:both;
}


/* ----------------------------------------------------- */
/* -- Column Boxes                                    -- */
/* --                                                 -- */
/* ----------------------------------------------------- */
/* -- 100px, 140px,                                         -- */
/* -- 200px, 250px, 300px, 325px, 370px,         -- */
/* -- 400px, 600px, 700px, 750px                     -- */
/* ----------------------------------------------------- */


/* -------------------- */
/* -- Column Header  -- */
/* -------------------- */

.columnheader {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color: #06B23A;
	border: 1px solid #EEEEEE;
	float: left;
	min-height: 25px;
	max-height: 25px;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: 1px solid Silver;
	color: White;
	display: block;
	position: relative;
	float: left;
	margin: 1px 1px 0 0;
	padding: 1px;
	text-align: left;
	width: 500px;
}


/*--------------------*/
/*-- column100px    --*/
/*--------------------*/

.column100px{
	width: 90px;
        margin-left: 5px;
        margin-right: 5px;
	margin-bottom: 1em;
        margin-right: 4px;
	border: 0px solid #b8b8b8;
   	display: block;
	position: relative;
	float: left;
}

/*--------------------*/
/*-- column140px    --*/
/*--------------------*/

.column140px{
	width: 130px;
        margin-left: 5px;
        margin-right: 5px;
	margin-bottom: 1em;
        margin-right: 4px;
	border: 0px solid #b8b8b8;
   	display: block;
	position: relative;
	float: left;
}


/*--------------------*/
/*-- column200px    --*/
/*--------------------*/

.column200px{
	width: 190px;
	margin-bottom: 1em;
        margin-left: 5px;
        margin-right: 5px;
	border: 0px solid #b8b8b8;
	display: block;
	position: relative;
	float: left;
}

.column200px .innerdiv{
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px;
    background: transparent url(/stylesheet/newhorizontal/brcorner.gif) bottom right no-repeat;
   	display: block;
	position: relative;
	float: left;
}

.column200pxc{
        margin-left: 5px;
        margin-right: 5px;
        width:190px;
	background: url(/stylesheet/newhorizontal/brcorner.gif) no-repeat 100% 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
   	display: block;
	position: relative;
	float: left;
}


/*--------------------*/
/*-- column250px    --*/
/*--------------------*/

.column250px{
	width: 240px;
        margin-left: 5px;
        margin-right: 5px;
	margin-bottom: 1em;
        margin-right: 4px;
	border: 0px solid #b8b8b8;
   	display: block;
	position: relative;
	float: left;
}

.column250px .innerdiv{
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px;
    background: transparent url(/stylesheet/newhorizontal/brcorner.gif) bottom right no-repeat;
   	display: block;
	position: relative;
	float: left;
}

.column250pxc{
	background: url(/stylesheet/newhorizontal/brcorner.gif) no-repeat 100% 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
   	display: block;
	position: relative;
	float: left;
       width:245px;
}


.column250pxfixed{
	background: url(/stylesheet/newhorizontal/brcorner.gif) no-repeat 100% 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display: block;
	position: relative;
	float: left;
	height: 300px;
	width: 235px;
	border-width: thin thin thin thin;
	margin: 2px 2px 2px 2px;
	border-style: dashed;
}


/*--------------------*/
/*-- column 300px   --*/
/*--------------------*/

.column300px{
	width: 290px;
        margin-left: 5px;
        margin-right: 5px;
	margin-bottom: 1em;
	border: 0px solid #b8b8b8;
   	display: block;
	position: relative;
	float: left;
}

.column300px .innerdiv{
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px;
    background: transparent url(/stylesheet/newhorizontal/brcorner.gif) bottom right no-repeat;
   	display: block;
	position: relative;
	float: left;
}

.column300pxc{
	width: 290px;
        margin-left: 5px;
        margin-right: 5px;
	background: url(/stylesheet/newhorizontal/brcorner.gif) no-repeat 100% 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
   	display: block;
	position: relative;
	float: left;
}


/*--------------------*/
/*-- column 700px   --*/
/*--------------------*/

.column700px{
	width: 690px;
        margin-left: 5px;
        margin-right: 5px;
	margin-bottom: 1em;
	border: 0px solid #b8b8b8;
   	display: block;
	position: relative;
	float: left;
}

.column700px .innerdiv{
    left: 2px;
    top: 2px;
    padding: 1px 4px 15px 5px;
    background: transparent url(/stylesheet/newhorizontal/brcorner.gif) bottom right no-repeat;
   	display: block;
	position: relative;
	float: left;
}

.column700pxc{
	width: 690px;
        margin-left: 5px;
        margin-right: 5px;
	background: url(/stylesheet/newhorizontal/brcorner.gif) no-repeat 100% 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
   	display: block;
	position: relative;
	float: left;
}

/*--------------------*/
/*-- comments       --*/
/*--------------------*/

.commentbox200px{
	background-color: #ececec;
	width: 300px;
	padding: 10px;
   	display: block;
	position: relative;
	float: left;
}

.commentbox250px{
	background-color: #ececec;
	width: 300px;
	padding: 10px;
   	display: block;
	position: relative;
	float: left;
}

.commentbox300px{
	background-color: #ececec;
	width: 300px;
	padding: 10px;
   	display: block;
	position: relative;
	float: left;
}

.commentbox450px{
	background-color: #ececec;
	width: 450px;
	padding: 10px;
   	display: block;
	position: relative;
	float: left;
}

.commentbox700px{
	background-color: #ececec;
	width: 700px;
	padding: 10px;
   	display: block;
	position: relative;
	float: left;
}

.commentfooter{
	background: url(/stylesheet/newhorizontal/arrowdown.gif) 20px 0 no-repeat;
	padding-left: 58px;
	color: #4A4A4A;
	padding-top: 1px;
	margin-bottom: 2em;
	font-size: 90%;
   	display: block;
	position: relative;
	float: left;
}

/* ------------------- */
/* -- Column 250px  -- */
/* ------------------- */

.column250px{
	top: 5px;
	left: 5px;
   	display: block;
	position: relative;
	float: left;
	width: 250px; /* container width*/
	background-color: #ffffff;
   	display: block;
	position: relative;
	float: left;
}

.column250px .innerdiv{
	/* Add container height here if desired */
	border: 1px solid gray;
	background-color: white;
	left: -5px;
	top: -5px;
	padding: 6px;
   	display: block;
	position: relative;
	float: left;
}


/* ------------------- */
/* -- Column 300px  -- */
/* ------------------- */

.column300px{
	top: 5px;
	left: 5px;
   	display: block;
	position: relative;
	width: 300px; /* container width*/
	background-color: #ffffff;
   	display: block;
	position: relative;
	float: left;
}

.column300px .innerdiv{
	/* Add container height here if desired */
	border: 1px solid gray;
	background-color: white;
	left: -5px;
	top: -5px;
	padding: 6px;
   	display: block;
	position: relative;
	float: left;
}


/* ------------------- */
/* -- Column 325px  -- */
/* ------------------- */

.column325px{
	top: 5px;
	left: 5px;
   	display: block;
	position: relative;
	float: left;
	width: 325px; /* container width*/
	background-color: #ffffff;
   	display: block;
	position: relative;
}

.column325px .innerdiv{
	/* Add container height here if desired */
	border: 1px solid gray;
	background-color: white;
	left: -5px;
	top: -5px;
	padding: 6px;
   	display: block;
	position: relative;
	float: left;
}


/* ------------------- */
/* -- Column 370px  -- */
/* ------------------- */

.column370px{
	width: 360px; /* container width*/
	margin-bottom: 1em;
        margin-left: 5px;
        margin-right: 5px;
	top: 5px;
	left: 5px;
	background-color: white;
   	display: block;
	position: relative;
	float: left;
}

/* -------------------- */
/* -- Column 370px b -- */
/* -------------------- */

.column370pxb {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color:#FFFFFF;
	float:left;
	min-height: 100px;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border:0px solid #06B23A;
	color: Black;
	display: block;
	float: left;
	text-align: left;
	width:365px;
   	display: block;
	position: relative;
	float: left;
}

.column370pxb h3 {
	font-size:110%;
}

.column370pxb h3 a {
	color:#666666;
	text-decoration:none;
}

.column370pxb img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:2px;
	padding:2px;
   	display: block;
	position: relative;
	float: left;
}

.column370pxb dl {
	margin: 0;
	padding: 0;
	font-weight: bold;
   	display: block;
	position: relative;
	float: left;
}

.column370pxb dd {
	color:#06B23A;
	font-size:95%;
	margin:0;
	padding:0;
}

.column370pxb .caption {
	font-size:95%;
	text-align:center;
}








/* ------------------- */
/* -- Column 400px  -- */
/* ------------------- */

.column400px {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color:#FFFFFF;
	border:1px solid #EEEEEE;
	float:left;
	min-height: 250px;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border: 0px solid Silver;
	color: Black;
	display: block;
	position: relative;
	float: left;
	margin: 1px 1px 0 0;
	padding: 1px;
	text-align: left;
	width:395px;
}

.column400px h3 {
	font-size:110%;
}
.column400px h3 a {
	color:#666666;
	text-decoration:none;
}

.column400px img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	display:block;
	margin:2px;
	padding:2px;
}

.column400px dl {
	margin:0;
	padding:0;
}

.column400px dd {
	color: #333333;
	font-size: 95%;
	margin: 0;
	padding: 0;
	font: bold;
}
.column400px .caption {
	font-size:80%;
	text-align:center;
}

.column400px p {
	font-size:95%;
	text-align:left;
}



.column450pxz{
	top: 5px;
	left: 5px;
	position: relative;
}

.column450pxz{
	width: 450px; /* container width*/
	background-color: #ffffff;
}

.column450pxz .innerdiv{
	/* Add container height here if desired */
	border: 1px solid gray;
	background-color: white;
	left: -5px;
	top: -5px;
	padding: 6px;
	position: relative;
}






/* ------------------- */
/* -- Column 600px  -- */
/* ------------------- */

.column600px {
	width:590px;
	margin-left: 5px;
        margin-right:5px;
	background-color:#ffffff;
	border:0px solid Silver;
	float:left;
	min-height: 250px;
	margin: 1px 1px 0 0;
	padding: 1px;
	border: 0px solid Silver;
	color: Black;
	display: block;
	position: relative;
	float: left;
	padding: 1px;
	text-align: left;
}

.column600px h3 {
	font-size:110%;
}
.column600px h3 a {
	color:#666666;
	text-decoration:none;
}
.column600px img {
	background:#FFFFFF none repeat scroll 0 0;
	border:0px solid #CCCCCC;
	display:block;
	margin:2px;
	padding:2px;
}

.column600px dl {
	margin:0;
	padding:0;
}

.column600px dd {
	color: #333333;
	font-size: 95%;
	margin: 0;
	padding: 0;
	font: bold;
}

.column600px .caption {
	font-size:80%;
	text-align:center;
}

.column600px p {
	font-size:95%;
	text-align:left;
}

.column700px .innerdiv{
	/* Add container height here if desired */
	border: 0px solid gray;
	background-color: white;
	left: -5px;
	top: -5px;
	padding: 6px;
	position: relative;
}



/* ------------------- */
/* -- Column 750px  -- */
/* ------------------- */

.column750px {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	background-color:#FFFFFF;
	border:0px solid Silver;
	float:left;
	min-height: 40px;
	margin: 1px 1px 0 0;
	padding: 1px;
	border: 0px solid Silver;
	color: Black;
	display: block;
	position: relative;
	float: left;
	margin: 1px 1px 0 0;
	padding: 1px;
	text-align: left;
	width:740px;
	width:590px;
	margin-left: 5px;
        margin-right:5px;

}

.column750px h3 {
	font-size:110%;
}

.column750px h3 a {
	color:#666666;
	text-decoration:none;
}
.column750px img {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	display:block;
	margin:2px;
	padding:2px;
}
.column750px dl {
	margin:0;
	padding:0;
}

.column750px dd {
	color: #333333;
	font-size: 95%;
	margin: 0;
	padding: 0;
	font: bold;
}

.column750px .caption {
	font-size:80%;
	text-align:center;
}

.column750px p {
	font-size:95%;
	text-align:left;
}


/* -------------------- */
/* -- Column css     -- */
/* -------------------- */

.column2 {
	background:infobackground none repeat scroll 0 0;
	float:right;
	width:250px;
}

.contextBoxOdd {
	background:transparent none repeat scroll 0 0;
	float:left;
	width:500px;
}

.contextBoxEven {
	background:#E7E7E7 none repeat scroll 0 0;
	float:left;
	width:500px;
}



.col350px {
	float:left;
	width: 350px;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}





/* ----------------------------------------*/
/* -- content containers                  --*/
/* ----------------------------------------*/

#content1 {
float:left;
width:250px;
}

#content2 {
float:right;
width:250px;
}



#column1 {
display:none;
}

#column2 {
width:740px;
}

#home_column1, #home_column2 {
float:left;
}

#home_column1 {
margin-bottom:10px;
padding-left:8px;
width:208px;
}

#home_column2 {
padding-bottom:0;
width:524px;
}


/* ----------------------------- */
/* the two-column container */
/* ----------------------------- */

#container #two-columns {
	/*set that background image*/
	/*repeat it and center it*/
	height: auto;
	width: 100%;
	margin:auto;
	margin-bottom:20px;
}
#container #two-columns #column-2 {
	/*float it*/
	float:right;
	height: auto;
	width: 315px;
	padding:5px;
}
#container #two-columns #column-1 {
	height: auto;
	width: 315px;
	padding:5px;
}
/*clear the above float*/
#container .clr {
	clear:both;
}

/* ------------------------------ */
/* Wrappers                        */
/* ------------------------------ */

#content_inner {
	padding: 0;
}
#home_main {
	float: left;
	width: 100%;
	clear: both;
	padding-bottom: 1em;
}
#home_main h2 {
color: #000;
background: #c0c1e0;
font-size: 100%;
padding: 0.2em;
}

/* ------------------------------ */
/* Secondary Navigation Divs */
/* ------------------------------ */

.nav2nddiv{
background-color:#FFFFFF;
border:1px solid #EEEEEE;
float:left;
height:124px;
margin:0.1em 0.1em 0 0;
padding:0.1em;
text-align:center;
width:250px;
}
.nav2nddivh3 {
font-size:110%;
}
.nav2nddivh3 a {
color:#666666;
text-decoration:none;
}
.nav2nddivimg {
background:#FFFFFF none repeat scroll 0;
border:1px solid #CCCCCC;
display:block;
margin:3px;
padding:3px;
}
.nav2nddivdl {
margin:0;
padding:0;
}
.nav2nddivdd {
color:#333333;
font-size:85%;
margin:0;
padding:0;
}

/* ----------------------------------- */
/* Secondary Navigation Wrapper */
/* ----------------------------------- */

#nav2ndwrapper {
padding:1em;
}
#nav2ndwrapper h2 {
border-bottom:1px solid #CCCCCC;
clear:both;
margin-top:1em;
}
#nav2ndwrapper h2 span {
font-size:70%;
font-weight:normal;
margin-left:0.5em;
text-decoration:none;
}


/* ----------------------------- */
/* -- splitcol css               -- */
/* ----------------------------- */

.splitcoll100 {
	float:left;
	width: 95%;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}

.splitcoll {
	float:left;
	width: 700px;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}

/* --------------------------------- */
/* central table-like (2-column) div */
/* --------------------------------- */

.splitcolleft1 {
	float:left;
	width: 45%;
                height:110px;
	margin-left: 0em;
	margin-top: 0.1em;
	border:0px;
	padding:0 2px 2px 2px;
}

.splitcolright1 {
	float: left;
	width: 45%;
                height:110px;
	margin-left: 1em;
	margin-top: 0.1em;
	margin-right: 0.5em;
	border:0px;
	padding:0 2px 2px 2px;
}

/* --------------------------------- */
/* central table-like (2-column) div */
/* --------------------------------- */

.splitcolleft {
	float:left;
	width: 300px;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}

* html .splitcolleft {margin-left: 0.1em;}

.splitcolright {
	float: left;
	width: 300px;
 	margin-left: 1em;
	margin-top: 0.1em;
	margin-right: 0.5em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}

/* --------------------------------- */
/* table-like (3-column)      div */
/* --------------------------------- */

.splitcol1of3 {
	float:middle;
	width: 32%;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}


.splitcol1of3a {
	float:left;
	width: 32%;
	margin-left: 0em;
	margin-top: 0.1em;
	border:0px;
	padding:0 2px 2px 2px;
}

.splitcolinner {
	float:middle;
	width: 250px;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}



.splitcoll {
	float:left;
	width: 90%;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}


/* --------------------------------- */
/* central table-like (2-column) div */
/* --------------------------------- */

.splitcolleft {
	float:left;
	width: 45%;
	margin-left: 0em;
	margin-top: 0.1em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}

* html .splitcolleft {margin-left: 0.1em;}

.splitcolright {
	float: left;
	width: 46%;
	margin-left: 1em;
	margin-top: 0.1em;
	margin-right: 0.5em;
	border:1px solid #06c;
	padding:0 2px 2px 2px;
}



/* ------------ */
/* css for Faq */
/* ------------ */

.faq {
  padding: 10px 0 0 0px;
}
.faq h4 {
	margin-bottom: .5em;
}
.faq dt {
	margin-top: -1px;
	border: 1px solid #7cfc00;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	line-height: 1.2;
	cursor: pointer;
}
.faq dt.faqClosed {
	color: #2e8b57;
	background: #ffffff  !important;
}
.faq dt.faqOpen {
	color: #ededed;
	background: #638b2e;
}
.faq dd {
	display: block;
	margin: 0;
	padding: 0 21px;
	overflow: hidden;
}
.faq .faqToTop {
	display: block;
	text-align: right;
	padding-bottom: 4px;
  font-size: 0.75em;
}
.faq .faqHide, .faq .faqShow {
	display: block;
	margin: 6px 0;
	padding: 0 0 0 28px;
	background: url(minus.gif) no-repeat 5px 50%;
	font-weight: bolder;
	text-decoration: none;
}
.faq .faqShow {
	background-image: url(plus.gif);
}

/* CSS Document */