html {
height : 100%;
}
body {
background : #fff url(http://www.tetractis.com/images/layout/bg_body.gif);
text-align : center;
font-family : "Trebuchet MS", Verdana, sans-serif;
font-size : 62.5%;
color : #000;
padding : 0;
margin-top : 0px;
}
#bg_low {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 400px;
	background: #fff url(../images/layout/wl_side_logo.gif) no-repeat bottom right;
}
#container {
position : relative;
margin : 0 auto 0 auto;
padding : 0;
width : 760px;
height : 100%;
text-align : left;
z-index : 1;
}
#header {
	width : 760px;
	height : 110px;
	background : #fff url(http://www.tetractis.com/images/layout/bg_header.gif) no-repeat;
	position: relative;
}
#logo {
float : left;
width : 195px;
height : 75px;
margin : 30px 0 0 25px;
}
#contact {
float : right;
width : 200px;
height : 85px;
margin : 15px 40px 0 0;
}

#header_line {
position : relative;
width : 680px;
height : 0px;
margin : -2px 0 0 40px;
/*background : #fff url(../images/layout/logo_line.gif) no-repeat top left;*/
}
#content {
width : 760px;
height : 100%;
background : #fff url(../images/layout/bg_container.gif) repeat-y top left;
padding : 0 0 0 0;
}
#header_wide {
position : relative;
width : 680px;
height : 135px;
margin : 0 0 0 0;
}
#flash {
float : left;
width : 325px;
height : 135px;
margin : 0 0 -3px 20px;
}
#flash_image {
float : right;
text-align : right;
margin : 0 0 -3px 0;
}
#navbar {
position : relative;
width : 680px;
height : 35px;
background : #fff url(../images/layout/bar.gif) top left;
margin : 0;
}
#navbar_bg {
width : 680px;
height : 160px;
margin : 0 40px 0 40px;
padding : 0 0 20px 0;
}
#navbar_buttons {
width : 680px;
height : 33px;
margin : 0;
padding : 0;
z-index : 1;
}
#button1 {
float : left;
width : 69px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}

