/****************** general ********************/
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	padding:0;
	margin:0;
	color:#000;
	background:#eee url(../images/bg.jpg) top repeat-x;
}
#globallogo {margin-right:15px; position:relative; margin-left:307px;}
a {color:#009900;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
img {border:0;}
.d_clearer {clear:both; position:relative;}
.greenfont {color:#009900;font-weight:bold;}
.orangefont {color:#CC6600;font-weight:bold;}
.redfont {color:#993300;font-weight:bold;}
.bluefont {color:#0066CC;font-weight:bold;}
.enlarge {font-size:1.3em;}
.small_font {font-size:.8em;color:#CC6600;}
.small_gray {font-size:.8em;color:#999;}
.small_green {font-size:.8em;color:#009900;}
a.small_green {color:#009900;font-size:.8em;text-decoration:underline;}
a.small_green:hover {color:#006600;text-decoration:underline;}
h1 {font-size:1.3em;margin:0 0 10px 0;padding:0;color:#009900;}
h2 {font-size:1em;margin:0;padding:0;color:#009900;}
p {text-align:justify;}
.li_spaced li {padding:3px 0;}
.d_titlebar {
	background:#f7f7f7 url(../images/titlebar.jpg) top repeat-x;
	border:1px solid #ccc;
	font-weight:bold;
	color:#666;
	padding:4px;
}
.d_titlebar a {text-decoration:none;color:#666;}
.d_titlebar a:hover {text-decoration:none;color:#666;}

.ul_style1 {padding:5px 0 0 20px;margin:0;}
.ul_style1 li {padding:5px 0;}
.ul_style1 li a {color:#333;text-decoration:underline;}
.ul_style1 li a:hover {color:#009900;text-decoration:underline;}
.ul_style1 li span {color:#999;font-size:.8em;padding:0;margin-left:10px;}



/****************** body ********************/
#logo_head {padding:0; margin:0; position:relative;}
#logo_head td {padding:0; margin:0; position:relative;}
#logo_head td img , #logo_head td a img {display:block; padding:0; margin:0; border:0; position:relative;}

#d_topbg {height:5px;}
#d_wrapbg {padding:0; margin:0; background:url(../images/bg_headshadow.jpg) top center no-repeat; padding:0; margin:0;}
#d_wrapbg_shadow {background:url(../images/bg_shadow.jpg) center repeat-y;padding:0;margin:0;}
#d_wrapper {
	width:901px;
	margin: 0 auto;
	padding:0;
}

#d_innerwrapper {
	margin:0 5px 0;
	background:#fff url(http://www.gcic.edu.ph/images/gcic_greenbg.jpg) left bottom no-repeat;
	min-height:650px;
	_height:650px;
	text-align:left;
	padding:0 5px 5px;
}
#d_search {height:20px; background:#ccc;}
#d_logo {padding:0; margin:0 auto; height:125px; width:901px; position:relative;}
#d_logo img {position:relative; top:26px; left:19px;}
#tbl_logo {margin:0;}
#tbl_logo td {padding:0;}
#tbl_logo td img {display:block;border:0;padding:0;margin:0;}

#d_menubg {margin:0 1px;padding: 0 5px;}
#d_menu {
	background: url(../images/menu_bg.jpg) top left repeat-x;
	margin:0;
	text-align:center;
	padding:8px;
}
#ul_menu {padding:0;margin:0;}
#ul_menu li {list-style:none;display:inline;padding:0 10px;}
#ul_menu li a {font-weight:bold;color:#fff;text-decoration:none;font-size:1em;}
#ul_menu li a:hover, #ul_menu li.current a {font-weight:bold;color:#FFFF00;}

#d_links {margin:0 0 15px 200px;border-bottom:1px dashed #ccc;padding:3px 0 2px 0;}
#d_links ul {list-style:none;margin:0;padding:0;}
#d_links ul li {padding:0 5px;margin:0;display:inline;}
#d_links ul li span {position:relative;top:-3px;}

.d_boxwhite {background:#fff;border:1px solid #ccc;margin-bottom:10px;}
.d_boxgreen {background:#E4EFDE;border:1px solid #ccc;margin-bottom:10px;color:#000;}
.d_boxgreen2 {background:#BEE69F;color:#000;}
.d_boxgray {background:#f7f7f7;border:1px solid #ccc;margin-bottom:10px;color:#000;}
.d_boxyellow {background:#ECDE8C;border:1px solid #D5BE7B;margin-bottom:10px;color:#000;}
.d_boxblue {background:#C0D9E7;border:1px solid #A3BDE9;margin-bottom:10px;color:#000;}
.d_boxdarkblue {background:#336699;border:1px solid #003366;margin-bottom:10px;color:#fff;}
.d_titleorange {padding:0 5px 5px 2px;border-bottom:1px dashed #ccc;font-weight:bold;color:#CC6600;font-size:1.2em;}
.d_titleblue {padding:0 5px 5px 2px;border-bottom:1px dashed #006699;font-weight:bold;color:#006699;font-size:1.2em;}
.d_titlegreen {padding:0 5px 5px 2px;border-bottom:1px dashed #ccc;font-weight:bold;color:#009900;font-size:1.2em;}
.d_padding {padding:5px;}
.d_padding10 {padding:10px;}

	
	
	



#d_breadcrumbs {padding:4px;font-size:.8em;color:#999;border-bottom:1px dashed #ccc;margin:0 0 10px 0;}
#d_body {margin-left:205px;}
#d_body_home {float:left;width:482px;margin-left:10px;}
#d_body_frame {padding:3px;}
#d_toplinks a {font-size:.9em;color:#666;padding:0 3px;}

#d_side {width:190px;float:left;margin-top:15px;min-height:590px;_height:590px;}
.d_sidebox {margin-bottom:30px;}
.os_img {margin:0 0 5px 0;}
.d_ultitle {background:#D8EBD6;padding:5px;color:#006600;font-weight:bold;font-size:1.1em;border-bottom:1px solid #ccc;}
.ul_side {padding:0;margin:0;}
.ul_side li, .ul_side li.no_bottom {margin:0;list-style:none;border-bottom:1px dashed #ccc;}
.ul_side li.no_bottom {border-bottom:1px solid #f7f7f7;}
.ul_side li a {
	color:#666;
	display:block;
	padding:10px 3px 10px 25px;
	text-decoration:none;
	background:url(../images/bullet_side.gif) top left no-repeat;
	background-position:6px 12px;
}
.ul_side li.current a {
	text-decoration:none;
	color:#000;
	background-position:6px -19px;
}
.ul_side li a:hover {
	text-decoration:none;
	color:#000;
	background-position:6px -19px;

}
#text {
	font-family:Myriad Web Pro;
	font-size:36px;
	color:#FE9901;
}


#d_right {width:180px;float:right;}
#d_search {background:#fff;margin-bottom:15px;}
.search_img {float:right;margin-top:1px;}
.search_txt {font-size:.9em;width:120px;}

#d_headline {
	background: url(../images/headline_bg.jpg) top left no-repeat;
	height:215px;
	padding:1px 1px 0;
}
.ann_div {margin-top:25px;padding:0 10px;}
.ann_title {padding:5px 5px 5px 0;border-bottom:1px dashed #ccc;font-weight:bold;color:#009900;font-size:1.2em;margin-bottom:7px;}
.ann_title span {float:left;}
.ann_more {float:right;font-size:.8em;color:#999;font-weight:normal;margin-top:2px;}
.ann_item {padding:2px 0;margin:0;}
.ann_img {width:65px;float:left;padding:0;text-align:left;margin:0 6px 0 0;}
.ann_img img {border:1px solid #999;}
.ann_msg {float:left;padding:3px 0 0;width:390px;}
.ann_msg a {color:#333;text-decoration:none;}
.ann_msg a:hover {color:#009900;text-decoration:underline;}


.d_film {height:18px;background:#333 url(../images/film_border.gif) left repeat-x;}


.ul_arrow {padding:0;margin:0;}
.ul_arrow li {padding:3px 0;margin:0;list-style:none;}
.ul_arrow li a, .ul_arrow li span {padding:0 0 0 18px;background:url(../images/bullet_arrow.gif) top left no-repeat;background-position:4px 3px;}

.ul_courses {padding:0;margin:0;}
.ul_courses li {padding:5px 0;margin:0;list-style:none;}
.ul_courses li a {
	color:#666;
	margin-right:5px;
	text-decoration:none;
}
.ul_courses li a:hover {color:#009900;text-decoration:underline;}


#d_bottommenu {padding:2px; text-align:center;background:#f7f7f7;margin:0 8px 0;}
#ul_bottommenu {padding:0;margin:3px 0;}
#ul_bottommenu li {display:inline;padding:0 5px;list-style:none;}
#ul_bottommenu li a {font-size:.8em;color:#999;text-decoration:none;}
#ul_bottommenu li a:hover {text-decoration:underline;color:#333;}

#d_bottombg {background:#89C283 url(../images/bg_bottom.jpg) top center no-repeat;}
#d_footer {padding:15px 0 10px;text-align:center;}
#ul_footer {padding:0;margin:3px 0 10px;}
#ul_footer li {list-style:none;display:inline;padding:0 5px;}
#ul_footer li a {color:#fff;font-weight:bold;text-decoration:underline;}
#ul_footer li a:hover {text-decoration:underline;color:#FFFF00;}






/****************** gallery ********************/

.ul_gallery li {padding:3px 0;}
.ul_gallery li a {text-decoration:underline;color:#000;}
.ul_gallery li a:hover {text-decoration:underline;color:#009900;}

.tbl_thumbnails td {text-align:center;width:16.66%}
.tbl_thumbnails td.td_name {text-align:left;}

/************** stud org ********************/
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:3px; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

.tree_parent {
	font-weight:bold;
	margin:0;
	color:#009900;
}

.notes_small {
	font-size:10px;
	color:#666666;
	text-decoration:none;
	font-style:italic;
}



/************************** courses **************************/
.d_menu_courses {
	background: url(../images/menu_bg_gray.jpg) top left repeat-x;
	margin:0 0 30px 0;
	text-align:left;
	padding:5px;
}
.ul_menu_courses {padding:0;margin:0;}
.ul_menu_courses li {list-style:none;display:inline;padding:0 7px;}
.ul_menu_courses li a {font-weight:bold;color:#888;text-decoration:none;font-size:.8em;}
.ul_menu_courses li a:hover, .ul_menu_courses li.current a {font-weight:bold;color:#000000;text-decoration:none;}

/************************* lrc ***********************/
.tbl_books {width:98%;border:0;background:#ccc;margin:20px 0 0;}
.tbl_books td {text-align:left;vertical-align:top;background:#fff;padding:5px;font-size:.9em;}
.tbl_books th {background:#f7f7f7;padding:5px;}
.tbl_books th.th_title {color:#fff;padding:10px 0;background:#bbb;padding:5px;}