/* element formatting */
* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

p{
        color: rgb(0,225, 155);
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        margin-bottom: 25px;
        margin-left: 50px;
}
#no_underline{
    text-decoration: none;
    color: rgb(0,225, 155);
}

#underlined_text{
    text-decoration: underline;
}

#link_color{
    color: rgb(0,225, 155);
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
}

.nav_p{
        color: rgb(0,255,185);
        font-family: 'Ubuntu', sans-serif;
        font-size: 16px;
        margin-bottom:20px;
}

#headings{
        color: rgb(0,225, 155);
        font-family: 'Ubuntu', sans-serif;
        /*text-decoration: underline;*/
        margin-bottom: 10px;
        padding-left: 50px;
        /*text-align: center;*/
        font-size: 20px;
}

.nav_links{
        color: rgb(0,225, 155);
        font-family: 'Ubuntu', sans-serif;
        padding: 10px 0px 0px 50px;
        font-size: 24px;
}
.nav_spacing{
        margin-right: 40px;
}


#title_div{
        float:left;
        width: 750px;
        padding-left: 80px;
}

.title{
        color: rgb(0,225, 155);
        font-family: 'Monoton', cursive;
        font-size: 75px;
}

#logo_div{
        float:left;
        width:80px;
}

#logo{
        margin-top: 15px;
        height: 80px;
        width: 80px;
}
hr{
        border: 1px solid rgb(0,225, 155);
        width: 900px;
        margin: 0px 0px 10px 50px;
}

/* =============layout|===============*/

body{
        background-image:url('../images/cyber_2.png');
        height:1200px;
}

.container{
        width:1000px;
        height: 1150px;
        margin: 0 auto;
        margin-top: 10px;
        background-color: black;
        border: solid #004241 3px;
        border-radius: 25px;
}

.top{
        margin-top: 20px;
        width:1000px;
        height: 120px;
}

.middle{

        width:1000px;
        height:1000px;

        /*background-color: red;*/
}

.content{
        height: 980px;
        width: 950px;
        float:left;
        padding: 2px 10px 10px 0px;
        /*margin-left: 18px;*/
        /*text-align: center;*/
}

.single_column{
        width:980px;
        margin: 20px 0px 20px 0px;
}


.bottom{

        width:1000px;
        height: 200px;
        /*background-color: red;*/
}



/*.pic{
        height: 250px;
        width: 200px;
        float: left;
        background-image: url("../images/nidalee.jpg");
        background-size: 250px;
        border: 1px solid rgb(0,225, 155);
        border-radius:25px;
        margin: 0px 10px 20px 10px;
}
.pic_2{
        height: 250px;
        width: 200px;
        float: left;
        background-image: url("../images/nid_2.jpg");
        background-size: 250px;
        border: 1px solid rgb(0,225, 155);
        border-radius:25px;
        margin: 0px 10px 20px 10px;
}

.pic_3{
        height: 250px;
        width: 200px;
        float: left;
        background-image: url("../images/nid_3.jpg");
        background-size: 250px;
        border: 1px solid rgb(0,225, 155);
        border-radius:25px;
        margin: 0px 10px 20px 10px;
}

.pic_4{
        height: 250px;
        width: 200px;
        float: left;
        background-image: url("../images/nid_4.jpg");
        background-size: 250px;
        border: 1px solid rgb(0,225, 155);
        border-radius:25px;
        margin: 0px 10px 20px 10px;
}

.pic_container{
        margin: 0px 0px 0px 50px;
}*/



/* .column_left{
        width:490px;
        height: 500px;
        border-right: 1px solid rgb(0,225, 155);
        margin: 10px 0px 20px 0px;
        float: left;
}
.column_right{
        width:450px;
        height: 500px;
        margin: 10px 0px 20px 0px;
        float: left;
} */