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

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background:#CCCCCC;
}

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

#container2col{
text-align: left;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999999;
border-right-color: #999999;
border-bottom-color: #999999;
border-left-color: #999999;
top: 0px;
background-color: transparent;
background-image: url(../images/background2col.gif);
background-repeat: repeat;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: 30px;
position: relative;
width: 770px;
margin-top: 0pt;
margin-right: auto;
margin-bottom: 0pt;
margin-left: 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:left;
width:770px; height:150px;
background:url(../images/header.jpg) 0 0 no-repeat; position:relative;
z-index: 10;
}

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

#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;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	BACKGROUND: #444;
	PADDING-BOTTOM: 10px;
	COLOR: #ddd;
	PADDING-TOP: 7px;
	POSITION: relative;
	TEXT-ALIGN: center;
	vertical-align: middle;
}


.footerlink a {
font-size:10px;
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;
}

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

.vertnav1 a:link,
.vertnav1 a:visited,
.vertnav1 a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
background:#444; /*dark grey*/ 
border-bottom:1px solid #fff;  /*white*/
color:#fff; /*nav1 white*/ 
}
.vertnav1 a:hover {
color:#fff;  /*nav white*/
background:#000080;  /*nav blue*/
}

.vertnav1-act a:link,
.vertnav1-act a:visited,
.vertnav1-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
font-weight: bold;
text-decoration:none;
width:168px;
background:#000080;  /*nav blue*/
border-bottom:1px solid #0099ff;  /*light blue 3*/
color:#fff;  /*nav white*/
}

.vertnav2 a:link,
.vertnav2 a:visited,
.vertnav2 a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
background:#68B0FF;  /*light blue 1*/
text-indent:15px;
color:#000; /*nav2 black*/ 
}
.vertnav2 a:hover {
background:#94CDFF;  /*light blue 2*/
color:#333;  /*dark grey*/
}

.vertnav2-act a:link,
.vertnav2-act a:visited,
.vertnav2-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
text-indent:15px;
background:#94CDFF;  /*light blue 2*/
color:#333;  /*dark grey*/
}

.vertnav3 a:link,
.vertnav3 a:visited,
.vertnav3 a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
text-indent:30px;
background:#C0E3FF;  /*light blue 3*/
color:#E46C1B; /*brown orange*/ 
}
.vertnav3 a:hover {
background:#C0E3FF;  /*light blue 3*/
color:#0099FF;  /*electric blue*/
}

.vertnav3-act a:link,
.vertnav3-act a:visited,
.vertnav3-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
text-indent:30px;
background:#C0E3FF;  /*light blue 3*/
color:#0099FF;  /*electric blue*/
}
.vertnav3-act a:hover {
color:#0099FF;  /*electric blue*/
}

.vertnav4 a:link,
.vertnav4 a:visited,
.vertnav4 a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
text-indent:45px;
color:#E46C1B; /*brown orange*/ 
}
.vertnav4 a:hover {
color:#993300;  /*brown*/
}

.vertnav4-act a:link,
.vertnav4-act a:visited,
.vertnav4-act a:active {
margin: 0px;
display:block;
padding:5px;
font-size:12px;
text-decoration:none;
width:168px;
border-bottom:1px dotted #0099FF;  /*electric blue*/
text-indent:45px;
color:#993300;  /*brown*/
}

/* General element styles:*/  
H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT { font-family:arial, helvetica; color:#000; font-size:12px; }
PRE { font-family:monospace; }
A { color:#000080; text-decoration:none;}
A:hover { color:#EF7318; text-decoration:none; }
A img { border: none; }
FORM { margin:0px;}
P, PRE {color:#000;}
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; }

UL {
	FONT-SIZE: 12px;
	margin-top: 2px;
}

P, TD, UL, OL {
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
}


/* social bookmarks
.tx-timtabsociable-pi1 a:link,
.tx-timtabsociable-pi1 a:visited,
.tx-timtabsociable-pi1 a:link,
.tx-timtabsociable-pi1 a:hover {
border-width: 0;
}
*/  

/* 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:#000000; font-weight:bold;}
H2 { font-size:18px; color:#000000; }
H3 { font-size:14px; color:#000000; font-weight:bold;}
H4 { font-size:12px; color:#000000; margin-top: 2px;}
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: #000066; text-decoration:none; }
H2 A { color:#186900; }
H3 A { color:#10007B; }
H4 A { color:#0063ff; }
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; }

.style1111 {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}
.style2222 {
	color: #CCCCCC;
}
