/*******************/
/* Template Layout */
/*******************/

body {
margin:0;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
background: url(../images/bg.gif) 0 0 repeat-x #14436b;	  
padding: 0px;
margin: 0px;
}

#container {
text-align:left;
border:10px solid #fff;
top:0px;
width:900px;
margin:0px auto;
background: url(../images/2col-left.gif) 0 0 no-repeat #FFF;	  
}

#container2col {
text-align:left;
border:10px solid #fff;
top:0px;
position:relative;
width:900px;
margin:0 auto;
background: url(../images/2col-left.gif) 0 0 no-repeat #FFF;	  
}

#container2col-right {
text-align:left;
border:10px solid #fff;
top:0px;
position:relative;
width:900px;
margin:0 auto;
background: url(../images/2col-left.gif) 0 0 no-repeat #FFF;	  
}

#container3col {
text-align:left;
border:10px solid #fff;
top:0px;
position:relative;
width:900px;
margin:0 auto;
background: url(../images/2col-left.gif) 0 0 no-repeat #FFF;	  
}

#header {
clear:both;
text-align:left;
width:900px; 
height:275px;
background:url(../images/top_image.jpg) 0 0 no-repeat  ; 
position:relative;
margin-bottom: 5px;
}

#left-content {
position:relative;
float:left;
width:200px;
padding:5px;
}

#container3col #left-content{
position:relative;
float:left;
width:190px;
padding:5px;
margin-top: -18px;
}

#wrapper {
float:right;
width:695px;
min-height: 175px;
}

#main-content1col {
width:880px;
min-height: 175px;
padding:10px;
}

#main-content2col {
float:right;
width:670px;
min-height: 175px;
padding:5px;
}

#left-content-right {
position:relative;
float:left;
width:650px;
left:10px;
}

#main-content2col-right {
float:right;
width:205px;
min-height: 175px;
padding:0 10px;
}

#main-content2col-right img {
width: auto;
max-width:190px;
}

#main-content3col {
float:left;
width:465px;
padding:5px;
}

#right-content {
position:relative;
float:right;
width:195px;
padding:5px;
}

#footer{
clear:both;
position:relative;
text-align:center;
font-size:10px;
font-weight: bold;
color: #ddd;
background:#999999;
padding: 5px 10px 10px 10px;
margin-top: 10px;
}

.footerlink a {
font-size:10px;
font-weight: bold;
color: #fff;
}

.footerlink a:hover {
color: #ddd;
}


/********************************/
/* Form elements */
/*******************************/

#username, #password {
z-index: 10;
font-size:12px;
top:3px;
position:absolute;
}

#loggedin, #loginbutton, #loginuser {
z-index: 10;
font-size:12px;
top:2px;
position:absolute;
}

#username {
left:700px;
width:64px;
border: #000 1px solid;
margin:0px;
}

#password {
left:770px;
width:64px;
border: #000 1px solid;
margin:0px;
}

#loggedin {
left:825px;
}

#loginbutton {
left:840px;
border:0px;
}

#loginuser {
left:800px;
top:6px;
color: #fff;
}

/* 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:#3d5f67; text-decoration:none;}
A:hover { color:#3d5f67; text-decoration:underline; }
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; }


/* 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:#1f3072; font-weight:bold; border-bottom: 1px dotted #1f3072;}
H2 { font-size:18px; color:#FFF; }
H3 { font-size:18px; color:#1f3072; font-weight:bold;}
H4 { font-size:12px; color:#1f3072;}
H1, H2, H3, H4, H5, H6 { 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:0; }


/* Headers, with link */
H1 A, H2 A, H3 A, H4 A, H5 A { color: #999999; text-decoration:none; }
H2 A { color:#999999; }
H3 A { color:#999999; }
H4 A { color:#999999; }
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:10px; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { font-size:10px; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { font-size:10px; }


/* Header date */ 
P.csc-header-date { font-size:10px; color:#186900; }

#content-navigation {
text-align:right;
width:auto;
height:18px;
vertical-align:bottom;
padding-bottom:8px;
font-weight:normal;
}

#content-navigation img {
margin:0;
padding-left:4px;
padding-top:2px;
vertical-align:top;
}

#content-navigation a {
padding-right:4px;
text-decoration: none;
font-weight:normal;
}

#print, #tipafriend, #pdf {
float:right;
}
