body {
	background: #D2EBF8;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #003A66;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
}

a
{
    color: #003A66;
}

.nav
{
    font-size:12px;
}

.nav a
{
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
}

#layout
{
    width: 1000px;
}

#HiddenCSS 
{
	display: none;
	margin: -20px 0px 0px 0px;
}

#Header 
{
	margin: 0px 0px 0px 0px;
	background: #454481;
}

#LeftHeader
{
    float:left;
    width: 148px;
    margin: 0px 0px 0px 0px;
	background-image: url(images/headerlogo.gif);
	background-repeat: no-repeat;
	height: 79px;
	border-left: 1px solid #ffffff;
}

#RightHeader
{
    float:right;
    width: 849px;
    margin: 0px 0px 0px 0px;
	background-image: url(images/headertext.gif);
	background-repeat: no-repeat;
	height: 79px;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#Menu 
{
    float:left;
	margin: 57px 0px 0px 0px;
	background: #0073cc;
	height:20px;
	font-size: 12px;
	font-weight:bold;
	text-align: left;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
	width: 849px;
}

#Menu ul 
{
	list-style: none;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#Menu li 
{
	display: inline;
}

#Menu a 
{
	text-decoration: none;
	color: #ffffff;
	padding: 0px 15px 0px 15px;
}

#Menu #current a 
{
	background: #80BAE6;
	color: #003A66;
	padding: 3px 15px 3px 15px;
}

#Menu a:hover {
	background: #80BAE6;
	color: #003A66;
	padding: 3px 15px 3px 15px;
}

#NewsColumn
{
    float:left;
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0px 0px;
    width: 139px;
    height: 400px;
    font-size: 11px;
    background: #98a2ff;
    border-left: 1px solid #ffffff;
    text-align:left;
}

#NewsInner
{
    position: relative;
    height: 400px;    
}

#NewsColumn .latestheader
{
    font-weight: bold;
    padding: 0px 0px 5px 0px;
}

#NewsColumn .latestheader a
{
    text-decoration:none;
}

#NewsColumn .latestdetail
{
    padding: 0px 0px 10px 0px;
}

#NewsContactDetails
{
    position:absolute;
    bottom: 0px;
    width: 139px;
    left: 5px;
    text-align:left;
}

#MenuColumn
{
    float:left;
    margin: 0px 0px 0px 0px;
    width: 149px;
    height: 420px;
    font-size: 11px;
    background: #98a2ff;
    border-left: 1px solid #ffffff;
}

#MenuInner
{
    position: relative;
    height: 420px;    
}

#SideMenu 
{
	font-size: 12px;
	font-weight:bold;
	text-align: left;
}

#SideMenu ul 
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#SideMenu li 
{

}

#SideMenu #header
{
    background: #0073cc;
    color: #ffffff;
    height: 20px;
    padding: 5px 0px 0px 10px;
    border-bottom: 1px solid #ffffff;
}

#SideMenu a 
{
	text-decoration: none;
	color: #003A66;
	display: block;
	height: 20px;
	padding: 4px 0px 0px 10px;
	border-bottom: 1px solid #ffffff;
}

#SideMenu #current a 
{
	background: #A3D5F0;
	color: #003A66;
	display: block;
}

#SideMenu a:hover {
	background: #A3D5F0;
	color: #003A66;
	display: block;
}

#MenuContactDetails
{
    position: absolute;
    bottom: 10px;
    width: 149px;
    left: 10px;
    text-align:left;
}

#WrapperColumn
{
	width: 1000px;
	background: #A3D5F0;
	min-height: 400px;
	border: 1px red;
}

#WrapperColumn:after
{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
    visibility:hidden;
}

