/* =================Main Styles that apply to body==================== */
html, body { 
    background-color:#FFF;
    margin:0px;
    position:relative;
    font-family:Verdana, Tahoma, Sans-Serif;
    color:#000000;
    font-size:12px;
    font-weight:normal;
	text-decoration:none;
}
/* ------------------STYLE DEFAULT ANCHORS (LINKS)-------------------- */
A {
    text-decoration:none;
    color:#4b4b4b;
}
A:hover { 
    text-decoration:underline;
    font-weight:bold;
    color:#909090;
}
A:link {
    text-decoration:none;
    color:#2952A3;
}
A:visited {
    text-decoration:none;
    color:#2952A3;
}
A:active {
    text-decoration:none;
    color:#2952A3;
}
/* ----------------------STYLE DEFAULT HEADINGS----------------------- */
H1, H2, H3, H4, H5, H6 {
    font-family:Verdana, Tahoma, Calibri, Sans-Serif;
    font-weight:bold;
    color:#000;
}
H1 { font-size:xx-large; color: #2952A3; }
H2 { font-size:x-large; color: #2952A3; }
H3 { font-size:medium; }
H4 { font-size:small; }
H5 { font-size:smaller; }
H6 { font-size:x-small; }
/* =================================================================== */

/* =========================HEADER AREA & IMAGE======================= */
#header {
    width:960px;
    height:125px;
    margin:-5px auto -25px auto;
    padding:0px 0px 0px 0px;
    background-image:url(images/5genBanner.png); background-repeat: no-repeat; background-position: top;
}
.float-L{float:left; margin-top:5px;} /* For floating logo image on left side of page */
.float-R{float:right; margin-top:35px; margin-right:75px;} /* For positioning text in center of bkg banner */
/* =================================================================== */


/* =========================TOP NAVIGATION MENU======================= */
#nav ul{
	display:block;
	float:left;
	font-size:12px;
	font-family:Verdana, Tahoma, sans serif;
	text-transform:uppercase;
}

#nav ul, #nav ul li{
	margin:0; /* do not adjust - affects spacing of dropdown elements */
	padding:0;
	list-style:none;
	}

#nav ul#navitem{
	margin:0px 0px 0px 0px;
	}

#nav ul li{
	float:left;
	margin-right:6px;
	}

#nav ul li li{
	margin-left:0;
	}

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:hover{
	display:block;
	margin:0;
	padding:5px 7px;
	border:1px solid #2952A3;
	background-color:#F1F1F1;
	text-decoration:none;
	font-weight:normal;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:8px 8px 8px 8px;
	-khtml-border-radius:8px 8px 8px 8px;
}

#nav ul ul li a:link, #nav ul ul li a:visited{
	border:none;
	}

#nav ul li a:hover, #nav ul li.active a{
	background-color: #2952A3;
	color: #FFFFFF;
}
	
#nav ul li li a:link, #nav ul li li a:visited{
	width:125px;
	float:none;
	margin:0;
    padding:5px 7px;
	border:1px solid #2952A3;
	font-size:10px;
	font-weight:normal;
	color:#2952A3;
	background-color:#F1F1F1;
}
	
#nav ul li li a:hover{
	background-color: #2952A3;
	color: #FFFFFF;
}

#nav ul ul{
	z-index:9999;
	position:absolute;
	left:-999em;
	height:auto;
	width:125px;
	}

#nav ul ul a{width:125px;}

#nav ul li:hover ul{left:auto;}

#nav ul li:hover{position:static;}

#nav ul li.last{margin-right:0;}

/* =================================================================== */


