/* Synotac global.css - Version 1.1 - Last Updated 2/28/07 */

/***************************************************************************
  GLOBAL HTML TAG CSS 
  This is to get rid of MOST browser quirks
  Note that this WILL cause problems with HTML editors 
  if users try to put borders on tables, etc.
****************************************************************************/

html {height: 100%; margin-bottom: 1px;}
body {margin: 0; padding: 0; color: #000; background: #fff;}

/* for browsers that don't properly implement inheritance */
/* NOTE: this includes IE 6 in many cases */
body, p, li, ul, ol, td, textarea, input, select, font {font-family: Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em;}

p, li, ul, ol, td {text-align: left; }
img {border: 0;}
td {vertical-align: top; padding: 0; margin: 0;}
form {margin: 0; padding: 0;}
/* line-height: normal is necessary so that IE does not resize input submit buttons on forms */
input {margin: 0; line-height: normal;}
p, h1, h2, h3, h4, h5, h6 {margin: 1em 0;}
h1, h2, h3, h4, h5, h6 {color: #000}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 12px;}
a {color: #33c;}
a:hover {color: #999;}
a:active {color: white;}
ul, ol, li {margin: 0; padding: 0;}
li {margin-left: 15px;}

/********************** End global HTML tag CSS *********************/

/***************************************************************************
  GLOBAL CSS CLASSES
  This is a library of basic classes that cover most 
  of the core CSS functionality needed
****************************************************************************/

.float_left {float: left; margin: 0 10px 5px 0;}
.float_right { float: right; margin: 0 0 5px 10px;}
.float_left_border {border:solid 1px #263002;float: left; margin: 0 20px 20px 0;}
.float_right_border {border:solid 1px #263002; float: right; margin: 0 0 20px 20px;}
.text_left_align {text-align: left;}
.text_center_align {text-align: center;}
.text_right_align {text-align: right;}
.text_justify {text-align: justify;}
.alert {font-weight: bold; color: #f00;}
.no_display {display: none;}
.border {border: 1px solid #333;}

/********************** End global CSS classes *********************/



        .colmask{background: url('../images/footer.jpg');background-repeat:none;text-align:center;width:948px;height:48px;color:#6A7d00;font-size:12px;}
    .colmask a{color:#6A7d00; text-decoration:none;}
    .colmask a:hover{color:#ffffff; text-decoration:underline;}
    .col1 a{color:#a4ab9b;}
    #foot_text{vertical-align:center;padding:30px;}

	/* column container */
	.colmask {
        width:100%;			/* width of whole page */
		padding-top: 30px;
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}

	.threecol .colmid {
		right:20%;				/* width of the right column */
	}
	.threecol .colleft {
		right:60%;				/* width of the middle column */
	}
	.threecol .col1 {
		width:58%;				/* width of center column content (column width minus padding on either side) */
		left:101%;				/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:18%;				/* Width of left column content (column width minus padding on either side) */
		left:24%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:18%;				/* Width of right column content (column width minus padding on either side) */
		left:84%;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}