/* Main CSS stylesheet for GCTelegram.com 
Colors used
dark green  #004221
lighter green  #007149
wheat  #F2E2CC
med grey  #808080
dusty blue  #8490aa (top jobs/ads)
light blue  #dbdde9
white and black
*/

/* Reset tags */
/*===========================================================*/
body, div, p, a, img, h1, h2, h3, h4, h5, h6, table, tbody, tr, td, thead, 
ol, ul, li, span, blockquote, form, label {margin: 0; padding: 0; border: 0;}

/* Default main styles */
/*===========================================================*/

body {font: normal 12px Verdana, Geneva, Arial, helvetica, san-serif; line-height: 100%; text-align: center; background-color: #F2E2CC; background-image: url("http://www.gctelegram.com/images/body-bg.jpg"); background-repeat: repeat-x;}

p {padding: 0 0 10px 0;	line-height: 110%;}
ul {list-style: none;}
li {padding: 0 0 5px 0;}
td {padding: 2px;}
input, textarea {border: 1px solid #000000;}

#wrapper {background-color: #FFFFFF; width: 1000px; margin: 20px 0; margin-left: auto; margin-right: auto; position: relative; text-align: left;}

/* Default Anchor Styles */
/*===========================================================*/
a:link, a:visited {text-decoration: none; color: #004221; border: none;}
a:hover {border-bottom: 1 px solid #004221;}
a:active {text-decoration: none;}

/* Default Heading Styles */
/*===========================================================*/
h1, h2, h3, h4, h5, h6 {text-align: left; line-height: 100%;}

h1 {font-size: 170%;padding: 10px 0;}
h2 {font-size: 130%;padding: 5px 0 10px 0;}
h3 {font-size: 120%;padding: 5px 0;}
h4 {font-size: 100%;padding: 5px 0;font-weight: bold;}
h5, h6 {font-size: 100%;font-weight: bold;text-decoration: underline;}

/* Header styles*/
/*===========================================================*/
#header {width: 1000px; position: relative; float: left;}

/* Top Nav menu styles*/
/*===========================================================*/
#topnav {width: 1000px; position: relative; float: left; padding: 12px 0 0 0; height: 30px; background-image: url("http://www.gctelegram.com/images/topnav-bg.jpg"); background-position: top; background-repeat: repeat-x; text-align: center;}

#topnav ul {list-style: none; margin: 0 auto;}
#topnav ul li {display: inline;}

#topnav ul li a {padding: 10px 3px 10px 3px; color: #FFFFFF; font: normal 14px Arial, helvetica, san-serif;font-weight: bold;}

#topnav ul li a:hover {text-decoration: none; background-color: #007149; }

.chromestyle {width: 99%;}
.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.chromestyle ul {width: 100%;}
.chromestyle ul li {}
.chromestyle ul li a {color: #FFFFFF; text-decoration: none;}
.chromestyle ul li a:hover, .chromestyle ul li a.selected {background-color: #007149;}

/* ######### Style for Drop Down Menu ######### */
.dropmenudiv {position:absolute; top: 0; left: 0; z-index:100; background-color: #004221; width: 200px; visibility: hidden;}
.dropmenudiv a {width: auto; display: block; text-align: left; text-indent: 3px; border-bottom: 1px solid #BBB; padding: 4px 0 4px 5px; text-decoration: none; font-weight: bold; color: white;}
* html .dropmenudiv a {width: 100%;}
.dropmenudiv a:hover {background-color: #007149;}

/* Main Content Container*/
/*===========================================================*/
#container {position: relative; float: left; width: 980px; margin: 10px 0; padding: 0 10px;}
#content-left {position: relative;float: left; width: 710px; padding: 0 10px 0 0; text-align: left;}
#content-left ul {list-style: disc; margin: 0 0 0 25px;}

/* Right Sidebar Components */
/*===========================================================*/
#sidebar-right {position: relative; float: left; width: 260px; padding: 0;}

#welcome-box {border: 2px solid #004221; width: 250px; margin: 0 auto 15px auto; padding: 5px 5px 50px 5px; position: relative; float: left; background-image: url("http://www.gctelegram.com/images/cows.jpg"); background-position: bottom right; background-repeat: no-repeat; text-align: left;}
#welcome-box p {padding: 0 0 5px 0; font-weight: bold; }
#welcome-box p span.current-date {font-size: 85%; padding: 0px;}
#welcome-box #toolbox {width: 250px; text-align: left; margin: 5px 0 0 0; }
#welcome-box #toolbox .tbox {width: 120px;}
#welcome-box #toolbox ul li a:hover {border-bottom: 1 px solid #004221;}

/* Footer Styles*/
/*===========================================================*/
#footer {clear: both; position: relative; width: 1000px; margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 2px solid #004221; }
#footer .footer-box {width: 300px; float: left; position: relative; text-align: left; padding: 5px 10px;}
#footer .footer-box p, #footer .footer-box ul li {font-size: 90%; font-style: normal; padding: 0 0 3px 0;}
#footer .footer-box h3 {padding: 0 0 3px 0; font-size: 100%; font-weight: bold;}
#footer-wide { clear: both;	text-align: center;}
#footer-wide p {padding: 5px 0; font-size: 90%; font-weight: bold;}

#twitter_div ul #twitter_update_list {}
#twitter_div ul li {padding:3px 5px 0 5px;background-color: #9AE4E8;border-bottom: 1px solid #FFFFFF;}
#twitter_div a #twitter-link {}

/* Misc Styles*/
/*===========================================================*/
.floatright {float: right; margin: 0 0 5px 5px;}
.floatleft {float: left; margin: 0 5px 5px 0;}
.clearboth {clear: both; height: 1px;}
.alignleft {text-align: left;}
.alignright {text-align: right;}
.aligncenter {text-align: center;}
.smalltext {font-size: 11px;}
.redtext {color: #CC0000;