/* ===========================CONTENT================================= */
/* ---------------------------CONTAINERS------------------------------ */
#frame {
    width: 960px;
    height: 550px;
    margin: 50px auto 0px auto;
    padding: 0px 0px 0px 0px;
    background-color: #FFF;
}
#left {
    float: left;
    width: 250px;
    height: 550px;
    padding: 0px 0px 0px 0px;
    background-color: #FFF;
    border-right: 1px dotted #2952A3;
}
#left .div { 
	width: 175px;
	margin:0px 0px 0px 45px;
	padding:5px 7px;
	border:1px solid #2952A3;
	background-color:#F1F1F1;
	text-decoration:none;
	font-weight:normal;
	line-height:1.75em;
	border-radius:8px 8px 8px 8px;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:8px 8px 8px 8px;
	-khtml-border-radius:8px 8px 8px 8px;
}
#left .div a:hover, #left active a { 
    margin:0;
    padding:5px 0px;
    text-decoration:none;
    line-height:1.75em;
}
#right {
    float: right;
    width: 684px;
    height: 550px;
    padding: 0px 0px 0px 25px;
    background-color: #FFF;
}
#right p { 
	text-align:justify; 
	padding-right:75px;
}
#central {
    width: 960px;
    height: 550px;
    padding: 25px 0px 0px 0px;
    background-color: #FFF;
}
#central p { 
	text-align:justify; 
	padding-left:75px;
	padding-right:75px;
}

/* ------------------STYLING - NEWS ENTRIES-------------------- */
.news {
    border-bottom: 1px dotted #2952A3;
    margin: 0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:justify;
}

/* ------------------STYLING - TEXT - CAMARO FONTS-------------------- */
.gen1 { font-family: Brush Script MT, Brush Script STD; font-size: 26px; color: #2952A3;}
.gen5 { font-family: Oramac, Impact; font-size: 22px; color: #2952A3;}

/* ------------------STYLING - GENERAL TEXT--------------------------- */
.content { 
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #000000;
    font-size: 12px;
    font-weight: normal;
}
.s_content { 
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #000000;
    font-size: 10px;
    font-weight: normal;
}
.m_content { 
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #000000;
    font-size: 14px;
    font-weight: normal;
}
/* ------------------STYLING - CUSTOM HEADINGS------------------------ */
/* ------------------BLUE HEADINGS------------------------------------ */
.l_bl_heading { 
    font-size: 25px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #2952A3;
    font-weight: bolder;
    text-decoration: none;
}
.m_bl_heading { 
    font-size: 18px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #2952A3;
    font-weight: bold;
    text-decoration: none;
}
.s_bl_heading { 
    font-size: 13px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #2952A3;
    font-weight: bold;
    text-decoration: none;
}
/* ------------------GREY HEADINGS------------------------------------ */
.l_g_heading { 
    font-size: 25px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #777777;
    font-weight: bolder;
    text-decoration: none;
}
.m_g_heading { 
    font-size: 18px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #777777;
    font-weight: bold;
    text-decoration: none;
}
.s_g_heading { 
    font-size: 13px;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #777777;
    font-weight: bold;
    text-decoration: none;
}

/* ------------------STYLING - HORIZONTAL ROW/LINE-------------------- */
.hr {
    height: 2px;
    width: 400px;
    color: #2952A3;
    margin: auto;
}
/* ---------------------STYLING - BUTTON LINKS------------------------ */
#button {
    padding: 10px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}
#button a {
    padding: 2px 10px;
    border: 1px solid #2952A3;
    background-color: #F1F1F1;
    text-decoration: none;
    font-weight: bold;
    color: #2952A3;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
}
#button a:hover {
    background-color: #2952A3;
    color: #FFF;
}
/* =================================================================== */

/* ===========================PAGE FOOTER============================= */
#footer {
    clear: both;
    width: 954px;
    margin: 0px auto;
    padding: 20px 0px; z-index:auto;
}
#footer p {
    margin: 0px;
    padding: 10px 0px;
    border-top: 1px solid #2952a3;
    text-align: center;
    font-family: Verdana, Tahoma, Calibri, Sans-Serif;
    color: #000000;
    font-size: 10px;
    font-weight: normal;
}
/* =================================================================== */