/* DEFAULTS
----------------------------------------------------------*/

body   
{
    font-size: 13px;
    /*font-family: arial,helvetica,sans-serif;*/
    /*font-family: trebuchet ms,arial,times new roman;*/
    font-family: Geneva, Tahoma, sans-serif;
    margin: 0px;
    padding: 0px;
    /*color: #696969;*/
	/*color: #27242B;*/
	color: #000000;
    background: #626262;
    background-image: url(Images/site_bg.png);
	background-repeat:repeat-x;
}

a:link, a:visited
{
	font-size: 12px;
    font-weight: bold;
    color: #004289;
    text-decoration: none;
}

a:hover
{
	font-size: 12px;
    font-weight: bold;
    color: #4b2e82 !important;
    text-decoration: none;
}

a:active
{
	font-size: 12px;
    font-weight: bold;
    color: #004289;
    text-decoration: none;
}

p
{
    margin-bottom: 20px;
    /*line-height: 1.6em;*/
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-family: arial,helvetica,sans-serif;
    /*font-variant: small-caps;*/
    text-transform: none;
	color: #4b2e82;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1
{
    font-size: 22px;
	font-weight: 900;
	margin-bottom: 10px;
}

h2
{
    font-size: 18px;
    font-weight: 700;
	margin-bottom: 8px;
}

h3
{
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 6px;
}

h4
{
    font-size: 15px;
    font-weight: bold;
	margin-bottom: 4px;
}

h5
{
    font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}

h6
{
    font-size: 13px;
	font-weight: bold;
	margin-bottom: 2px;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 960px;
    background-color: #fff;
    margin: 20px auto 20px auto;
    border: 1px solid #ffffff;
}

.header
{
    height: 135px;
    margin: 0px;
    padding: 0px;
    /*background: #4b6c9e;*/
    /*background: #000000;*/
    background-image: url(Images/header_bg.png);
	background-repeat:no-repeat;
    z-index: 100000;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main_nav
{
    width: 960px;
	height: 48px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	background-image: url(Images/menubg_p1.png);
	background-repeat: no-repeat;
	z-index: 200000;
}

.main_under_nav
{
    width: 960px;
	height: 44px;
	float: left;
	margin: 0 0 0 0;
	padding: 1px 0 0 0;
	background-image: url(Images/menu_under_bg.png);
	background-repeat: no-repeat;
	z-index: 200000;
}

.main
{
    padding: 0 0 0 12px;
    margin: 20px 8px 0px 8px;
    min-height: 220px;
}

.partnerLogos
{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    width: 960px;
	height: 86px;
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    /*
    margin: -28px auto;
    */
    text-align: center;
    line-height: normal;
    border-top: 1px solid #C1D731;
    background-color: #FFFFFF;
    /*
    position: relative;
	left: 0px;
	top: -28px; 
    */
}

.footer a:link {color: #004289; font-size: 11px; text-decoration:none;}
.footer a:active {color: #00AEEF; font-size: 11px; text-decoration:none;}
.footer a:visited {color: #004289; font-size: 11px; text-decoration:none;}
.footer a:hover {color: #4b2e82 ; font-size: 11px; text-decoration:none;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.submitButton
{
    float: right;
    margin: 0px 10px 0px 0px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 55%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.logo
{
	width: 260px;
	height: 135px;
	float: left;
	background-image: url(Images/logo_p1.png);
	background-repeat: no-repeat;
	background-position: 20px 5px;
}

.illustration
{
	width: 506px;
	height: 135px;
	float: right;
	background-image: url(Images/illustration_p3.png);
	background-repeat: no-repeat;
	z-index: 0;
}

.main_nav A.button
{
	width: 27px;
	height: 25px;
	margin: 0px;
	padding: 0;
	position: relative;
	left: 17px;
	top: 10px;
}
/*
.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
*/
.loginBar
{
    height: 30px;
    /*background:#000000;*/
    background-image: url(Images/loginbar_bg.png);
	background-repeat:no-repeat;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: #696969;
}

.loginDisplay a:link
{
    color: #696969;
}

.loginDisplay a:visited
{
    color: #696969;
}

.loginDisplay a:hover
{
    color: #696969;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

/* BREAD CRUMB
----------------------------------------------------------*/

.breadcrumb
{
    list-style:none;
    padding:0;
    margin: 7px 0 0 0;
    height:14px;
}

.breadcrumb .first
{
    width:120px;
    margin-right: 10px;
}

.breadcrumb .separator
{
    padding: 0 4px;
}

.breadcrumb li
{
    float:left;
    line-height: 14px;
    color: #fff;
}

.breadcrumb li a,
.breadcrumb li a:hover
{
    font: 12px 'Segoe UI', Arial, 'sans-serif';
    color: #fff;
    text-decoration:underline;
}

.conny
{
    height: 12px !important;
    background: transparent url(Images/bread_crumb_bg.png) no-repeat;
    margin: 0 0 0 0;
    padding:0 0 0 120px ;
    /*
    position: relative;
	left: 0px;
	top: -48px; 
    */
}

.conny h2
{
    margin: 40px 0 0 20px;
}

.flashmedia 
{
    height: 100%;
    text-align:left;
    z-index: -1;
}

.sidetab 
{
    float:left;
    margin: 0px 0 0 5px;
}

/* TAB STRIP
----------------------------------------------------------*/

.exampleWrapper
{
    background: transparent url(Images/tabbg.png) no-repeat top left;
    background-position: 0px 0px;
    position: relative;
    width:290px;
    height:300px;
}
.tabStrip
{
    position:relative;
    top:10px;
    left:20px;
}
.multiPage
{
    position:relative;
    top:0px;
    left:25px;
}

.multiPage p
{
    margin-left: 40px;
}

.multiPage ul
{
    list-style: none;
    width: 520px;
    border-bottom: 1px solid #8d9396;
}
.multiPage label
{
    float:left;
    width: 120px;
    padding-left: 16px;
}

.multiPage li
{
    border-top: 1px solid #8d9396;
    line-height: 23px;
}
.multiPage .pageViewEducation label
{
    width: 220px;
}

/* MISC
----------------------------------------------------------*/

.homebutton
{
    background: transparent url(Images/home.png) no-repeat;
    border: 0px;
    width: 27px;
    height: 25px;
    cursor:hand;
}

/* FOUR ENTRIES
----------------------------------------------------------*/

.fourEntries
{
	margin: 20px 0 0 20px;
}

#reddsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
}
.reddsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/red_dsa_button.png);
	background-repeat: no-repeat;
}
.reddsabutton:hover
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/red_dsa_button.png);
	background-repeat: no-repeat;
}
.reddsabuttontext
{
	float: left;
	margin-left: 60px;
	margin-top: 15px;
	color: #9933cc;
	font-weight: bold;

}
#greendsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
}
.greendsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/green_dsa_button.png);
	background-repeat: no-repeat;
}
.greendsabutton:hover
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/green_dsa_button.png);
	background-repeat: no-repeat;
}
.greendsabuttontext
{
	float: left;
	margin-left: 60px;
	margin-top: 15px;
	color: #66CC00;
	font-weight: bold;
}
#bluedsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
}
.bluedsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/blue_dsa_button.png);
	background-repeat: no-repeat;
}
.bluedsabutton:hover
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/blue_dsa_button.png);
	background-repeat: no-repeat;
}
.bluedsabuttontext
{
	float: left;
	margin-left: 60px;
	margin-top: 15px;
	color: #3399CC;
	font-weight: bold;
}
#yelldsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
}
.yelldsabutton
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/yellow_dsa_button.png);
	background-repeat: no-repeat;
}
.yelldsabutton:hover
{
	width: 250px;
	height: 70px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/yellow_dsa_button.png);
	background-repeat: no-repeat;
}
.yelldsabuttontext
{
	float: left;
	margin-left: 60px;
	margin-top: 15px;
	color: #ff9900;
	font-weight: bold;
}

.newstopzip
{
    /*background: transparent url(images/news_top.png) no-repeat;*/
    border: 0;
    padding: 0;
    width: 255px;
    height: 27px;
}

.newstopzip h4
{
    padding: 3px 0 0 10px;
}

.newscontentzip
{
    /*background: transparent url(images/news_content_bg.png) no-repeat;*/
    border: 0;
    padding: 0 0 0 10px;
    width: 255px;
    height: 200px;
}

.newscontentzip a:link, a:visited
{
    font-weight: bold;
    color: #004289;
    text-decoration: none;
}

.newscontentzip a:hover
{
    font-weight: bold;
    color: #4b2e82;
    text-decoration: none;
}

.newscontentzip a:active
{
    font-weight: bold;
    color: #004289;
    text-decoration: none;
}

#facebookbutton
{
	width: 252px;
	height: 62px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
}
.facebookbutton
{
	width: 252px;
	height: 62px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-align: left;
	text-decoration: none;
	background-image: url(images/facebook_button.png);
	background-repeat: no-repeat;
}