/*******************/
/* Template Layout background:#C0E3FF;*/
/*******************/

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background:url(../images/background.gif) #000 repeat-y;
}

#container {
text-align:left;
border:1px solid #000;
top:10px;
background:#000; 
position:relative;
width:770px;
margin:auto;
}

#container2col {
text-align:left;
border:1px solid #000;
top:30px;
background:#000;
position:relative;
width:770px;
margin:0 auto;
}

#container3col {
text-align:left;
border:1px solid #fff;
top:0px;
background:url(../images/background3col.gif) 0 120px repeat; position:relative;
width:770px;
margin:0 auto;
}

#header {
clear:both;
text-align:center;
width:700px;
height:32px;
padding-top:8px;
margin:0 auto;
position:relative;
z-index: 10;
border-bottom:3px solid #b2b2b2;
}

#logo {
clear:both;
width:770px;
height:70px;
margin: 0 auto;
position:relative;
background:url(../images/graphtec_logo.gif) 10px 0 no-repeat;
}

#left-content {
position:relative;
float:left;
width:175px;
top:20px;
left:10px;
}

#wrapper {
float:right;
width:591px;
min-height: 175px;
}

#main-content1col {
width:750px;
min-height: 175px;
padding:10px;
}

#main-content2col {
float:right;
width:570px;
min-height: 175px;
padding:10px;
}

#main-content3col {
float:left;
width:385px;
padding:10px;
}

#right-content {
position:relative;
float:right;
width:175px;
}

#footer{
clear:both;
position:relative;
text-align:center;
font-size:12px;
color: #ddd;
background:url(../images/backgroundr.gif) 0 0 no-repeat;
padding:5px;
}

.bold {
font-weight:bold;
font-size:120%;
}


.footerlink a {
font-size:12px;
font-weight: bold;
color: #fff;
}

.footerlink a:hover {
color: #ddd;
}


/********************************/
/* Form elements */
/*******************************/

#username, #password, #loggedin, #loginbutton, #loginuser {
z-index: 10;
font-size:12px;
top:3px;
position:absolute;
}

#username {
left:570px;
width:64px;
border: #000 1px solid;
margin:0px;
}

#password {
left:646px;
width:64px;
border: #000 1px solid;
margin:0px;
}

#loggedin {
left:625px;
}

#loginbutton {
left:718px;
border:0px;
}

#loginuser {
left:600px;
top:6px;
color: #fff;
}


.topnav a:link,
.topnav a:visited,
.topnav a:active {
font-weight:bold;
color:#696b6c;
text-decoration:none;
padding:10px;
vertical-align:middle;
}

.topnav a:hover {
text-decoration:underline;
}


/********************************/
/* Vertical navigation menu */
/*******************************/

.vertnav1 a:link,
.vertnav1 a:visited,
.vertnav1 a:active {
margin: 0px;
display:block;
padding:12px 0 0 10px;
font-size:12px;
text-decoration:none;
width:163px;
height:30px;
margin-bottom:5px;
background:url(../images/menu_back.jpg) 0 0 no-repeat; /*dark grey*/ 
color:#fff;
font-weight:bold;
font-size:15px;
}
.vertnav1 a:hover {
color:#000;
}

.vertnav1-act a:link,
.vertnav1-act a:visited,
.vertnav1-act a:active {
margin: 0px;
display:block;
padding:12px 0 0 10px;
font-size:12px;
text-decoration:none;
width:163px;
height:30px;
margin-bottom:5px;
background:url(../images/menu_back.jpg) 0 0 no-repeat;
color:#000;
font-weight:bold;
font-size:15px;
}


/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#fff; font-size:12px; }
PRE { font-family:monospace; }
A { color:#006AC2; text-decoration:none;}
A:hover { color:#EF7318; text-decoration:none; }
FORM { margin:0px;}
P, PRE {color:#fff;}
P, TD, UL, OL { font-size:12px;}
INPUT, TEXTAREA, SELECT textarea { font-family:arial, helvetica, sans-serif; color:#000; border: #006AC2 1px solid; font-size:12px; }
input[type=radio], input[type=checkbox] { border: 0px solid; }


/* Frames, spacing, link-to-top */ 
DIV.csc-frame-frame1 { background-color:#DCF0FF; padding:2px 4px 2px 4px; border:1px solid #333; }
DIV.csc-frame-frame2 { background-color:#FFFFFF; padding:0px 0px 4px 0px; border-bottom:1px dotted #009CFF; margin-bottom:4px; margin-top:3px; font-size:12px; }


/* Headers, plain */ 
H1 { font-size:18px; color:#fff; font-weight:bold;}
H2 { font-size:18px; color:#d2d2d2; }
H3 { font-size:18px; color:#d2d2d2; font-weight:bold;}
H4 { font-size:12px; color:#fff;}
H1, H2, H3, H4, H5, H6 { margin:0px 0px 0px 0px; margin-top:5px; margin-bottom:5px; }
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top:0px; }


/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #d2d2d2; text-decoration:none; }
H2 A { color:#d2d2d2; }
H3 A { color:#d2d2d2; }
H4 A { color:#d2d2d2; }
H1 A:hover, H2 A:hover, H3 A:hover, H4 A:hover, H5 A:hover { text-decoration:underline; }


/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:12px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:12px; }


/* Header date */ 
P.csc-header-date { font-size:10px; color:#186900; }

table.csc-frame-frame1 {border-collapse:collapse}
table.csc-frame-frame1 td {border:1px solid #fff;padding:2px}

.align-center {text-align:center}