/* CSS Document */

/* General Website Properties */
body {
background:#CCCCCC;  /*background color */
color:#315fa7;  /*default text color */
font-size:12px; /*default font size */
font-family: Verdana, Arial, Helvetica, sans-serif; /*default font */
margin:0px;
padding:0px;
}

h1 {
font-size:24px;
}

h2 {
font-size:18px;
}

h3 {
font-size:14px;
}

.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }

.style12 {font-size:16px; font-weight: bold; background-color:#cddced; }

.style14 {font-size:12px; font-weight:bold;}

.style15 {font-size:12px}

.style16 {font-family:Tahoma; font-size:24px; font-weight:bold; color:#000000; background-color:#cddced;}

p, ul, li {
font-size:12px;
}

a {
color:#315fa7;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* Wrapper to hold everything */
/* Dont change anything except the border property */
#holder {
width:755px;
height:auto;
margin:0px auto 10px auto;
padding:0px;
}

/* everything */
#main {
width:100%;
float:left;
background:#fff; /* content background color */
margin:0px;
padding:0px;
border:2px solid #1d3760; /*default border */
}


/* Header section of the site */ 
#head {
width:100%; 
height:auto;
float:left;
margin:0px;
padding:10px 0px;
background:#fff;
}

#headLeft {
float:left;
height:auto;
width:600px;
}

#headRight {
float:right;
height:auto;
width:150px;
}

/* Upper Navigation Section */
#nav {
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;
background:#315fa7;
}



#nav ul {
width:100%;
margin:0px;
padding:0px;
list-style:none;
display:block;
float:left;
}

#nav li {
float:left;
display:inline;
}

/* Top Navigation Link Style */
#nav li a {
display:block;
margin:0px;
padding:5px 15px; /* Change the first value to make the button taller. Change the second to make the buttons longer. */
color:#fff; /* Button Text Color */
font-weight:bold;
text-decoration:none;
}

#nav li a:hover {
background:#cddced; /* Background color when mouse moves over button */
color:#315fa7; /* Button Text Color when mouse moves over button*/
}

/* Wrapper to hold content and left navigation */
#content {
width:100%;
height:auto;
float:left;
margin:0px;
padding:0px;
}

/* Left Navigation */
#lNav {
width: 175px;
float:left;
height:auto;
background:#cddced;
}

#lNav ul {
width:100%;
float:left;
margin:0px;
padding:0px;
list-style:none;
display:block;
}

#lNav ul li {
width:100%;
float:left;
display:block;
margin:0px;
padding:0px;
}

/*Left Navigation Links Style */
/* It is fairly easy to break the layout, so be careful changing the padding or width attributes here. */
#lNav ul li a {
width:165px;
display:block;
float:left;
padding:3px 5px;
color:#315fa7; /* Link Text Color */
font-weight:bold;
text-decoration:none;
}

#lNav ul li a:hover {
text-decoration:underline;

}

/* Actual Content Area */
#rContent {
width:565px;
float:left;
height:auto;
background:#fff;
margin-left:10px;
margin-top:10px;
}

/* Footer of the site */
#foot {
width:100%;
float:left;
text-align:center;
}

.darkBlueSel {
background:#315fa7;
color:#fff;
text-align:center;
vertical-align:middle;
width:15%;
border-bottom:1px solid #000;
border-left:1px solid #000;
padding:2px 0px;
}

.lightBlueSel {
background:#6393c7;
color:#fff;
text-align:center;
vertical-align:middle;
width:15%;
border-bottom:1px solid #000;
border-left:1px solid #000;
margin:2px 0px;
}

.mcCul{
background:#fff;
width:25%;
font-weight:bold;
text-align:right;
}