@charset "utf-8";

/* Pancon CSS Document */

/* O M G */

/* May 2007 */

/* luke@omgdesigns.net */



/* Gobal Styles */

body { margin:0px auto; text-align:center; background:url(../css/images/bgs/main-bg.gif) repeat-y 50% 0 #004682; font-size:65%; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:14px;}

a {color:#ff6f00; text-decoration:underline; }

a:hover { text-decoration:none; }

p { margin:0 0 1em 0; padding:0; }

h2 { font-size:1.1em; font-weight:bold; margin:0 0 1em 0; padding:1em 0 0 0; color:#0b4304; }

h3 {font-size:1.1em; color:#59636f; font-weight:bold; margin:0; padding:0;}

li { padding:3px 0; }



#main-div { width:775px; margin:0px auto; background-color:#FFFFFF;}

#root-navigation-container {float:left; width:445px; height:81px; background:url(../css/images/bgs/home-sm-icons.gif) no-repeat bottom left; text-align:left;}

#root-navigation {padding:60px 0 0 50px;}
#root-navigation a {color:#888888; text-decoration:none; }
#root-navigation a:hover {color:#888888; text-decoration:underline; }

#root-navigation ul {margin:0; padding:0; list-style:none;}

#root-navigation ul li {display:inline; padding:0 0 0 27px; margin:0;}



#pancon-logo {float:left; width:330px; height:81px; text-align:right;}



/* Banner Images */

#homepage-banner {clear:both; width:775px; height:238px; background:url(../css/images/home-banner.jpg) no-repeat;}

#subpage-banner {clear:both; width:775px; height:104px; background:url(../css/images/sub-page-banner.jpg) no-repeat;}



/* Menu */

#menu-left {clear:both; float:left; width:354px; height:25px; background:url(../css/images/bgs/menu-bg-left.gif) no-repeat;}

#menu {float:left; width:421px; height:25px; text-align:left; }



/* Column Styles */

#announcements { width:354px; float:left; text-align:left; font-size:1.1em;}
#announcements a {color:#888888; text-decoration:underline; }
#announcements a:hover {color:#888888; text-decoration:none; }

#sp-left-column { width:275px; float:left; text-align:left; background:url(images/bgs/sub-page-bg.jpg) top right no-repeat;}



#welcome-box { float:left; width:400px; text-align:left;}

#welcome-text { width:380px; text-align:left; padding-left:5px; font-size:1.1em;}



#sp-right-column {

	float:left;

	width:490px;

	text-align:left;

}

#sp-right-text { width:475px; text-align:left; padding-left:5px; font-size:1.1em;}



/* About, Project Page Styles */

#sp-left-column ul { list-style-image:none; padding:0; margin:0 0 20px; font-family:'Tahoma', Verdana, 'Verdana Ref', serif; font-size:11px; color:#000000; }

#sp-left-column ul li { width:160px; list-style:none; margin:0 0 4px 26px; display:block; }

#sp-left-column ul li.selected { font-weight:bold; color:#d97500; }

.menu-item { padding:2px 0 0 25px; background:url(images/bgs/left-menu-button.gif) no-repeat; height:21px; }

.menu-item a {color:#d97500; font-size:11px; text-decoration:none;   }

.menu-item a:hover {text-decoration:underline; }

#sp-left-column ul ul {padding:5px 0 5px 55px; margin:0;}

#sp-left-column ul ul li { list-style-image:none; padding:0; margin:0; font-family:'Tahoma', Verdana, 'Verdana Ref', serif; font-size:11px; color:#000000; font-weight:normal; display:block; height:20px; }



/* Form Styles */

#sp-right-column form input {font-family:'Tahoma', Verdana, 'Verdana Ref', serif; font-size:11px; }



/* Footer */

#footer {clear:both; height:61px; width:775px; background:url(../css/images/bgs/footer-tile.gif) repeat-x; font-size:1.1em;}

#footer-links { padding:20px 0 0 30px; text-align:left;}

#footer-links a {color:#fff; text-decoration:none;}

#footer-links a:hover {text-decoration:underline; }