#button {
float : left;
width : 105px;
height : 33px;
padding : 7px 0 0 7px;
text-align : center;
}
#button2 {
float : left;
width : 81px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#button3 {
float : left;
width : 105px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#button4 {
float : left;
width : 100px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#button5 {
float : left;
width : 105px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#button6 {
float : left;
width : 98px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#button7 {
float : left;
width : 122px;
height : 33px;
padding : 7px 0 0 0;
text-align : center;
}
#info_bar {
position : relative;
width : 680px;
height : 100%;
margin : 5px 40px 10px 40px;
}
#breadcrumbs {
float : left;
width : 430px;
height : 100%;
}
#date {
float : right;
width : 200px;
height : 100%;
text-align : right;
}
#main_content {
position : relative;
width : 680px;
height : 100%;
margin : 0 0 0 40px;
padding : 2px 0 0 0;
background : #fff url(../images/layout/divider_dots_horizontal_1.gif) repeat-x top left;
}
#copy_left {
float : left;
width : 320px;
height : 100%;
margin : 0;
padding : 0 30px 20px 0;
background : #fff url(../images/layout/divider_dots.gif) repeat-y top right;
}
#copy_left_nb {
float : left;
width : 320px;
height : 100%;
margin : 0;
padding : 0 30px 20px 0;
}
#copy_right {
float : left;
width : 320px;
height : 100%;
margin : 0;
padding : 0 0 0 10px;
text-align : left;
}
#cr_left {
float : left;
width : 100px;
height : 100%;
}
#cr_right {
float : left;
width : 220px;
height : 100%;
}
#bottom {
position : relative;
width : 760px;
height : 100%;
background : #fff url(../images/layout/bg_container.gif) repeat-y top left;
}
#bottom_content {
position : relative;
width : 680px;
margin : 0 0 0 40px;
padding : 20px 0 10px 0;
text-align : left;
}
#footer {
clear : both;
width : 760px;
height : 60px;
margin-top : 0;
background : #fff url(../images/layout/bg_footer.gif) no-repeat top left;
}
#footer_left {
float : left;
width : 600px;
margin : 0 0 0 40px;
}
#footer_right {
float : right;
width : 300px;
text-align : right;
margin-right : 3em;
}
#credit {
position : relative;
text-align : right;
margin : 5px 10px 0 0;
}
img {
border : 0;
}
img.pad_border {
padding : 5px;
border : 1px solid #ccc;
}
img.rsspic {
margin : 0 10px 0 0;
vertical-align : middle;
padding-bottom : 5px;
}
.center {
text-align : center;
margin-left : auto;
margin-right : auto;
}
.left {
text-align : left;
}
.bold {
font-weight : bold;
}
.italic {
font-style : italic;
}
br.clear {
clear : both;
}
.heading {
font-weight : bold;
}
.grey {
color : #ccc;
}
.right {
text-align : right;
}
h1 {
font-size : 1.5em;
font-weight : bold;
margin : 10px 0 10px 0;
color : #444;
}
h2 {
font-size : 1.4em;
font-weight : bold;
margin : 10px 0 10px 0;
color : #444;
}
h3, h4, h5, h6, p.emphasis {
font-size : 1.2em;
line-height : 1.4em;
font-weight : bold;
color : #444;
margin : 10px 0 10px 0;
}
.emphasis {
font-size : 1.4em;
line-height : 1.4em;
font-weight : bold;
color : #444;
}
p {
font-size : 1.1em;
line-height : 1.5em;
}
p.error {
font-weight : bold;
color : #ff0000;
margin-bottom : 0;
background-image : url(http://www.tetractis.com/images/layout/error.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 3px 0 10px 35px;
}
p.title {
font-size : 1.2em;
font-weight : normal;
margin : 10px 0 10px 0;
color : #cc3333;
}
p.emphasis_orange {
font-size : 1.2em;
line-height : 1.4em;
font-weight : bold;
color : #CC3333;
margin : 10px 0 10px 0;
background-image : url(http://www.tetractis.com/images/layout/bullet_info.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 2.5px 0 0 30px;
}
#info_bar p {
margin : 0;
}
#date p {
font-weight : bold;
color : #cc3333;
}
.regular {
font-size : 1.1em;
color : #000;
}
p.news {
background-image : url(http://www.tetractis.com/images/layout/bullet_arrow_orange.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 0 20px;
margin-bottom : 0;
}
p.news_red {
background-image : url(http://www.tetractis.com/images/layout/bullet_arrow_red.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 0 20px;
margin-bottom : 0;
font-size : 1.2em;
line-height : 1.4em;
font-weight : bold;
}
p.acrobat {
text-align : left;
font-weight : bold;
background-image : url(http://www.tetractis.com/images/buttons/pdf_icon.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 10px 0 0 50px;
margin-top : 10px;
height : 32px;
}
p.pad_right {
padding-right : 50px;
}
p.pad_bottom {
padding-bottom : 5px;
}
a:link {
color : #cc3333;
text-decoration : none;
}
a:visited {
color : #cc3333;
text-decoration : none;
}
a:hover {
color : #cc3333;
text-decoration : underline;
}
#navbar a:link {
color : #000;
text-decoration : none;
font-size : 1.3em;
font-weight : bold;
}
#navbar a:visited {
color : #000;
text-decoration : none;
font-size : 1.3em;
font-weight : bold;
}
#navbar a:hover {
color : #CC3333;
text-decoration : none;
font-size : 1.3em;
font-weight : bold;
text-align : center;
}
#tbl_contact {
margin : 20px 0;
}
.top {
vertical-align : top;
}
#home ul, #doc ul {
margin : 0;
padding : 5px 0 0 0;
font-size : 1em;
}
.subtitle {
font-size : 1.3em;
}
#home li, #academy li {
font-size : 1.1em;
margin : 10px 0 5px -20px;
list-style-type : none;
color : #000;
background-image : url(../images/layout/bullet_arrow.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 0 20px;
line-height : 1.4em;
font-weight : bold;
}
#home li ul li {
font-size : 1em;
margin : 10px 0 5px 0;
list-style-type : none;
list-style-image : none;
color : #000;
padding : 0 0 0 20px;
line-height : 1.4em;
font-weight : normal;
}
#doc li {
font-size : 1.1em;
margin : 20px 0 5px 0;
list-style-type : none;
background-image : url(http://www.tetractis.com/images/layout/bullet_doc.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 5px 25px;
}
#doc li ul li {
font-size : 1em;
margin : 10px 0 5px 0;
list-style-type : none;
background-image : url(http://www.tetractis.com/images/layout/bullet_doc.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 5px 25px;
}
#doc li ul li ul li {
font-size : 1em;
margin : 10px 0 -5px 0;
list-style-type : none;
background-image : url(http://www.tetractis.com/images/layout/bullet_doc.gif);
background-position : top left;
background-repeat : no-repeat;
padding : 0 0 5px 25px;
}
label {
margin-left : -4px;
color : #000;
font-size : 1.1em;
}
.button {
background : #fff url(http://www.tetractis.com/images/layout/bg_button.jpg) repeat-x;
border : 1px solid #ccc;
font-weight : bold;
font-size : 1.2em;
}
.input {
font-size : 1.1em;
font-family : Arial, Helvetica, sans-serif;
background-color : #f4f4f4;
width : 210px;
border : 1px solid #ccc;
}
.input_sml {
font-size : 1.1em;
font-family : Arial, Helvetica, sans-serif;
background-color : #f4f4f4;
width : 178px;
border : 1px solid #ccc;
}
.input_numeric {
font-size : 1.1em;
font-family : Arial, Helvetica, sans-serif;
background-color : #f4f4f4;
width : 50px;
border : 1px solid #ccc;
}
select {
font-size : 1.1em;
background-color : #f4f4f4;
font-family : Arial, Helvetica, sans-serif;
}
textarea {
font-size : 1.1em;
background-color : #f4f4f4;
border : 1px solid #ccc;
font-family : Arial, Helvetica, sans-serif;
}
input.radio {
font-size : 1.2em;
}
table {
border-collapse : collapse;
}
td.divider {
height : 15px;
background : #fff url(http://www.tetractis.com/images/layout/divider_dashes.gif) repeat-x center left;
}
td.admin_left {
width : 300px;
vertical-align : middle;
font-size : 1.1em;
font-weight : bold;
}
td.td_90 {
width : 90px;
}
td.right {
text-align : right;
vertical-align : top;
padding-top : 40px;
}
hr {
border : 0;
margin : 10px 0;
}
hr.hr1 {
color : #ffcc80;
background-color : #ffcc80;
height : 1px;
}
.dashes {
width : 100%;
height : 15px;
background : #fff url(http://www.tetractis.com/images/layout/divider_dashes.gif) repeat-x center left;
}
#center {
position : relative;
width : 350px;
height : auto;
margin : 30px auto;
padding : 20px;
border : 2px solid #ccc;
background : #ebebeb url(http://www.tetractis.com/images/layout/bg_admin.jpg) repeat-x;
}
#msgbox {
position : relative;
width : 400px;
border : 2px solid #cc0000;
background : #ebebeb url(http://www.tetractis.com/images/layout/bg_admin.jpg) repeat-x;
margin : 30px auto;
padding : 20px;
text-align : left;
}
#msgbox_std {
position : relative;
width : 400px;
border : 2px solid #ccc;
background : #ebebeb url(http://www.tetractis.com/images/layout/bg_admin.jpg) repeat-x;
margin : 30px auto;
padding : 20px;
text-align : left;
}
#msgbox h1 {
font-size : 1.1em;
color : #cc0000;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-bottom : -1.5%;
}
#msgbox_std h1 {
font-size : 1.1em;
color : #197214;
font-weight : bold;
font-family : Verdana, Arial, Helvetica, sans-serif;
margin-bottom : -1.5%;
}
#admin_menu {
float : right;
width : 280px;
height : auto;
margin : 0 0 10px 0;
}

.links {
	width: 245px;
	text-align: center;
}

a.red:link, a.red:visited {
color : #cc0000;
text-decoration : none;
}
a.red:hover {
color : #cc0000;
text-decoration : underline;
}
a.green:link, a.green:visited {
color : #197214;
text-decoration : none;
}
a.green:hover {
color : #197214;
text-decoration : underline;
}