#ContentColumn
{
    float:right;
    background-image: url(images/content.jpg);
    background-repeat: no-repeat;
	width: 848px;
    height: 420px;
    border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#ContentColumn2
{
    float:right;
	width: 848px;
    height: 420px;
    border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#WelcomeContent
{
    margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	width: 828px;
    height: 205px;
    text-align:left;
    font-size: 14px;
    
}

#WelcomeContent .welcomelistleft
{
    float:left;
    width: 400px;
    height: 0px;
    padding: 0px 0px 0px 0px;
    margin: -10px 0px -10px 0px;
}

#WelcomeContent .welcomelistright
{
    float:right;
    width: 400px;
    height: 0px;
    padding: 0px 0px 0px 0px;
    margin: -10px 0px -10px 0px;
}

#WelcomeContent ul
{
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
}

#WrapperColumn .welcomespace
{
    float:left;
    width: 98px;
    height: 200px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#WrapperColumn .welcomeimage
{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ffffff;
}

#NewsContent
{
    float:right;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 400px;
    text-align:left;
    border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}


#NewsContent .summaryheader
{
    font-size: 12px;
    padding: 0px 0px 5px 0px;
    width: 828px;
}

#NewsContent .summaryimage
{
    float:left;
    width: 75px;
    height: 60px;
}

#NewsContent .summaryimage img
{
    vertical-align:top;
    width: 50px;
    height: 50px;
    border: 1px #000000 solid;
}

#NewsContent .summarytext
{
    float:left;
    width: 700px;
    height: 60px;
}

#NewsContent .summarytext a
{
    text-decoration:none;
    font-weight: bold;
}

#NewsContent .summaryprevious
{
    float:left;
    font-size: 12px;
    width: 100px;
}

#NewsContent .summarynext
{
    float:right;
    font-size: 12px;
    width: 100px;
}

#ServicesContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 190px;
    text-align:left;
}

#WrapperColumn .servicespace
{
    float:left;
    width: 98px;
    height: 200px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#WrapperColumn .serviceimage
{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ffffff;
}

#ServicesContent img
{
    float:right;
    width: 200px;
    height: 150px;
    margin: 0px 0px 10px 10px;
    border: 1px solid #ffffff;
}

#ProjectContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 190px;
    text-align:left;
}

#WrapperColumn .projectspace
{
    float:left;
    width: 98px;
    height: 200px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#WrapperColumn .projectimage
{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #ffffff;
    width: 150px;
    height: 200px;
    display:block;
}

#CodesContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 400px;
    text-align:left;
}

#ContactContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 400px;
    text-align:left;
}

#ContactContent #contactformouter
{
	float:left;
	width: 500px;
	margin: 0px 0px -20px 0px;
}

#ContactContent #contactinfo
{
	float:right;
	width: 250px;
	margin: 0px 0px 0px 0px;
}

#ContactContent .contactform 
{
	   margin-top: 10px;
}

#ContactContent span.formlabel 
{
	float:left;
	width: 150px;
	padding-left: 5px; 
}

#PortalContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 400px;
    text-align:left;
}

#login
{
	float:left;
	width: 800px;
	font-size: 11px;
	padding:20px 0px 0px 0px;
	text-align:justify;
}

#login #error
{
	color:Red;
	font-weight:bold;
}

#logout
{
	color:#666699;
	float:right;
	font-size: 11px;
	padding:20px 0px 0px 0px;
}

#Footer 
{
    float:left;
    background: #0073cc;
    width: 998px;
	font-size: 10px;
	text-align:center;
	color: #ffffff;
	height: 12px;
	padding: 3px 0px 3px 0px;
	border: 1px #ffffff solid;

}

#CPContent
{
    float:left;
    background: #A3D5F0;
	padding: 10px 10px 10px 10px;
	width: 828px;
    height: 400px;
    text-align:left;
}

#CPContent .newscpheader
{
	float:left;
	width: 800px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight:bold;
	background-color: #0073cc;
	border: solid 1px #ffffff;
	color: #ffffff;
}

#CPContent .newscpdetail
{
	float:left;
	width: 800px;
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	border: solid 1px #ffffff;
	background: #98a2ff;
	color: #003A66;
}

#CPContent span.newscplabel 
{
	float:left;
	padding-left: 5px;
	width: 200px;
}

#CPContent span.newscpinput 
{
	float:left;
}

#CPContent span.newscpid 
{
	float:left;
	padding-left: 5px;
	width: 50px;
}

#CPContent span.newscpdate 
{
	float:left;
	width: 75px;
}

#CPContent span.newscpheadline
{
	float:left;
	width: 300px;
}

#CPContent span.newscpposted
{
	float:left;
	width: 100px;
}

#CPContent span.newscpdisplay 
{
	float:left;
	width: 50px;
}

#CPContent span.newscpoption 
{
	float:left;
	width: 70px;
}

#CPContent .newscpdetail form
{
	margin-top: 0px;
	margin-bottom: 0px;
}

#Month
{
	width: 720px;

}

#Month ul
{
        list-style:none;
        margin: 0px 0px 0px 0px;
}


#Month li
{
        margin: 0px 0px 0px 0px;
}

#Month span.monthname
{
    float:left;
    font-weight: bold;
    width: 60px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #ffffff;
    padding: 1px 0px 2px 0px;
    background: #ffffff;
    text-align: center;
}

#Month span.a
{
    float:left;
    width: 19px;
    padding: 1px 0px 2px 0px;
    background: green;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    
}

#Month span.b
{
    float:left;
    width: 19px;
    padding: 1px 0px 2px 0px;
    background: red;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
}